.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100vh;position:sticky;top:0;display:flex;flex-direction:column;background:var(--bg-surface-1);border-right:1px solid var(--border);overflow:hidden;transition:width .22s cubic-bezier(.4,0,.2,1),min-width .22s cubic-bezier(.4,0,.2,1);z-index:100;flex-shrink:0}.sidebar.collapsed{width:var(--sidebar-collapsed);min-width:var(--sidebar-collapsed)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-4) var(--sp-4);gap:var(--sp-2);flex-shrink:0;border-bottom:1px solid var(--border);min-height:64px}.sidebar-logo{display:flex;align-items:center;gap:var(--sp-2);overflow:hidden;flex:1;min-width:0}.sidebar-logo-mark{width:32px;height:32px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary),var(--info));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;color:#fff;flex-shrink:0;-webkit-user-select:none;user-select:none;box-shadow:0 4px 12px var(--primary-dim)}.sidebar-logo-text{font-size:.95rem;font-weight:800;color:var(--text-primary);white-space:nowrap;overflow:hidden;opacity:1;transition:opacity .18s ease;letter-spacing:-.02em}.sidebar.collapsed .sidebar-logo-text{opacity:0;width:0}.sidebar-toggle{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-toggle:hover{background:var(--primary-dim);color:var(--text-accent);border-color:var(--primary-glow);transform:scale(1.05)}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--sp-3) var(--sp-2);display:flex;flex-direction:column;gap:2px;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-group{margin-bottom:var(--sp-2)}.sidebar-section-label{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-2) var(--sp-1);overflow:hidden}.sidebar-section-label span{font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;transition:opacity .18s,width .18s;opacity:1}.sidebar.collapsed .sidebar-section-label span{opacity:0;width:0;overflow:hidden}.sidebar-section-divider{flex:1;height:1px;background:var(--border);opacity:.5}.sidebar.collapsed .sidebar-section-divider{display:none}.sidebar-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);color:var(--text-subtle);text-decoration:none;font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.sidebar-item:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:3px;border-radius:0 var(--radius-xs) var(--radius-xs) 0;background:var(--primary);opacity:0;transition:opacity .2s}.sidebar-item:hover{background:var(--bg-surface-2);color:var(--text-primary);padding-left:var(--sp-4)}.sidebar-item.active{background:var(--primary-dim);color:var(--text-primary);font-weight:700}.sidebar-item.active:before{opacity:1}.sidebar-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.sidebar-item-label{opacity:1;transition:opacity .15s;flex:1}.sidebar.collapsed .sidebar-item-label{opacity:0;width:0;overflow:hidden}.sidebar-footer{padding:var(--sp-3);border-top:1px solid var(--border);flex-shrink:0;background:#0003}.sidebar-user{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);overflow:hidden}.sidebar-user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--bg-surface-3);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-subtle);border:1px solid var(--border)}.sidebar-user-info{flex:1;min-width:0;overflow:hidden;opacity:1;transition:opacity .15s}.sidebar.collapsed .sidebar-user-info{opacity:0;width:0}.sidebar-user-name{font-size:.8rem;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-email{font-size:.65rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.sidebar-logout{padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);border:1px solid var(--danger-dim);background:var(--danger-dim);color:var(--danger);cursor:pointer;font-size:.7rem;font-weight:700;display:flex;align-items:center;gap:var(--sp-1);white-space:nowrap;flex-shrink:0;opacity:1;transition:all .2s}.sidebar.collapsed .sidebar-logout{opacity:0;width:0;overflow:hidden;padding:0;border:none}.sidebar-logout:hover{background:var(--danger);color:#fff;border-color:var(--danger)}:root{--bg-main: #020617;--bg-surface-1: #0f172a;--bg-surface-2: #1e293b;--bg-surface-3: #263348;--card-bg: rgba(15, 23, 42, .75);--card-border: rgba(255, 255, 255, .07);--card-blur: blur(8px);--primary: #6366f1;--primary-dim: rgba(99, 102, 241, .12);--primary-glow: rgba(99, 102, 241, .25);--success: #10b981;--success-dim: rgba(16, 185, 129, .12);--success-glow: rgba(16, 185, 129, .25);--warning: #f59e0b;--warning-dim: rgba(245, 158, 11, .12);--warning-glow: rgba(245, 158, 11, .25);--danger: #ef4444;--danger-dim: rgba(239, 68, 68, .12);--danger-glow: rgba(239, 68, 68, .25);--info: #38bdf8;--info-dim: rgba(56, 189, 248, .12);--text-primary: #f8fafc;--text-muted: #64748b;--text-subtle: #94a3b8;--text-accent: #a5b4fc;--border: rgba(255, 255, 255, .07);--border-hover: rgba(255, 255, 255, .14);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--sp-0-5: 2px;--sp-1: 4px;--sp-1-5: 6px;--sp-2: 8px;--sp-2-5: 10px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sidebar-width: 256px;--sidebar-collapsed: 60px;font-family:Outfit,Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-main);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-main);background-image:radial-gradient(ellipse at 80% 0%,rgba(99,102,241,.08) 0%,transparent 60%)}#root{width:100%}a{color:inherit;text-decoration:none}.dashboard-container{max-width:1440px;margin:0 auto;padding:var(--sp-8) var(--sp-6);animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.glass-card{background:var(--card-bg);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--sp-6);transition:box-shadow .2s ease}.glass-card:hover{box-shadow:0 8px 32px #0000004d;border-color:#6366f166}.modal-overlay{position:fixed;inset:0;background:#020617b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalFadeIn .25s ease-out}.modal-content{position:relative;max-height:90vh;overflow-y:auto;border:1px solid var(--border-hover);box-shadow:0 20px 50px #00000080;animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.standard-input{width:100%;padding:var(--sp-3) var(--sp-4);background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;outline:none;transition:all .2s}.standard-input:focus{border-color:var(--primary);background:var(--bg-surface-3);box-shadow:0 0 0 2px var(--primary-dim)}.input-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sp-1);display:block}.btn-icon{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:var(--sp-1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background:var(--bg-surface-3);color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-6)}.stat-card h3{margin:0;color:var(--text-muted);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.stat-card .value{font-size:2.25rem;font-weight:800;margin-top:var(--sp-2);background:linear-gradient(to right,var(--text-primary),var(--text-subtle));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}table{width:100%;border-collapse:separate;border-spacing:0 4px}th{text-align:left;color:var(--text-muted);padding:var(--sp-3) var(--sp-4);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}td{padding:var(--sp-3) var(--sp-4);background:#0f172a66;color:#e2e8f0;font-size:.875rem}td:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}td:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.form-group{display:flex;flex-direction:column;gap:var(--sp-2)}.form-group label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group select{width:100%;padding:var(--sp-3) var(--sp-4);background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;appearance:auto}.form-group input:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-dim)}.form-group input:disabled,.form-group select:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-surface-3)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-md);font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:none;outline:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 12px var(--primary-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-surface-3);color:var(--text-muted);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-muted)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.chart-container{margin-top:var(--sp-6);height:360px;width:100%}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#fff3}.topbar{position:sticky;top:0;z-index:100;height:56px;display:flex;justify-content:space-between;align-items:center;padding:0 var(--sp-6);background:#0a0a0fb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar-left{display:flex;align-items:center;gap:var(--sp-4)}.topbar-right{display:flex;align-items:center;gap:var(--sp-4);margin-left:auto}.store-selector-container{position:relative}.store-selector-pill{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1-5) var(--sp-4);background:var(--bg-surface-2);border:1px solid var(--border);border-radius:20px;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s}.store-selector-pill:hover,.store-selector-pill.active{background:var(--bg-surface-3);border-color:var(--primary);box-shadow:0 0 15px var(--primary-dim)}.store-selector-pill .caret{transition:transform .2s;color:var(--text-muted)}.store-selector-pill .caret.open{transform:rotate(180deg)}.store-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:var(--bg-surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 10px 30px #00000080;padding:var(--sp-1);animation:dropdownFade .2s ease-out;z-index:110}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.store-item{width:100%;padding:var(--sp-2-5) var(--sp-4);display:flex;align-items:center;gap:var(--sp-3);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;text-align:left;transition:all .2s}.store-item:hover{background:var(--bg-surface-2);color:var(--text-primary)}.store-item.selected{background:var(--primary-dim);color:var(--primary);font-weight:700}.profile-menu-container{position:relative}.profile-button{display:flex;align-items:center;gap:var(--sp-3);background:transparent;border:none;cursor:pointer;padding:4px 12px 4px 4px;border-radius:99px;transition:background .2s ease}.profile-button:hover{background:var(--bg-surface-2)}.profile-button .avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.profile-button .profile-name{color:var(--text-primary);font-size:.9rem;font-weight:500;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-button .profile-caret{color:var(--text-muted)}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 10px 30px #00000080;padding:var(--sp-2);animation:fadeIn .2s ease-out;z-index:51}.profile-dropdown .dropdown-header{padding:var(--sp-2) var(--sp-3)}.profile-dropdown .dropdown-header .user-name{margin:0;color:var(--text-primary);font-weight:600;font-size:.9rem}.profile-dropdown .dropdown-header .user-role{margin:2px 0 0;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.profile-dropdown .dropdown-divider{height:1px;background:var(--border);margin:var(--sp-2) 0}.profile-dropdown .dropdown-item{display:flex;align-items:center;gap:var(--sp-3);width:100%;text-align:left;background:transparent;border:none;padding:var(--sp-2) var(--sp-3);color:var(--text-primary);font-size:.9rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s ease}.profile-dropdown .dropdown-item:hover{background:var(--bg-surface-3)}.profile-dropdown .dropdown-item.text-danger{color:var(--danger)}.profile-dropdown .dropdown-item.text-danger:hover{background:var(--danger-dim)}