@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500&display=swap";:root{--bg: #0e0e0c;--bg-2: #161614;--bg-3: #1d1d1a;--bg-4: #232320;--fg: #ecebe6;--fg-2: #a8a59c;--fg-3: #8c897f;--line: #2a2a26;--line-2: #38382f;--accent: oklch(62% .16 50);--accent-soft: oklch(62% .16 50 / .12);--accent-line: oklch(62% .16 50 / .35);--accent-hover: oklch(66% .18 50);--accent-ink: color-mix(in oklab, var(--accent) 78%, white);--ok: oklch(70% .13 145);--ok-soft: oklch(70% .13 145 / .12);--warn: oklch(75% .14 80);--warn-soft: oklch(75% .14 80 / .12);--err: oklch(68% .2 25);--err-soft: oklch(65% .2 25 / .12);--info: oklch(65% .15 230);--info-soft: oklch(65% .15 230 / .12);--font-body: "Geist", system-ui, sans-serif;--font-display: "Geist", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace;--radius-sm: 3px;--radius: 6px;--radius-lg: 10px;--radius-xl: 16px;--color-primary: var(--accent);--color-secondary: var(--ok);--color-accent: var(--accent);--color-bg: var(--bg);--color-sidebar: var(--bg-2);--color-text: var(--fg);--color-surface: var(--bg-3);--color-border: var(--line)}[data-theme=light]{--bg: #f5f1ea;--bg-2: #ede8df;--bg-3: #e3ddd2;--bg-4: #d9d2c5;--fg: #15140f;--fg-2: #5a5851;--fg-3: #66635b;--line: #d6cfc1;--line-2: #c4bcab;--ok: oklch(46% .13 145);--warn: oklch(50% .12 75);--err: oklch(50% .2 25);--info: oklch(48% .15 245);--accent-ink: color-mix(in oklab, var(--accent) 72%, black);--color-sidebar: var(--bg-2);--color-bg: var(--bg);--color-text: var(--fg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:15px;line-height:1.55;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;color:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::selection{background:var(--accent);color:var(--bg)}.app-shell{display:flex;min-height:100vh;background:var(--bg)}.sidebar{width:220px;flex-shrink:0;background:var(--bg-2);border-right:1px solid var(--line);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:40}.sidebar-logo{padding:20px 18px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.sidebar-logo-text{font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:-.025em;color:var(--fg)}.sidebar-nav{flex:1;padding:10px 8px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius);font-size:13.5px;font-weight:500;color:var(--fg-2);cursor:pointer;transition:background .12s,color .12s;border:none;background:none;width:100%;text-align:left;text-decoration:none}.nav-item:hover{background:var(--bg-3);color:var(--fg)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-item.active svg{color:var(--accent)}.nav-section{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--fg-3);padding:14px 10px 4px;text-transform:uppercase}.sidebar-footer{padding:12px 8px;border-top:1px solid var(--line)}.sidebar-user{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius);cursor:pointer;transition:background .12s}.sidebar-user:hover{background:var(--bg-3)}.sidebar-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-soft);border:1px solid var(--accent-line);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--accent);flex-shrink:0}.main-content{margin-left:220px;flex:1;padding:28px 32px;min-height:100vh;background:var(--bg)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px}.page-title{font-size:22px;font-weight:600;letter-spacing:-.025em;color:var(--fg);margin:0}.page-subtitle{font-size:13px;color:var(--fg-3);margin:2px 0 0;font-family:var(--font-mono);letter-spacing:-.01em}.section-title{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--fg-3);text-transform:uppercase;margin-bottom:12px}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px 22px}.card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:8px;margin-bottom:14px}.card-title{font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--fg)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;letter-spacing:-.01em;border:1px solid var(--line-2);background:var(--bg-3);color:var(--fg-2);cursor:pointer;transition:all .12s;white-space:nowrap;font-family:inherit}.btn:hover{background:var(--bg-4);color:var(--fg);border-color:var(--line-2)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--bg)}.btn-ghost{background:transparent;border-color:transparent;color:var(--fg-3)}.btn-ghost:hover{background:var(--bg-3);color:var(--fg);border-color:var(--line)}.btn-danger{background:var(--err-soft);border-color:var(--err);color:var(--err)}.btn-danger:hover{background:var(--err);color:var(--bg)}.btn-sm{padding:4px 10px;font-size:12px}.input{width:100%;padding:8px 12px;background:var(--bg);border:1px solid var(--line-2);border-radius:var(--radius);color:var(--fg);font-family:var(--font-body);font-size:13.5px;letter-spacing:-.005em;outline:none;transition:border-color .12s}.input:focus{border-color:var(--accent-line);box-shadow:0 0 0 2px var(--accent-soft)}.input::placeholder{color:var(--fg-3)}.label{display:block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);margin-bottom:6px}.form-field{margin-bottom:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toggle{position:relative;display:inline-flex;width:36px;height:20px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--line-2);border-radius:20px;cursor:pointer;transition:background .15s}.toggle-slider:before{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:var(--fg-3);border-radius:50%;transition:all .15s}.toggle input:checked+.toggle-slider{background:var(--accent)}.toggle input:focus-visible+.toggle-slider{outline:2px solid var(--accent);outline-offset:2px}label:has(>input.sr-only:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.toggle input:checked+.toggle-slider:before{transform:translate(16px);background:var(--bg)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;font-weight:500;border:1px solid transparent}.badge-green{background:var(--ok-soft);color:var(--ok);border-color:#67b36a40}.badge-blue{background:var(--info-soft);color:var(--info);border-color:#009cce40;border-color:oklch(65% .15 230 / .25)}.badge-red{background:var(--err-soft);color:var(--err);border-color:#f14d4c40}.badge-yellow{background:var(--warn-soft);color:var(--warn);border-color:#dca33140}.badge-purple{background:#816dd21f;color:#9f88ff;color:oklch(70% .18 290);border-color:#816dd240}.badge-gray{background:var(--bg-3);color:var(--fg-3);border-color:var(--line)}.badge-orange{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-line)}.table{width:100%;border-collapse:collapse;font-size:13.5px}:where(:has(>.table)){overflow-x:auto!important;position:relative}.table:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.table thead tr{border-bottom:1px solid var(--line)}.table th{padding:10px 14px;text-align:left;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);font-weight:400;white-space:nowrap}.table td{padding:11px 14px;border-bottom:1px solid var(--line);color:var(--fg-2)}.table tbody tr:hover td{background:var(--bg-3);color:var(--fg)}.table tbody tr:last-child td{border-bottom:none}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:0}.tab-btn{padding:8px 14px;font-size:13px;font-weight:500;color:var(--fg-3);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .12s;margin-bottom:-1px;font-family:inherit;letter-spacing:-.01em}.tab-btn:hover{color:var(--fg)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e0e0ccc;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--radius-xl);padding:28px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-title{font-size:18px;font-weight:600;letter-spacing:-.025em}.modal-close{background:none;border:none;color:var(--fg-3);cursor:pointer;font-size:18px;padding:4px 8px;border-radius:var(--radius);transition:color .12s,background .12s}.modal-close:hover{color:var(--fg);background:var(--bg-3)}.alert-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius);border:1px solid;font-size:13px}.alert-bar-error{background:var(--err-soft);border-color:#f14d4c59;color:var(--err)}.alert-bar-warning{background:var(--warn-soft);border-color:#dca33159;color:var(--warn)}.alert-bar-success{background:var(--ok-soft);border-color:#67b36a59;color:var(--ok)}.alert-bar-info{background:var(--info-soft);border-color:#009cce59;border-color:oklch(65% .15 230 / .35);color:var(--info)}.alert-bar-critical{background:var(--err-soft);border-color:var(--err);color:var(--err);font-weight:600}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.grid-4{grid-template-columns:1fr 1fr}}@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.stat-value{font-size:28px;font-weight:600;letter-spacing:-.03em;color:var(--fg);line-height:1.1}.stat-label{font-family:var(--font-mono);font-size:11px;color:var(--fg-3);margin-top:3px;letter-spacing:.02em}.spinner{width:22px;height:22px;border:2px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:block}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{padding:48px 24px;text-align:center}.empty-state-icon{color:var(--fg-3);margin-bottom:12px}.empty-state-text{font-size:13px;color:var(--fg-3);font-family:var(--font-mono);letter-spacing:.02em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--fg-3)}code,pre{font-family:var(--font-mono);font-size:.875em;background:var(--bg-3);border-radius:var(--radius-sm);padding:1px 5px}pre{padding:12px 16px;overflow-x:auto}.pagination{display:flex;align-items:center;gap:4px;justify-content:center;padding:16px 0}.page-btn{min-width:32px;height:32px;padding:0 8px;border-radius:var(--radius);font-size:13px;font-weight:500;border:1px solid var(--line);background:var(--bg-2);color:var(--fg-2);cursor:pointer;transition:all .12s;display:inline-flex;align-items:center;justify-content:center}.page-btn:hover{border-color:var(--accent-line);color:var(--accent)}.page-btn.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:700}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px;position:relative;overflow:hidden}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bg-grid{display:none}.bg-glow{position:absolute;top:-20%;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse,var(--accent-soft) 0%,transparent 70%);filter:blur(40px)}.login-card{position:relative;background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--radius-xl);padding:36px 40px;width:100%;max-width:420px;box-shadow:0 24px 80px #0000004d}.login-logo{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:28px}.login-logo-icon{width:52px;height:52px;border-radius:14px;background:var(--accent-soft);border:1px solid var(--accent-line);display:flex;align-items:center;justify-content:center}.login-app-name{font-size:20px;font-weight:600;letter-spacing:-.025em;color:var(--fg);margin:0}.login-tagline{font-size:12px;color:var(--fg-3);font-family:var(--font-mono);letter-spacing:.02em;margin:0}.admin-page{background:var(--bg);min-height:100vh}.stat-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px 22px}.company-selector-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}.company-selector-card{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--radius-xl);padding:36px 40px;width:100%;max-width:480px;box-shadow:0 24px 80px #0000004d}.company-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--line);cursor:pointer;transition:all .12s;background:var(--bg-3);margin-bottom:8px}.company-item:hover{border-color:var(--accent-line);background:var(--accent-soft)}.sidebar.collapsed{width:58px}.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:8px}.sidebar.collapsed .sidebar-user-info,.sidebar.collapsed .nav-section{display:none}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .2s}.sidebar.mobile-open{transform:translate(0)}.main-content{margin-left:0}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:39}}.mobile-menu-btn{display:none}@media(max-width:768px){.mobile-menu-btn{display:flex}}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:24px}[data-theme=light] .card{box-shadow:0 1px 3px #0000000f;border-color:var(--line)}[data-theme=light] .sidebar{background:#e8e2d9;border-right-color:var(--line)}[data-theme=light] .nav-item{color:var(--fg-2)}[data-theme=light] .nav-item:hover{background:#0000000d;color:var(--fg)}[data-theme=light] .table td{color:var(--fg)}[data-theme=light] .table th{color:var(--fg-3)}[data-theme=light] .page-title{color:var(--fg)}[data-theme=light] .page-subtitle{color:var(--fg-3)}[data-theme=light] .btn{background:#fff;border-color:var(--line-2);color:var(--fg)}[data-theme=light] .btn:hover{background:var(--bg-3)}[data-theme=light] .btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}[data-theme=light] .btn-primary:hover{background:var(--accent-hover)}[data-theme=light] .btn-danger{background:var(--err-soft);border-color:var(--err);color:var(--err)}[data-theme=light] .btn-danger:hover{background:var(--err);color:#fff}[data-theme=light] .btn-ghost{background:transparent;border-color:transparent;color:var(--fg-2)}[data-theme=light] .input{background:#fff;border-color:var(--line-2);color:var(--fg)}[data-theme=light] .modal{background:#fff;box-shadow:0 24px 80px #00000026}[data-theme=light] .login-card{background:#fff;box-shadow:0 8px 32px #0000001f}[data-theme=light] .section-title,[data-theme=light] .label{color:var(--fg-3)}[data-theme=light] .card-title{color:var(--fg)}[data-theme=light] .nav-section{color:var(--fg-3)}[data-theme=light] .modal-overlay{background:#15140f80}[data-theme=light] .badge-gray{background:#0000000f;color:var(--fg-2);border-color:var(--line)}[data-theme=light] .topbar,[data-theme=light] .tabs{border-bottom-color:var(--line)}[data-theme=light] .stat-value{color:var(--fg)}[data-theme=light] .stat-label{color:var(--fg-3)}[data-theme=light] .topbar{background:var(--bg)}[data-theme=light] .sidebar{border-right:1px solid var(--line-2)}[data-theme=light] .table td{color:var(--fg);border-bottom-color:var(--line)}[data-theme=light] .table th{color:var(--fg-3);border-bottom-color:var(--line-2)}[data-theme=light] .nav-section{color:var(--fg-3);opacity:.8}[data-theme=light] .toggle-slider{background:#c4bcab;border:1px solid #b8b0a2}[data-theme=light] .toggle-slider:before{background:#fff;box-shadow:0 1px 3px #0003}[data-theme=light] .toggle input:checked+.toggle-slider{background:var(--accent);border-color:var(--accent)}[data-theme=light] .toggle input:checked+.toggle-slider:before{background:#fff}[data-theme=light] .tab-btn{color:var(--fg-2)}[data-theme=light] .tab-btn:hover{color:var(--fg);background:#0000000a}[data-theme=light] .tab-btn.active{color:var(--accent-ink);border-bottom-color:var(--accent)}[data-theme=light] .label{color:var(--fg-3);font-weight:600}[data-theme=light] p,[data-theme=light] .page-subtitle{color:var(--fg-2)}[data-theme=light] .section-title{color:var(--fg-3);letter-spacing:.07em}[data-theme=light] .input{border-color:#c4bcab}[data-theme=light] .input:focus{border-color:var(--accent-line)}[data-theme=light] select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235a5851' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px}[data-theme=light] .nav-section{color:#8a8780;font-weight:700}[data-theme=light] .sidebar{background:#e8e2d9;border-right:1.5px solid #c4bcab}[data-theme=light] .nav-item.active{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}[data-theme=light] .card-title{color:var(--fg);font-weight:700}[data-theme=light] .badge-gray{background:#00000012;color:var(--fg-2);border-color:var(--line-2)}[data-theme=light] .badge-purple{color:#5b3bb3}[data-theme=light] .logout-btn{color:var(--fg-2)}[data-theme=light] .logout-btn:hover{color:var(--err);background:#f14d4c14}[data-theme=light] .user-role{color:var(--fg-3)}:root{--sidebar-width: 220px;--sidebar-collapsed: 60px;--topbar-height: 56px;--transition: .2s cubic-bezier(.4, 0, .2, 1)}body:where(:has(.app-shell)){min-height:100vh}:where(.app-shell) .mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:40}:where(.app-shell) .sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--color-sidebar, #0F1629);border-right:1px solid var(--line);display:flex;flex-direction:column;transition:width var(--transition);z-index:50;overflow:hidden}:where(.app-shell) .sidebar.collapsed{width:var(--sidebar-collapsed)}:where(.app-shell) .sidebar-logo{padding:20px 16px;border-bottom:1px solid var(--line);min-height:64px;display:flex;align-items:center}:where(.app-shell) .sidebar-nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden}:where(.app-shell) .nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;text-decoration:none;color:var(--fg-2);font-size:13.5px;font-weight:500;transition:all var(--transition);position:relative;white-space:nowrap;overflow:hidden}:where(.app-shell) .nav-item:hover{color:var(--color-text);background:#ffffff0f}:where(.app-shell) .nav-item.active{color:var(--accent-ink);background:var(--accent-soft)}:where(.app-shell) .nav-item.active .nav-icon{color:var(--color-primary)}:where(.app-shell) .nav-icon{flex-shrink:0;display:flex;align-items:center;color:inherit}:where(.app-shell) .nav-label{flex:1;overflow:hidden;text-overflow:ellipsis}:where(.app-shell) .nav-badge{background:#ef4444;color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:99px;line-height:1.5;flex-shrink:0}:where(.app-shell) .nav-badge-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:#ef4444}:where(.app-shell) .sidebar-footer{padding:12px 8px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;overflow:hidden}:where(.app-shell) .user-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0;overflow:hidden}:where(.app-shell) .user-avatar{width:32px;height:32px;border-radius:8px;background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}:where(.app-shell) .user-details{display:flex;flex-direction:column;min-width:0;overflow:hidden}:where(.app-shell) .user-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where(.app-shell) .user-role{font-size:11px;color:var(--fg-3);white-space:nowrap}:where(.app-shell) .logout-btn{background:none;border:none;color:var(--fg-3);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;flex-shrink:0;transition:all var(--transition)}:where(.app-shell) .logout-btn:hover{color:var(--err);background:var(--err-soft)}:where(.app-shell) .collapse-toggle{position:absolute;top:50%;right:0;transform:translateY(-50%);width:16px;height:48px;border-radius:8px 0 0 8px;background:var(--bg-3);border:1px solid var(--line-2);border-right:none;color:var(--fg-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:10;opacity:1}:where(.app-shell) .collapse-toggle:hover{background:var(--bg-4);color:var(--color-text)}:where(.app-shell) .collapse-toggle svg{flex-shrink:0}:where(.app-shell) .main-area{flex:1;margin-left:var(--sidebar-width);transition:margin-left var(--transition);display:flex;flex-direction:column;min-height:100vh;min-width:0}:where(.app-shell) .main-area.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}:where(.app-shell) .topbar{position:sticky;top:0;height:var(--topbar-height);background:color-mix(in oklab,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;z-index:30;gap:12px}:where(.app-shell) .topbar-spacer{flex:1}:where(.app-shell) .topbar-actions{display:flex;align-items:center;gap:8px}:where(.app-shell) .mobile-menu-btn{display:none;background:none;border:none;color:var(--color-text);cursor:pointer;padding:6px;border-radius:6px}:where(.app-shell) .topbar-alert-btn{position:relative;background:none;border:none;color:var(--fg-2);cursor:pointer;padding:8px;border-radius:8px;transition:all var(--transition)}:where(.app-shell) .topbar-alert-btn:hover{color:var(--err);background:var(--err-soft)}:where(.app-shell) .topbar-badge{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#ef4444;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}:where(.app-shell) .page-content{flex:1;padding:24px;max-width:1400px;width:100%;margin:0 auto}@media(max-width:768px){:where(.app-shell) .sidebar{transform:translate(-100%);transition:transform var(--transition),width var(--transition)}:where(.app-shell) .mobile-menu-btn{display:flex}:where(.app-shell) .main-area{margin-left:0!important}:where(.app-shell) .collapse-toggle{display:none}}:where(.app-shell) .card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px}:where(.app-shell) .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}:where(.app-shell) .card-title{font-size:14px;font-weight:600;color:var(--fg-2);text-transform:uppercase;letter-spacing:.05em}:where(.app-shell) .stat-value{font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1}:where(.app-shell) .stat-label{font-size:12px;color:var(--fg-3);margin-top:4px}:where(.app-shell) .badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:99px;font-size:11px;font-weight:600;gap:4px}:where(.app-shell) .btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13.5px;font-weight:600;cursor:pointer;border:none;transition:all var(--transition);text-decoration:none}:where(.app-shell) .btn-primary{background:var(--color-primary);color:#fff}:where(.app-shell) .btn-primary:hover{filter:brightness(1.1)}:where(.app-shell) .btn-ghost{background:#ffffff0f;color:var(--color-text);border:1px solid rgba(255,255,255,.08)}:where(.app-shell) .btn-ghost:hover{background:#ffffff1a}:where(.app-shell) .btn-danger{background:var(--err-soft);color:var(--err);border:1px solid var(--err-soft)}:where(.app-shell) .btn-danger:hover{filter:brightness(1.15)}:where(.app-shell) .btn-sm{padding:5px 10px;font-size:12px}:where(.app-shell) .input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:9px 12px;color:var(--color-text);font-size:14px;width:100%;transition:border-color var(--transition);font-family:inherit}:where(.app-shell) .input:focus{outline:none;border-color:var(--color-primary);background:#ffffff12}:where(.app-shell) .input::placeholder{color:var(--fg-3)}:where(.app-shell) .label{display:block;font-size:12px;font-weight:600;color:var(--fg-2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}:where(.app-shell) .form-field{margin-bottom:16px}:where(.app-shell) .page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}:where(.app-shell) .page-title{font-size:22px;font-weight:700;letter-spacing:-.02em}:where(.app-shell) .page-subtitle{font-size:13px;color:var(--fg-3);margin-top:2px}:where(.app-shell) .grid{display:grid;gap:16px}:where(.app-shell) .grid-2{grid-template-columns:repeat(2,1fr)}:where(.app-shell) .grid-3{grid-template-columns:repeat(3,1fr)}:where(.app-shell) .grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){:where(.app-shell) .grid-4{grid-template-columns:repeat(2,1fr)}:where(.app-shell) .grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){:where(.app-shell) .grid-4,:where(.app-shell) .grid-3,:where(.app-shell) .grid-2{grid-template-columns:1fr}:where(.app-shell) .page-content{padding:16px}}:where(.app-shell) .table{width:100%;border-collapse:collapse}:where(.app-shell) .table th{text-align:left;padding:10px 12px;font-size:11px;font-weight:600;color:var(--fg-3);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.06)}:where(.app-shell) .table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.04);font-size:13.5px}:where(.app-shell) .table tr:hover td{background:#ffffff05}:where(.app-shell) .empty-state{text-align:center;padding:48px 24px;color:var(--fg-3)}:where(.app-shell) .empty-state-icon{margin-bottom:12px;opacity:.3}:where(.app-shell) .empty-state-text{font-size:14px}:where(.app-shell) .spinner{width:24px;height:24px;border:2px solid var(--line-2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}:where(.app-shell) .loading-row td{padding:32px;text-align:center}:where(.app-shell) select.input{cursor:pointer}:where(.app-shell) .toggle{position:relative;width:40px;height:22px;cursor:pointer}:where(.app-shell) .toggle input{opacity:0;width:0;height:0}:where(.app-shell) .toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a;border-radius:99px;transition:var(--transition)}:where(.app-shell) .toggle-slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;top:3px;border-radius:50%;background:#fff;transition:var(--transition)}:where(.app-shell) .toggle input:checked+.toggle-slider{background:var(--color-primary)}:where(.app-shell) .toggle input:checked+.toggle-slider:before{transform:translate(18px)}:where(.app-shell) .section-title{font-size:13px;font-weight:600;color:var(--fg-2);text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--line)}:where(.app-shell) .alert-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;margin-bottom:12px;font-size:13.5px}:where(.app-shell) .tabs{display:flex;gap:4px;background:#ffffff0a;padding:4px;border-radius:10px}:where(.app-shell) .tab-btn{flex:1;padding:7px 12px;border:none;background:none;color:var(--fg-3);font-size:13px;font-weight:600;cursor:pointer;border-radius:7px;transition:all var(--transition);font-family:inherit}:where(.app-shell) .tab-btn.active{background:#ffffff14;color:var(--color-text)}