:root{--bg-primary:#0a0a0b;--bg-secondary:#111113;--bg-tertiary:#18181b;--bg-elevated:#1c1c1f;--bg-hover:#222225;--bg-active:#2a2a2d;--border:#27272a;--border-light:#1e1e21;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-muted:#52525b;--accent:#6366f1;--accent-hover:#818cf8;--accent-muted:#6366f126;--success:#22c55e;--success-muted:#22c55e26;--warning:#f59e0b;--warning-muted:#f59e0b26;--danger:#ef4444;--danger-muted:#ef444426;--info:#3b82f6;--info-muted:#3b82f626;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition:.15s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.flex-1{flex:1}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;font-family:var(--font);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:all var(--transition);white-space:nowrap;line-height:1.5;display:inline-flex}.btn:hover{background:var(--bg-hover);border-color:var(--border)}.btn:active{background:var(--bg-active)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{background:var(--danger-muted);color:var(--danger);border-color:#0000}.btn-danger:hover{background:#ef444440}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-hover)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:0}.input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:var(--font);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--transition);outline:none}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}.select{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:var(--font);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);appearance:none;cursor:pointer;outline:none}.select:focus{border-color:var(--accent)}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.badge{padding:2px var(--space-2);font-size:var(--text-xs);white-space:nowrap;border-radius:9999px;align-items:center;font-weight:500;display:inline-flex}.badge-success{background:var(--success-muted);color:var(--success)}.badge-warning{background:var(--warning-muted);color:var(--warning)}.badge-danger{background:var(--danger-muted);color:var(--danger)}.badge-info{background:var(--info-muted);color:var(--info)}.badge-neutral{background:var(--bg-hover);color:var(--text-secondary)}.table-wrapper{border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:500;font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-tertiary);border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-hover)}.table td:first-child{color:var(--text-primary);font-weight:500}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;padding:var(--space-4);background:#0009;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;animation:.2s ease-out slideUp;overflow-y:auto}.modal-header{padding:var(--space-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:var(--text-lg);font-weight:600}.modal-body{padding:var(--space-5)}.modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);justify-content:flex-end;gap:var(--space-3);display:flex}.form-group{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-hover) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);width:240px;transition:transform var(--transition);flex-direction:column;flex-shrink:0;display:flex}.sidebar-header{padding:var(--space-5);border-bottom:1px solid var(--border)}.sidebar-logo{font-size:var(--text-lg);color:var(--text-primary);letter-spacing:-.025em;font-weight:700}.sidebar-logo span{color:var(--accent)}.sidebar-role{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.sidebar-nav{padding:var(--space-3);flex-direction:column;flex:1;gap:2px;display:flex}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition);cursor:pointer;font-family:var(--font);text-align:left;background:0 0;border:none;width:100%;display:flex}.sidebar-link:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-link.active{background:var(--accent-muted);color:var(--accent)}.sidebar-link .icon{opacity:.7;flex-shrink:0;width:18px;height:18px}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--border)}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.page-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.page-header h1{font-size:var(--text-xl);letter-spacing:-.025em;font-weight:600}.page-body{padding:var(--space-6);flex:1;overflow-y:auto}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;height:100vh;display:flex}.login-card{width:100%;max-width:380px;padding:var(--space-8)}.login-title{font-size:var(--text-2xl);text-align:center;letter-spacing:-.025em;margin-bottom:var(--space-1);font-weight:700}.login-subtitle{text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);margin-bottom:var(--space-8)}.login-error{background:var(--danger-muted);color:var(--danger);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4);text-align:center}.stat-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.stat-card-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-weight:500}.stat-card-value{font-size:var(--text-2xl);letter-spacing:-.025em;font-weight:700}.stat-card-change{font-size:var(--text-xs);margin-top:var(--space-1)}.filters-bar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.search-input{max-width:280px}.tab-group{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border);padding:2px;display:flex}.tab{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);font-weight:500;font-family:var(--font);background:0 0;border:none}.tab:hover{color:var(--text-secondary)}.tab.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:0 1px 2px #0000004d}.order-row{cursor:pointer}.order-id{font-family:SF Mono,Fira Code,monospace;font-size:var(--text-xs)}.stats-section{margin-bottom:var(--space-8)}.stats-section h2{font-size:var(--text-lg);margin-bottom:var(--space-4);font-weight:600}.chart-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);align-items:flex-end;gap:var(--space-2);height:200px;display:flex}.chart-bar{background:var(--accent);border-radius:var(--radius-sm) var(--radius-sm) 0 0;flex:1;min-height:8px;transition:height .5s ease-out;position:relative}.chart-bar:hover{background:var(--accent-hover)}.chart-bar-label{color:var(--text-muted);white-space:nowrap;font-size:10px;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}@media (width<=768px){.sidebar{z-index:50;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:49;background:#00000080;position:fixed;inset:0}.stat-grid{grid-template-columns:1fr 1fr}.page-body,.page-header{padding:var(--space-4)}.filters-bar{flex-direction:column;align-items:stretch}.search-input{max-width:100%}.mobile-menu-btn{display:flex!important}}@media (width>=769px){.mobile-menu-btn,.sidebar-overlay{display:none!important}}