:root{--admin-premium-bg: #f7f8fb;--admin-premium-ink: #0f172a;--admin-premium-muted: #64748b;--admin-premium-line: rgba(15, 23, 42, .08);--admin-premium-glass: rgba(255, 255, 255, .85);--admin-premium-elevated: rgba(255, 255, 255, .96);--admin-premium-shadow-sm: 0 12px 36px rgba(15, 23, 42, .08), 0 4px 14px rgba(0,0,0,.04);--admin-premium-shadow-md: 0 28px 74px rgba(15, 23, 42, .14), 0 8px 24px rgba(0,0,0,.06);--admin-premium-shadow-float: 0 32px 84px rgba(245, 114, 36, .16), 0 12px 32px rgba(15, 23, 42, .1);--admin-premium-radius-lg: 24px;--admin-premium-radius-md: 18px;--admin-premium-radius-sm: 12px;--admin-premium-sidebar: 300px}@keyframes adminMeshPulse{0%{background-position:0% 0%;background-size:200% 200%}50%{background-position:100% 100%;background-size:250% 250%}to{background-position:0% 0%;background-size:200% 200%}}@keyframes floatElement{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}body[data-no-components=true]{background:radial-gradient(circle at top left,rgba(245,114,36,.18),transparent 45%),radial-gradient(circle at 86% 8%,rgba(99,102,241,.15),transparent 40%),radial-gradient(circle at 50% 90%,rgba(236,72,153,.12),transparent 45%),linear-gradient(135deg,#f8fafc,#fff7ed 44%,#f1f5f9)!important;background-size:200% 200%!important;animation:adminMeshPulse 28s ease-in-out infinite alternate!important;color:var(--admin-premium-ink)}body[data-no-components=true]:before,body[data-no-components=true]:after{opacity:.18!important;filter:blur(170px)!important}.admin-layout{background:transparent!important}.sidebar{width:var(--admin-premium-sidebar)!important;padding:22px 16px 28px!important;background:linear-gradient(180deg,#111827f5,#241c1cf5),radial-gradient(circle at 10% 0%,rgba(245,114,36,.4),transparent 32%)!important;box-shadow:18px 0 55px #0f172a38!important;border-right:1px solid rgba(255,255,255,.1)!important}.sidebar-header{padding:10px 10px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h2{position:relative;padding-left:42px;font-size:1.25rem!important}.sidebar-header h2:before{content:"DW";position:absolute;left:0;top:50%;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;font-size:.72rem;font-weight:900;box-shadow:0 12px 28px #ef44444d}.sidebar-nav{gap:5px!important;padding:2px 2px 18px}.sidebar-nav .nav-link{min-height:42px;padding:10px 12px!important;border-radius:14px!important;color:#ffffffbd!important;font-size:.91rem;letter-spacing:0!important;border:1px solid transparent}.sidebar-nav .nav-link:hover{transform:translate(2px)!important;background:#ffffff1a!important;color:#fff!important;border-color:#ffffff14}.sidebar-nav .nav-link.active{background:linear-gradient(135deg,#f57224f2,#ef4444e0)!important;color:#fff!important;box-shadow:0 16px 32px #ef444440!important}.sidebar-nav .nav-link i{width:28px!important;height:28px;display:inline-grid;place-items:center;border-radius:10px;background:#ffffff14;font-size:.9rem}.sidebar-nav .nav-link.active i{background:#ffffff2e}.sidebar-nav .nav-link .nav-badge{padding:3px 8px!important;font-size:.62rem!important;letter-spacing:.3px!important;box-shadow:none!important}.main-content{width:calc(100% - var(--admin-premium-sidebar))!important;margin-left:var(--admin-premium-sidebar)!important;max-width:none!important;padding:26px clamp(18px,2.5vw,40px) 54px!important}.admin-header{position:sticky;top:14px;z-index:75;align-items:stretch!important;gap:22px!important;padding:20px!important;border:1px solid var(--admin-premium-line)!important;border-radius:var(--admin-premium-radius-lg)!important;background:var(--admin-premium-glass)!important;box-shadow:var(--admin-premium-shadow-sm)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.header-left{min-width:260px;flex:1 1 420px}.admin-header h1{color:#111827!important;font-size:clamp(1.7rem,3vw,2.55rem)!important;letter-spacing:-.05em;margin-bottom:4px!important}.admin-subtitle,.login-subtitle{color:var(--admin-premium-muted)!important}.header-pills,.actions-compact{gap:8px!important}.pill,.eyebrow{border:1px solid rgba(245,114,36,.12);box-shadow:0 8px 18px #f572240f}.admin-actions{display:grid!important;grid-template-columns:minmax(320px,440px);gap:14px!important;align-items:start!important}.controls-panel{border:1px solid var(--admin-premium-line)!important;background:#ffffffb8!important;border-radius:22px!important;box-shadow:none!important;overflow:hidden}.controls-panel-header{padding:16px 18px!important;border-bottom:1px solid var(--admin-premium-line);background:linear-gradient(180deg,#ffffffeb,#fff7ed8c)}.toggle-stack{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;padding:14px!important;max-height:420px;overflow:auto}.toggle-wrapper{min-height:48px;padding:11px 12px!important;border-radius:16px!important;border:1px solid var(--admin-premium-line);background:#ffffffc7!important}.toggle-label{color:#344054!important;font-size:.82rem!important;font-weight:700!important}.form-select,.form-input,textarea{border-color:#0f172a1a!important;background:#fffffff2!important;border-radius:12px!important;box-shadow:inset 0 1px #ffffffa6}.form-select:focus,.form-input:focus,textarea:focus{border-color:#f572248c!important;box-shadow:0 0 0 4px #f5722424!important}.btn,.action-btn{border-radius:14px!important;font-weight:800!important;letter-spacing:-.01em;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important;position:relative;overflow:hidden}.btn:after,.action-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .25s ease}.btn:hover:after,.action-btn:hover:after{opacity:1}.btn:hover,.action-btn:hover{transform:translateY(-3px) scale(1.02)}.btn-primary,.btn-accent,.action-btn.edit-btn,.action-btn.stock-btn{box-shadow:0 14px 32px #f5722440,inset 0 1px 1px #fff6!important}.btn-primary:hover,.btn-accent:hover{box-shadow:0 18px 42px #f5722459,inset 0 1px 1px #fff9!important}.btn-secondary{background:#ffffffeb!important;color:#344054!important;border:1px solid rgba(15,23,42,.1)!important}.overview-panel,.dashboard-card,.quick-card,.login-container{border:1px solid var(--admin-premium-line)!important;background:var(--admin-premium-elevated)!important;border-radius:var(--admin-premium-radius-lg)!important;box-shadow:var(--admin-premium-shadow-sm)!important}.overview-panel{margin-top:24px!important;padding:22px!important}.glance-strip{gap:14px!important}.glance-card{position:relative;overflow:hidden;border:1px solid rgba(15,23,42,.07)!important;border-radius:20px!important;background:linear-gradient(145deg,#fff,#fff7ed)!important;box-shadow:none!important}.glance-card:after{content:"";position:absolute;right:-28px;top:-28px;width:92px;height:92px;border-radius:50%;background:#f572241c}.glance-card h4{letter-spacing:-.04em;color:#111827!important}.quick-actions{gap:14px!important}.quick-card{padding:18px!important;transition:transform .18s ease,box-shadow .18s ease}.quick-card:hover,.dashboard-card:hover,.glance-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--admin-premium-shadow-float)!important;border-color:#f5722440!important}.quick-card-icon,.card-icon{box-shadow:0 14px 30px #f572242e}.dashboard-grid{gap:18px!important}.dashboard-card{padding:20px!important;overflow:hidden}.dashboard-card h3{letter-spacing:-.03em;color:#111827!important}.table-shell,.table-responsive{border-radius:18px!important;background:#ffffffb8!important;border:1px solid rgba(15,23,42,.07)!important;overflow:auto}table{border-collapse:separate!important;border-spacing:0!important;width:100%}thead th{position:sticky;top:0;z-index:2;background:#f8fafc!important;color:#475467!important;font-size:.74rem!important;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid rgba(15,23,42,.08)!important}tbody td{border-bottom:1px solid rgba(15,23,42,.055)!important;color:#344054}tbody tr{transition:background .14s ease}tbody tr:hover{background:#f572240e!important}.status-badge,.badge,.nav-badge{border-radius:999px!important;font-weight:800!important}.table-pagination{border-top:1px solid rgba(15,23,42,.06);background:#f8fafcc7;padding:12px 14px!important}.modal,.modal-content{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.modal-content{border-radius:24px!important;border:1px solid rgba(15,23,42,.1)!important;box-shadow:0 28px 80px #0f172a3d!important}.message{border-radius:14px!important}body.dark-mode[data-no-components=true],html[data-theme=dark] body[data-no-components=true]{--admin-premium-bg: #040914;--admin-premium-ink: #f8fafc;--admin-premium-muted: #94a3b8;--admin-premium-line: rgba(255, 255, 255, .12);--admin-premium-glass: rgba(10, 15, 30, .86);--admin-premium-elevated: rgba(12, 18, 36, .9);--admin-premium-shadow-sm: 0 16px 40px rgba(0, 0, 0, .4), 0 4px 14px rgba(0,0,0,.2);--admin-premium-shadow-md: 0 28px 74px rgba(0, 0, 0, .5), 0 8px 24px rgba(0,0,0,.3);--admin-premium-shadow-float: 0 36px 90px rgba(245, 114, 36, .25), 0 16px 40px rgba(0,0,0,.6);background:radial-gradient(circle at 20% 0%,rgba(245,114,36,.24),transparent 45%),radial-gradient(circle at 90% 10%,rgba(99,102,241,.22),transparent 42%),radial-gradient(circle at 40% 100%,rgba(139,92,246,.18),transparent 48%),linear-gradient(135deg,#02040a,#080d1e)!important;background-size:200% 200%!important;animation:adminMeshPulse 32s ease-in-out infinite alternate!important;color:#f8fafc}body.dark-mode .admin-header,html[data-theme=dark] .admin-header,body.dark-mode .overview-panel,html[data-theme=dark] .overview-panel,body.dark-mode .dashboard-card,html[data-theme=dark] .dashboard-card,body.dark-mode .quick-card,html[data-theme=dark] .quick-card,body.dark-mode .controls-panel,html[data-theme=dark] .controls-panel,body.dark-mode .login-container,html[data-theme=dark] .login-container{background:#0f172ad1!important;color:#f8fafc!important;border-color:#ffffff1a!important}body.dark-mode .admin-header h1,html[data-theme=dark] .admin-header h1,body.dark-mode .dashboard-card h3,html[data-theme=dark] .dashboard-card h3,body.dark-mode .glance-card h4,html[data-theme=dark] .glance-card h4{color:#f8fafc!important}body.dark-mode .glance-card,html[data-theme=dark] .glance-card,body.dark-mode .toggle-wrapper,html[data-theme=dark] .toggle-wrapper,body.dark-mode .table-shell,html[data-theme=dark] .table-shell,body.dark-mode .table-responsive,html[data-theme=dark] .table-responsive{background:#0f172abd!important;border-color:#ffffff1a!important}body.dark-mode thead th,html[data-theme=dark] thead th{background:#111827!important;color:#cbd5e1!important}body.dark-mode tbody td,html[data-theme=dark] tbody td,body.dark-mode .toggle-label,html[data-theme=dark] .toggle-label{color:#e5e7eb!important}@media(max-width:1180px){.admin-header{position:relative;top:0;flex-direction:column!important}.admin-actions{grid-template-columns:1fr}.toggle-stack{grid-template-columns:1fr!important;max-height:none}}@media(max-width:900px){.sidebar{width:min(86vw,320px)!important}.main-content{width:100%!important;margin-left:0!important;padding:18px 14px 40px!important}.admin-header,.overview-panel,.dashboard-card,.quick-card{border-radius:18px!important}.glance-strip,.quick-actions,.dashboard-grid{grid-template-columns:1fr!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}