:root{--bg-base:#fbfbfc;--bg-surface:#fff;--bg-elevated:#f8fafc;--bg-overlay:#0f172a08;--bg-input:#fff;--bg-glass:#ffffffbf;--bg-muted:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--accent:#6366f1;--accent-hover:#4f46e5;--accent-light:#6366f114;--accent-muted:#6366f10a;--success:#10b981;--success-bg:#10b98114;--success-border:#10b98126;--warning:#f59e0b;--warning-bg:#f59e0b14;--warning-border:#f59e0b26;--danger:#ef4444;--danger-bg:#ef444414;--danger-border:#ef444426;--info:#3b82f6;--info-bg:#3b82f614;--border:#f1f5f9;--border-strong:#e2e8f0;--border-focus:#6366f14d;--shadow-xs:0 1px 2px #00000005;--shadow-sm:0 4px 6px -1px #00000005, 0 2px 4px -1px #00000003;--shadow-md:0 12px 24px -4px #0000000a, 0 4px 8px -2px #00000005;--shadow-lg:0 20px 40px -10px #0000000d;--shadow-xl:0 30px 60px -12px #0000001a;--shadow-accent:0 10px 20px -5px #6366f133;--shadow-inner:inset 0 2px 4px 0 #00000005;--gradient-accent:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-danger:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-glass:linear-gradient(135deg, #ffffffb3 0%, #ffffff4d 100%);--radius-xs:8px;--radius-sm:12px;--radius-md:14px;--radius-lg:20px;--radius-xl:32px;--radius-full:9999px;--sidebar-width:290px;--sidebar-collapsed:88px;--topbar-height:80px;--ease-base:.35s cubic-bezier(.4, 0, .2, 1);--ease-fast:.15s ease;--ease-slow:.5s ease;--font-primary:"Inter", -apple-system, system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace}[data-theme=dark]{--bg-base:#0b0b0c;--bg-surface:#141416;--bg-elevated:#1d1d20;--bg-overlay:#ffffff05;--bg-input:#141416;--bg-glass:#141416e0;--text-primary:#fff;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-muted:#52525b;--text-inverse:#0f172a;--accent:#818cf8;--accent-hover:#a5b4fc;--accent-light:#818cf81f;--accent-muted:#818cf80f;--success:#10b981;--success-bg:#10b9811a;--success-border:#10b98133;--warning:#f59e0b;--warning-bg:#f59e0b1a;--warning-border:#f59e0b33;--danger:#ef4444;--danger-bg:#ef44441a;--danger-border:#ef444433;--info:#60a5fa;--info-bg:#60a5fa1a;--info-border:#60a5fa33;--border:#ffffff0d;--border-strong:#ffffff1a;--border-focus:#818cf866;--shadow-xs:0 1px 2px #0009;--shadow-sm:0 8px 30px #00000080;--shadow-md:0 20px 50px #0009;--shadow-accent:0 4px 20px #818cf833;--sidebar-bg:#0b0b0c;--sidebar-active-bg:#818cf81f;--sidebar-active-color:#818cf8;--sidebar-hover-bg:#ffffff05;--topbar-bg:#181a23eb;--toast-success-bg:#064e3bf2;--toast-success-color:#6ee7b7;--toast-success-border:#34d3994d;--toast-error-bg:#7f1d1df2;--toast-error-color:#fca5a5;--toast-error-border:#f871714d;--toast-info-bg:#1e40aff2;--toast-info-color:#93c5fd;--toast-info-border:#60a5fa4d;--toast-warning-bg:#78350ff2;--toast-warning-color:#fcd34d;--toast-warning-border:#fbbf244d;--gradient-card:linear-gradient(145deg, #6366f10f 0%, #8b5cf608 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-primary);background:var(--bg-base);color:var(--text-primary);min-height:100vh;transition:background var(--ease-slow), color var(--ease-slow);line-height:1.6;overflow-x:hidden}a{color:var(--accent);transition:color var(--ease-fast);text-decoration:none}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--accent-muted);color:var(--accent)}.dashboard-layout{background:var(--bg-base);width:100%;min-width:0;min-height:100vh;display:flex;overflow-x:clip}.main-content{flex:0 0 calc(100% - var(--sidebar-width));width:calc(100% - var(--sidebar-width));max-width:calc(100% - var(--sidebar-width));min-width:0;margin-left:var(--sidebar-width);padding-top:var(--topbar-height);transition:margin-left var(--ease-base), width var(--ease-base), max-width var(--ease-base), flex-basis var(--ease-base);background:var(--bg-base)}.main-content.collapsed{flex-basis:calc(100% - var(--sidebar-collapsed));width:calc(100% - var(--sidebar-collapsed));max-width:calc(100% - var(--sidebar-collapsed));margin-left:var(--sidebar-collapsed)}.page-container{width:100%;min-width:0;max-width:1440px;padding:28px 32px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--ease-base);box-shadow:var(--shadow-sm);z-index:1;padding:24px;position:relative;overflow:hidden}.card:before{content:"";background:var(--gradient-card);opacity:0;transition:opacity var(--ease-base);z-index:-1;pointer-events:none;position:absolute;inset:0}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card:hover:before{opacity:.8}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.btn{border-radius:var(--radius-md);font-family:var(--font-primary);cursor:pointer;transition:all var(--ease-base);white-space:nowrap;letter-spacing:-.0125em;border:none;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:.875rem;font-weight:600;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 8px 30px #6366f14d}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-strong)}.btn-secondary:hover{background:var(--bg-muted);border-color:var(--text-muted)}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px 15px #ef444433}.btn-success{background:var(--success);color:#fff;box-shadow:0 4px 15px #10b98133}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.btn-sm{border-radius:var(--radius-sm);padding:7px 14px;font-size:.8125rem}.btn-lg{border-radius:var(--radius-lg);padding:14px 28px;font-size:1rem}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.input{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-primary);transition:all var(--ease-base);box-shadow:var(--shadow-inner);outline:none;padding:12px 18px;font-size:.875rem;line-height:1.5}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--border-focus)}.input::placeholder{color:var(--text-muted)}select.input{cursor:pointer;appearance:none}.badge{border-radius:var(--radius-full);letter-spacing:.01em;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.badge-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.badge-info{background:var(--info-bg);color:var(--info);border:1px solid var(--info-border)}.badge-neutral{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border)}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table th{text-align:left;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:.75rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border);color:var(--text-primary);transition:background var(--ease-fast);padding:14px 16px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-overlay)}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--ease-base);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;padding:24px;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}.stat-card .stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.stat-card .stat-info{flex-direction:column;gap:4px;display:flex}.stat-card .stat-value{letter-spacing:-.04em;color:var(--text-primary);font-size:2rem;font-weight:800;line-height:1.1}.stat-card .stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.stat-card .stat-footer{align-items:center;gap:8px;margin-top:4px;display:flex}.stat-card .stat-change{border-radius:var(--radius-full);align-items:center;gap:2px;padding:2px 8px;font-size:.75rem;font-weight:700;display:flex}.stat-card .stat-change.positive{background:var(--success-bg);color:var(--success)}.stat-card .stat-change.negative{background:var(--danger-bg);color:var(--danger)}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;background:#0f172a73;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out forwards overlayIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:520px;max-height:calc(100vh - 40px);padding:40px;animation:.45s cubic-bezier(.34,1.56,.64,1) forwards modalIn;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-close{border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border);width:36px;height:36px;color:var(--text-tertiary);cursor:pointer;transition:all var(--ease-base);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;top:24px;right:24px}.modal-close:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border);transform:rotate(90deg)}.modal-content-scroll{flex:1;margin-top:8px;padding-right:4px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.modal-title{color:var(--text-primary);letter-spacing:-.04em;font-size:1.5rem;font-weight:800}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--bg-overlay) 50%, var(--bg-elevated) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.6s infinite shimmer}.divider{background:var(--border);height:1px;margin:16px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.92)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:.4s forwards fadeIn}.animate-slide-in{animation:.4s forwards slideInLeft}.animate-scale-in{animation:.35s forwards scaleIn}.stagger-children>*{opacity:0;animation:.4s forwards fadeIn}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:60ms}.stagger-children>:nth-child(3){animation-delay:.12s}.stagger-children>:nth-child(4){animation-delay:.18s}.stagger-children>:nth-child(5){animation-delay:.24s}.stagger-children>:nth-child(6){animation-delay:.3s}.text-muted{color:var(--text-tertiary)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}@media (max-width:1024px){.main-content{flex-basis:100%!important;width:100%!important;max-width:100%!important;margin-left:0!important}}@media (max-width:768px){:root{--topbar-height:64px}.page-container{padding:16px 16px 100px}.card{border-radius:var(--radius-md);padding:16px}.card:has(.data-table){-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:560px}.stat-card{padding:16px}.modal-box{border-radius:var(--radius-md);max-height:96vh;padding:20px}.mobile-stack{flex-direction:column!important;align-items:flex-start!important}.mobile-full{width:100%!important;max-width:none!important}.mobile-hidden{display:none!important}.mobile-scroll-x{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.mobile-scroll-x::-webkit-scrollbar{display:none}}@media (max-width:480px){.page-container{padding:12px 12px 100px}.stat-card .stat-value{font-size:1.5rem}.btn{padding:10px 18px}.modal-overlay{align-items:flex-end;padding:12px}.modal-box{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:92dvh;padding:24px 16px}}.mobile-bottom-nav{display:none}@media (max-width:1024px){.mobile-bottom-nav{z-index:49;background:var(--bg-glass);-webkit-backdrop-filter:blur(24px)saturate(180%);border-top:1px solid var(--border-strong);padding:8px 4px max(12px, env(safe-area-inset-bottom));gap:0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0000000f}.mobile-bottom-nav a,.mobile-bottom-nav button{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;letter-spacing:.02em;text-transform:uppercase;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:52px;padding:6px 4px;font-size:.625rem;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.mobile-bottom-nav a.active,.mobile-bottom-nav button.active{color:var(--accent);background:var(--accent-muted);border-radius:var(--radius-sm)}.mobile-bottom-nav a:active,.mobile-bottom-nav button:active{transform:scale(.93)}}@media (hover:none) and (pointer:coarse){.btn{min-height:44px}.input{min-height:44px;font-size:16px}select.input,textarea.input{font-size:16px}.card:hover{box-shadow:var(--shadow-sm);transform:none}.stat-card:hover{transform:none}.card:active{background:var(--bg-elevated)}}.order-split{height:calc(100dvh - var(--topbar-height) - 80px);gap:0;display:flex;overflow:hidden}.order-split-left{border-right:1px solid var(--border);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.order-split-right{background:var(--bg-elevated);flex-direction:column;flex-shrink:0;width:340px;display:flex;overflow:hidden}@media (max-width:900px){.order-split{height:calc(100dvh - var(--topbar-height) - 64px);flex-direction:column}.order-split-left{border-right:none;border-bottom:2px solid var(--border-strong);flex:0 0 55%}.order-split-right{flex:1;width:auto;overflow-y:auto}}@media (max-width:480px){.order-split-left{flex:0 0 50%}}@media (max-width:640px){[style*="grid-template-columns: repeat(auto-fill, minmax(280px, 1fr))"]{grid-template-columns:1fr!important}[style*="grid-template-columns: repeat(3, minmax(0, 1fr))"]{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:600px){.modal-overlay{align-items:flex-end;padding:0}.modal-box{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:100%;padding:24px 20px max(20px, env(safe-area-inset-bottom));animation:.35s cubic-bezier(.32,.72,0,1) forwards slideUpSheet}}@keyframes slideUpSheet{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.separator{background:var(--border);height:1px;margin:16px 0}.hover-pop{transition:transform .2s,box-shadow .2s}@media (hover:hover){.hover-pop:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}.hover-pop:active{transform:scale(.97)}