:root,html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#17835f;--color-primary-hover:#116a4c;--color-primary-soft:#e6f4ee;--color-secondary:#356d9d;--color-danger:#c43d45;--color-danger-soft:#fbecee;--background:#f3f6f8;--surface:#fff;--surface-raised:#fff;--surface-subtle:#edf1f4;--surface-hover:#e7ecef;--foreground:#17212b;--foreground-muted:#63707d;--foreground-subtle:#89939d;--border:#d9e0e5;--border-strong:#c4cdd5;--focus-ring:#17835f33;--sidebar-background:#fff;--sidebar-surface:#edf1f4;--sidebar-border:#d9e0e5;--sidebar-foreground:#17212b;--sidebar-item-foreground:#4f5c67;--sidebar-muted:#73808b;--sidebar-icon-background:#f3f6f8;--sidebar-active-border:#c4cdd5;--sidebar-control-hover:#e7ecef;--login-brand-background:#101820;--shadow-card:0 8px 24px #141f290f;--font-heading:Arial, Helvetica, sans-serif;--font-subheading:Arial, Helvetica, sans-serif;--font-body:Arial, Helvetica, sans-serif;--radius-sm:6px;--radius-md:8px;--sidebar-width:252px;--topbar-height:72px}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#42b58c;--color-primary-hover:#58c79f;--color-primary-soft:#12372d;--color-secondary:#6da7d4;--color-danger:#f07278;--color-danger-soft:#3b1b21;--background:#080d12;--surface:#101820;--surface-raised:#121c24;--surface-subtle:#16212a;--surface-hover:#1b2731;--foreground:#f1f5f7;--foreground-muted:#9ca8b2;--foreground-subtle:#74808b;--border:#26333d;--border-strong:#34434f;--focus-ring:#42b58c3d;--sidebar-background:#0b1117;--sidebar-surface:#141d25;--sidebar-border:#24313b;--sidebar-foreground:#f4f7f9;--sidebar-item-foreground:#c6d0d8;--sidebar-muted:#919da8;--sidebar-icon-background:#ffffff0a;--sidebar-active-border:#3a4a56;--sidebar-control-hover:#ffffff0f;--login-brand-background:#0b1117;--shadow-card:0 10px 32px #0000002e}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--background);min-height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100vh;color:var(--foreground);background:var(--background);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:0}.icon-button{width:40px;height:40px;color:var(--foreground-muted);background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex:0 0 40px;place-items:center;transition:color .16s,background-color .16s,border-color .16s;display:grid}.icon-button:hover{color:var(--foreground);background:var(--surface-hover);border-color:var(--border-strong)}.icon-button svg{display:block}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);background:var(--background);min-height:100vh;display:grid}.sidebar{min-height:100vh;color:var(--sidebar-foreground);background:var(--sidebar-background);border-right:1px solid var(--sidebar-border);flex-direction:column;align-self:start;gap:30px;padding:22px 16px 16px;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:11px;min-height:42px;padding:0 8px;display:flex}.brand-mark{color:#fff;background:var(--color-primary);border-radius:var(--radius-sm);flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:16px;font-weight:800;display:grid}.brand-copy{gap:2px;min-width:0;display:grid}.brand-copy strong{font-family:var(--font-heading);font-size:15px}.brand-copy small{color:var(--sidebar-muted);font-size:11px}.sidebar-nav{gap:6px;display:grid}.sidebar-section-label{color:var(--sidebar-muted);text-transform:uppercase;margin:16px 10px 5px;font-size:10px;font-weight:700}.sidebar-section-label:first-child{margin-top:0}.sidebar-group{gap:5px;display:grid}.sidebar-group summary{list-style:none}.sidebar-group summary::-webkit-details-marker{display:none}.sidebar-nav-item,.sidebar-subnav a{min-height:42px;color:var(--sidebar-item-foreground);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:11px;padding:0 10px;font-size:13px;font-weight:600;transition:color .16s,background-color .16s,border-color .16s;display:flex}.sidebar-nav-item:hover,.sidebar-nav-item.active,.sidebar-subnav a:hover,.sidebar-subnav a.active{color:var(--sidebar-foreground);background:var(--sidebar-surface);border-color:var(--sidebar-border)}.nav-icon{width:25px;height:25px;color:var(--sidebar-muted);background:var(--sidebar-icon-background);border:1px solid var(--sidebar-border);border-radius:5px;flex:0 0 25px;place-items:center;font-size:10px;font-weight:800;display:grid}.active .nav-icon,.sidebar-nav-item:hover .nav-icon{color:var(--sidebar-foreground);border-color:var(--sidebar-active-border)}.group-indicator{color:var(--sidebar-muted);margin-left:auto;transition:transform .16s}.sidebar-group[open] .group-indicator{transform:rotate(180deg)}.sidebar-subnav{border-left:1px solid var(--sidebar-border);gap:3px;margin-left:22px;padding-left:15px;display:grid}.sidebar-subnav a{min-height:36px;color:var(--sidebar-muted);padding:0 9px;font-size:12px}.sidebar-subnav svg{flex:0 0 15px}.sidebar-profile{background:var(--sidebar-surface);border:1px solid var(--sidebar-border);border-radius:var(--radius-md);grid-template-columns:36px minmax(0,1fr) 34px;align-items:center;gap:9px;min-height:60px;margin-top:auto;padding:10px;display:grid}.avatar{color:#fff;background:var(--color-secondary);border-radius:50%;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:grid}.profile-copy{gap:3px;min-width:0;display:grid}.profile-copy strong,.profile-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-copy strong{font-size:12px}.profile-copy span{color:var(--sidebar-muted);font-size:10px}.logout-button{width:34px;height:34px;color:var(--sidebar-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;display:grid}.logout-button:hover:not(:disabled){color:var(--sidebar-foreground);background:var(--sidebar-control-hover);border-color:var(--sidebar-border)}.logout-button:disabled{cursor:wait;opacity:.6}.app-workspace{min-width:0;min-height:100vh}.topbar{height:var(--topbar-height);z-index:10;background:color-mix(in srgb, var(--surface) 94%, transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:20px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-heading{gap:3px;min-width:0;display:grid}.topbar-heading span{color:var(--foreground-muted);font-size:11px}.topbar-heading strong{font-family:var(--font-subheading);text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.topbar-actions{align-items:center;gap:10px;display:flex}.topbar-avatar{position:relative}.topbar-avatar span{background:var(--color-primary);border:2px solid var(--surface);border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.app-content{min-width:0;padding:28px}.page-panel{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);gap:10px;padding:22px;display:grid}.page-panel h1{color:var(--foreground);font-size:22px;line-height:1.3}.page-panel p{max-width:640px;color:var(--foreground-muted);font-size:14px;line-height:1.6}@media (max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--sidebar-border);grid-template-columns:minmax(0,1fr) auto;gap:14px;min-height:auto;padding:14px;display:grid;position:static}.sidebar-brand{padding:0}.sidebar-nav{grid-column:1/-1;align-items:flex-start;display:flex;overflow-x:auto}.sidebar-section-label{display:none}.sidebar-nav-item{min-width:max-content}.sidebar-subnav{margin-left:10px}.sidebar-profile{background:0 0;border:0;grid-template-columns:34px 34px;min-height:42px;margin:0;padding:3px}.profile-copy{display:none}.topbar{padding:0 18px}.app-content{padding:18px}}@media (max-width:520px){.brand-copy small,.topbar-heading span{display:none}.sidebar-nav{padding-bottom:3px}.sidebar-nav-item,.sidebar-subnav a{font-size:12px}.topbar{height:62px}.app-content{padding:14px}.page-panel{padding:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}