:root{--brand-primary:#e6087f;--brand-primary-hover:#bf0769;--brand-primary-active:#970553;--brand-primary-soft:#f8ecf3;--brand-action:#dd087a;--brand-action-hover:#cf0772;--brand-action-active:#bf0769;--brand-gradient-start:var(--brand-action);--brand-gradient-end:#fff;--brand-gradient:linear-gradient(145deg, var(--brand-gradient-start) 0%, var(--brand-gradient-start) 55%, var(--brand-gradient-end) 100%);--background:#eaecef;--surface:#fff;--surface-elevated:#fff;--surface-muted:#e3e6ea;--text-primary:#1a1a1f;--text-secondary:#5a5a63;--text-muted:#71717a;--text-on-brand:#fff;--border-default:#d3d6db;--border-subtle:#e3e5ea;--border-strong:#c9c9cf;--success:#1e7d32;--success-soft:#e6f4ea;--warning:#b45309;--warning-soft:#fef3e2;--danger:#b3261e;--danger-soft:#fbeae9;--info:#1d4ed8;--info-soft:#e8eefc;--focus-ring:var(--brand-primary);--focus-ring-offset:2px;--hover-overlay:#0000000a;--selected-bg:var(--brand-primary-soft);--disabled-opacity:.5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1.5rem;--radius-full:999px;--shadow-sm:0 1px 2px #1414190f;--shadow-md:0 4px 12px #14141914;--shadow-lg:0 12px 32px #1414191f;--shadow-card:0 1px 2px #1414190d, 0 6px 16px #14141912;--font-sans:system-ui, "Segoe UI", Roboto, sans-serif;--fs-page-title:1.75rem;--fs-section-title:1.25rem;--fs-card-title:1.05rem;--fs-body:1rem;--fs-secondary:.9rem;--fs-caption:.8rem;--fs-label:.85rem;--fs-button:.9rem;--fs-kpi-number:2rem;--transition-fast:.12s ease;--transition-base:.18s ease;--z-drawer-backdrop:40;--z-drawer:50;--z-dropdown:60;--chart-inflow:#1a9d5c;--chart-outflow:#d84315;--chart-net:#4338ca;--chart-accent:var(--brand-action);--chart-grid:var(--border-subtle);--chart-axis-text:var(--text-muted);--chart-tooltip-bg:var(--surface-elevated);--chart-tooltip-border:var(--border-default)}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition-base:0s}}:root[data-theme=dark]{--background:#0f1014;--surface:#191b22;--surface-elevated:#20222c;--surface-muted:#1c1e26;--brand-gradient-end:#181a22;--brand-gradient:linear-gradient(145deg, var(--brand-gradient-start), #181a22);--text-primary:#fff;--text-secondary:#a8acb8;--text-muted:#7a7e8a;--border-default:#ffffff1a;--border-subtle:#ffffff0f;--border-strong:#ffffff2e;--success:#17c964;--success-soft:#17c96429;--warning:#f5a524;--warning-soft:#f5a52429;--danger:#f31260;--danger-soft:#f3126029;--info:#3b82f6;--info-soft:#3b82f629;--brand-primary-soft:#e6087f2e;--hover-overlay:#ffffff12;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 20px #00000061;--shadow-lg:0 20px 50px #00000080;--shadow-card:0 1px 2px #00000059, 0 6px 18px #0000004d;--chart-inflow:#34d399;--chart-outflow:#ff8a5c;--chart-net:#818cf8}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-body);color:var(--text-primary);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#root{min-height:100svh}h1,h2,h3{font-family:var(--font-sans);color:var(--text-primary);margin:0;font-weight:600}p{margin:0}button,input{font-family:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.text-page-title{font-size:var(--fs-page-title);color:var(--text-primary);font-weight:700;line-height:1.2}.text-section-title{font-size:var(--fs-section-title);color:var(--text-primary);font-weight:600;line-height:1.3}.text-card-title{font-size:var(--fs-card-title);color:var(--text-primary);font-weight:600;line-height:1.3}.text-body{font-size:var(--fs-body);color:var(--text-primary)}.text-secondary{font-size:var(--fs-secondary);color:var(--text-secondary)}.text-caption{font-size:var(--fs-caption);color:var(--text-muted)}.text-label{font-size:var(--fs-label);color:var(--text-primary);font-weight:600}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.center-message{min-height:100vh;color:var(--text-primary);background:var(--background);justify-content:center;align-items:center;display:flex}.badge{border-radius:var(--radius-full);font-size:var(--fs-caption);letter-spacing:.02em;white-space:nowrap;align-items:center;padding:.15rem .55rem;font-weight:600;display:inline-flex}.badge--neutral{background:var(--surface-muted);color:var(--text-secondary)}.badge--brand{background:var(--text-primary);color:var(--background)}.badge--success{background:var(--success-soft);color:var(--success)}.badge--warning{background:var(--warning-soft);color:var(--warning)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--info{background:var(--info-soft);color:var(--info)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-size:var(--fs-button);font-weight:700;font-family:var(--font-sans);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border:1px solid #0000;padding:.75rem 1.3rem;display:inline-flex}.btn:disabled{cursor:default;opacity:var(--disabled-opacity)}.btn--primary{background:var(--brand-action);color:var(--text-on-brand);box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:var(--brand-action-hover);box-shadow:var(--shadow-md)}.btn--primary:active:not(:disabled){background:var(--brand-action-active);box-shadow:var(--shadow-sm)}.btn--secondary{background:var(--surface);color:var(--text-primary);border-color:var(--border-strong)}.btn--secondary:hover:not(:disabled){background:var(--hover-overlay)}.btn--ghost{color:var(--text-primary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--hover-overlay)}.btn--danger{background:var(--danger);color:var(--text-on-brand)}.btn--danger:hover:not(:disabled){filter:brightness(.92)}.status-message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--fs-secondary);margin:0}.status-message--danger{background:var(--danger-soft);color:var(--danger)}.status-message--info{background:var(--info-soft);color:var(--info)}.status-message--warning{background:var(--warning-soft);color:var(--warning)}.theme-toggle{border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface);width:2.25rem;height:2.25rem;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{background:var(--hover-overlay)}.login-page{background:radial-gradient(circle at 15% 15%, var(--brand-primary-soft) 0%, transparent 45%), radial-gradient(circle at 85% 85%, var(--brand-primary-soft) 0%, transparent 40%), var(--background);min-height:100vh;padding:var(--space-5);flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex;position:relative}.login-page>.theme-toggle{top:var(--space-4);right:var(--space-4);position:absolute}.login-page__brand{background:var(--brand-gradient);width:100%;max-width:24rem;color:var(--text-on-brand);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-7) var(--space-6) var(--space-6);box-sizing:border-box}.login-page__brand-mark{letter-spacing:-.01em;font-size:1.75rem;font-weight:700}.login-page__brand-tagline{margin-top:var(--space-1);font-size:var(--fs-secondary);color:var(--text-on-brand)}.login-page__card{background:var(--surface);border:1px solid var(--border-default);border-radius:0 0 var(--radius-lg) var(--radius-lg);width:100%;max-width:24rem;box-shadow:var(--shadow-md);padding:var(--space-6);box-sizing:border-box;border-top:none;position:relative}.login-page__env-badge{top:var(--space-4);right:var(--space-4);position:absolute}.login-page__card h1{margin-bottom:var(--space-5)}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.login-form__field{gap:var(--space-2);flex-direction:column;display:flex}.login-form input{border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:var(--fs-body);background:var(--surface);color:var(--text-primary);padding:.65rem .8rem}.login-form input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-color:var(--brand-primary)}.login-form__submit{margin-top:var(--space-2);width:100%}.sidebar{background:var(--surface);border-right:1px solid var(--border-default);box-sizing:border-box;flex-direction:column;flex-shrink:0;width:16rem;display:flex}.sidebar__header{padding:var(--space-5) var(--space-4);background:var(--brand-gradient);color:var(--text-on-brand);justify-content:space-between;align-items:center;display:flex}.sidebar__brand{letter-spacing:-.01em;color:var(--text-on-brand);font-size:1.15rem;font-weight:700}.sidebar__close{color:var(--text-on-brand);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;display:none}.sidebar__close:hover{background:#ffffff26}.sidebar__nav-list{padding:var(--space-4);gap:var(--space-1);flex-direction:column;margin:0;list-style:none;display:flex}.sidebar__link{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--fs-secondary);transition:background var(--transition-fast), color var(--transition-fast);padding:.6rem .8rem;font-weight:500;text-decoration:none;display:flex}.sidebar__link:hover{background:var(--brand-primary-soft);color:var(--brand-primary)}.sidebar__link--active{background:var(--brand-gradient);color:var(--text-on-brand);box-shadow:var(--shadow-sm);font-weight:600}.sidebar__link--active:hover{background:var(--brand-gradient);color:var(--text-on-brand)}.sidebar__upcoming{padding:var(--space-4);border-top:1px solid var(--border-default);margin-top:auto}.sidebar__upcoming-label{text-transform:uppercase;letter-spacing:.04em;margin:0 0 var(--space-2);padding:0 var(--space-2)}.sidebar__upcoming-list{flex-direction:column;gap:.1rem;margin:0;padding:0;list-style:none;display:flex}.sidebar__upcoming-list li{color:var(--text-muted);font-size:var(--fs-secondary);padding:.35rem .75rem}@media (width<=1023px){.sidebar{z-index:var(--z-drawer);transition:transform var(--transition-base);box-shadow:var(--shadow-lg);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar__close{display:inline-flex}}.user-avatar{border-radius:var(--radius-full);background:var(--brand-gradient);width:2rem;height:2rem;color:var(--text-on-brand);font-size:var(--fs-caption);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.user-menu{align-items:center;gap:var(--space-3);display:flex}.user-menu__info{flex-direction:column;align-items:flex-end;line-height:1.25;display:flex}.user-menu__name{color:var(--text-primary);font-weight:600;font-size:var(--fs-secondary)}.user-menu__role{color:var(--text-muted);font-size:var(--fs-caption)}.user-menu__logout{align-items:center;gap:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);cursor:pointer;font-size:var(--fs-secondary);padding:.45rem .8rem;display:inline-flex}.user-menu__logout:hover{background:var(--hover-overlay)}@media (width<=480px){.user-menu__info,.user-menu__logout-label{display:none}}.topbar{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--surface);border-bottom:1px solid var(--border-default);border-top:3px solid #0000;border-image:linear-gradient(90deg, var(--brand-gradient-start), var(--brand-gradient-end)) 1;box-sizing:border-box;display:flex}.topbar__menu-button{color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);background:0 0;border:none;display:none}.topbar__menu-button:hover{background:var(--hover-overlay)}.topbar__spacer{flex:1}@media (width<=1023px){.topbar__menu-button{display:inline-flex}}.app-shell{min-height:100vh;display:flex}.app-shell__main-column{flex-direction:column;flex:1;min-width:0;display:flex}.app-shell__content{padding:var(--space-6);background:var(--background);box-sizing:border-box;flex:1}.app-shell__backdrop{z-index:var(--z-drawer-backdrop);cursor:default;background:#14141966;border:none;padding:0;display:none;position:fixed;inset:0}@media (width<=1023px){.app-shell__backdrop{display:block}}.card{background:var(--surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5)}.status-page{justify-content:center;align-items:center;gap:var(--space-4);background:var(--background);min-height:100vh;padding:var(--space-5);box-sizing:border-box;flex-direction:column;display:flex}.status-page__card{text-align:center;flex-direction:column;align-items:center;max-width:26rem;display:flex}.status-page__icon{color:var(--brand-primary);background:var(--brand-primary-soft);padding:var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-3)}.status-page__body{margin-top:var(--space-2)}.status-page__actions{margin-top:var(--space-5);justify-content:center;gap:var(--space-3);display:flex}