:root{--color-primary:#0b6e6e;--color-primary-dark:#0b5a5a;--color-primary-soft:#e6f2f1;--color-primary-tint:#0b6e6e33;--color-brand-panel:#0e3b3b;--color-brand-panel-text:#b7d4d2;--color-brand-panel-muted:#8fb8b5;--color-text:#101828;--color-text-secondary:#344054;--color-text-muted:#667085;--color-icon:#98a2b3;--color-bg:#f6f7f9;--color-surface:#fff;--color-border:#e4e7ec;--color-border-strong:#d0d5dd;--color-divider:#f2f4f7;--color-track:#eaecf0;--tag-ok-bg:#e7f6ec;--tag-ok-text:#067647;--tag-warn-bg:#fef0c7;--tag-warn-text:#93370d;--tag-error-bg:#fee4e2;--tag-error-text:#b42318;--tag-neutral-bg:#f2f4f7;--tag-neutral-text:#475467;--font-sans:"IBM Plex Sans", system-ui, sans-serif;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-md:15px;--text-logo:17px;--text-title:22px;--text-kpi:28px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-pill:99px;--space-1:2px;--space-2:6px;--space-3:8px;--space-4:10px;--space-5:12px;--space-6:16px;--space-7:20px;--space-8:24px;--space-9:28px;--sidebar-width:232px;--topbar-height:60px;--control-height:36px}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);margin:0}h1{font-size:var(--text-title);font-weight:var(--weight-semibold);margin:0}.muted{color:var(--color-text-muted)}.app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);box-sizing:border-box;padding:var(--space-7) var(--space-5);background:var(--color-surface);border-right:1px solid var(--color-border);gap:var(--space-1);flex-direction:column;flex:none;display:flex}.logo{gap:var(--space-3);padding:0 var(--space-4) var(--space-4);font-size:var(--text-logo);font-weight:var(--weight-semibold);align-items:center;display:flex}.logo i{border-radius:var(--radius-md);background:var(--color-primary);width:22px;height:22px;display:block}.nav-group{gap:var(--space-1);flex-direction:column;display:flex}.nav-heading{padding:14px var(--space-4) var(--space-2);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.sidebar a{gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--color-text-secondary);align-items:center;text-decoration:none;display:flex}.sidebar a:before{content:"";border:1.5px solid var(--color-icon);border-radius:var(--radius-sm);width:13px;height:13px}.sidebar a.active{background:var(--color-primary-soft);color:var(--color-primary-dark);font-weight:var(--weight-medium)}.sidebar a.active:before{border-color:var(--color-primary);background:var(--color-primary-tint)}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{height:var(--topbar-height);align-items:center;gap:var(--space-6);padding:0 var(--space-9);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex:none;display:flex}.search{min-width:0;max-width:420px;height:var(--control-height);box-sizing:border-box;padding:0 var(--space-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);font:inherit;color:var(--color-text);flex:1}.btn{height:var(--control-height);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);font:inherit;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;padding:0 14px}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);width:100%;height:42px;color:var(--color-surface)}.btn:disabled{opacity:.6;cursor:default}.login{min-height:100vh;display:flex}.login-brand{box-sizing:border-box;background:var(--color-brand-panel);color:var(--color-surface);flex-direction:column;flex:1;justify-content:space-between;padding:64px;display:flex}.login-brand p{max-width:380px;color:var(--color-brand-panel-text)}.login-logo{font-size:20px;font-weight:var(--weight-semibold)}.login-headline{max-width:420px;font-size:40px;font-weight:var(--weight-semibold);line-height:1.15}.login-footer{color:var(--color-brand-panel-muted);font-size:13px}.login-panel{padding:var(--space-6);background:var(--color-surface);flex:1;justify-content:center;align-items:center;display:flex}.login-form{width:360px;max-width:100%}.login-form h1{margin-bottom:var(--space-2);font-size:24px}.login-form>.muted{margin:0 0 var(--space-8)}.field{gap:var(--space-2);margin-bottom:var(--space-6);flex-direction:column;display:flex}.field input{box-sizing:border-box;height:40px;padding:0 var(--space-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);font:inherit}.login-error{margin:0 0 var(--space-6);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);background:var(--tag-error-bg);color:var(--tag-error-text)}.spacer{flex:1}.avatar{background:var(--color-primary);width:32px;height:32px;color:var(--color-surface);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.content{padding:var(--space-8) var(--space-9);gap:var(--space-2);flex-direction:column;display:flex}@media (width<=767px){.app{flex-direction:column}.sidebar{width:auto;padding:var(--space-3) var(--space-6);border-right:0;border-bottom:1px solid var(--color-border);flex-direction:row;align-items:center;overflow-x:auto}.logo{padding:0 var(--space-4) 0 0}.nav-group{flex-direction:row}.nav-heading{display:none}.sidebar a{white-space:nowrap}.login-brand{display:none}.topbar,.content{padding-left:var(--space-6);padding-right:var(--space-6)}}