:root,[data-theme=light]{--primary:#0d3d2f;--primary-light:#1a5c46;--primary-accent:#2dd4bf;--accent:#14b8a6;--bg-app:#e8f4f8;--bg-card:#fff;--bg-card-hover:#f8fafc;--glass-bg:#ffffff8c;--glass-bg-hover:#ffffffbf;--glass-border:#fffc;--glass-border-inner:#ffffff80;--glass-blur:18px;--glass-shadow:0 8px 32px #1f26871a, inset 0 1px 0 #ffffffa6;--glass-shadow-hover:0 16px 48px #1f268729, inset 0 1px 0 #fffc;--bg-sidebar:#0d3d2f;--sidebar-border:#ffffff14;--sidebar-item-hover:#ffffff14;--sidebar-item-active-bg:#2dd4bf;--sidebar-item-active-color:#0d3d2f;--text-sidebar:#a7c4bb;--text-sidebar-active:#fff;--topbar-bg:#fffffff5;--topbar-border:#e2e8f0;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--border-subtle:#f1f5f9;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--card-teal:#ccfbf1a6;--card-yellow:#fef9c3a6;--card-peach:#ffedd5a6;--card-pink:#fce7f3a6;--card-blue:#dbeafea6;--card-green:#dcfce7a6;--card-teal-border:#a7f3d0;--card-yellow-border:#fde68a;--card-peach-border:#fed7aa;--card-pink-border:#f9a8d4;--card-blue-border:#93c5fd;--card-green-border:#86efac;--card-teal-label:#0d9488;--card-yellow-label:#d97706;--card-peach-label:#ea580c;--card-pink-label:#db2777;--card-blue-label:#2563eb;--card-green-label:#16a34a;--table-head-bg:#f0f4f8;--table-row-hover:#f8fafc;--badge-up-bg:#dcfce7;--badge-up-text:#16a34a;--badge-dn-bg:#fee2e2;--badge-dn-text:#dc2626;--status-delivered-bg:#dcfce7;--status-delivered-text:#16a34a;--status-processing-bg:#dbeafe;--status-processing-text:#2563eb;--status-cancelled-bg:#fee2e2;--status-cancelled-text:#dc2626;--status-pending-bg:#fef9c3;--status-pending-text:#ca8a04;--status-shipped-bg:#f3e8ff;--status-shipped-text:#9333ea;--toggle-bg:#fff;--toggle-border:#d1d5db;--toggle-color:#64748b;--input-bg:#f0f4f8;--input-border:#e2e8f0;--input-focus-shadow:#2dd4bf1f}[data-theme=dark]{--primary:#0d3d2f;--primary-light:#1a5c46;--primary-accent:#2dd4bf;--accent:#14b8a6;--bg-app:#0a0f1e;--bg-card:#1e293b;--bg-card-hover:#243044;--glass-bg:#0f172a80;--glass-bg-hover:#1e293ba6;--glass-border:#ffffff12;--glass-border-inner:#ffffff0a;--glass-blur:18px;--glass-shadow:0 8px 32px #0006, inset 0 1px 0 #ffffff0d;--glass-shadow-hover:0 16px 48px #0000008c, inset 0 1px 0 #ffffff14;--bg-sidebar:#071f17;--sidebar-border:#ffffff0f;--sidebar-item-hover:#ffffff12;--sidebar-item-active-bg:#2dd4bf;--sidebar-item-active-color:#071f17;--text-sidebar:#7aada0;--text-sidebar-active:#fff;--topbar-bg:#0f172af7;--topbar-border:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#334155;--border-subtle:#1e293b;--shadow-sm:0 1px 3px #00000059, 0 1px 2px #00000040;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 8px 32px #00000073;--card-teal:#134e4a8c;--card-yellow:#3d2d008c;--card-peach:#431a078c;--card-pink:#4a044e8c;--card-blue:#1e3a5f8c;--card-green:#14532d8c;--card-teal-border:#0f766e;--card-yellow-border:#92400e;--card-peach-border:#c2410c;--card-pink-border:#9d174d;--card-blue-border:#1d4ed8;--card-green-border:#166534;--card-teal-label:#2dd4bf;--card-yellow-label:#fbbf24;--card-peach-label:#fb923c;--card-pink-label:#f472b6;--card-blue-label:#60a5fa;--card-green-label:#4ade80;--table-head-bg:#131f33;--table-row-hover:#1e293b;--badge-up-bg:#14532d;--badge-up-text:#4ade80;--badge-dn-bg:#450a0a;--badge-dn-text:#f87171;--status-delivered-bg:#14532d;--status-delivered-text:#4ade80;--status-processing-bg:#1e3a5f;--status-processing-text:#60a5fa;--status-cancelled-bg:#450a0a;--status-cancelled-text:#f87171;--status-pending-bg:#3d2d00;--status-pending-text:#fbbf24;--status-shipped-bg:#3b0764;--status-shipped-text:#c084fc;--toggle-bg:#1e293b;--toggle-border:#334155;--toggle-color:#94a3b8;--input-bg:#1e293b;--input-border:#334155;--input-focus-shadow:#2dd4bf26}:root{--sidebar-width:240px;--sidebar-collapsed:68px;--topbar-height:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-app);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;transition:color .3s}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul{list-style:none}img{max-width:100%;display:block}input{font-family:inherit}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(75% 65% at 10% 15%,#6366f11f 0%,#0000 55%),radial-gradient(65% 55% at 88% 85%,#10b98114 0%,#0000 55%),linear-gradient(135deg,#0f172a 0%,#020617 100%);position:fixed;inset:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{z-index:1;min-height:100vh;display:flex;position:relative}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}.main-content.collapsed{margin-left:var(--sidebar-collapsed)}.page-content{margin-top:var(--topbar-height);flex:1;padding:24px;overflow-y:auto}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:var(--transition)}.card:hover{background:var(--glass-bg-hover);box-shadow:var(--glass-shadow-hover);transform:translateY(-2px)}.badge{border-radius:999px;align-items:center;gap:2px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-up{background:var(--badge-up-bg);color:var(--badge-up-text)}.badge-down{background:var(--badge-dn-bg);color:var(--badge-dn-text)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes float-orb{0%,to{transform:translate(0)scale(1)}33%{transform:translate(4%,3%)scale(1.04)}66%{transform:translate(-3%,5%)scale(.97)}}.animate-fadeInUp{animation:.4s forwards fadeInUp}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}