:root{--color-teal-light: #27a3bd;--color-teal: #1d8a9e;--color-teal-bright:#2bb6d1;--color-teal-deep: #15727f;--color-navy: #16313a;--color-navy-2: #1f4350;--color-navy-deep: #0c1f26;--gradient-brand: linear-gradient(135deg, #27a3bd 0%, #1d8a9e 55%, #16313a 100%);--color-bg: #f6f5f2;--color-canvas-2: #efeeea;--color-surface: #ffffff;--color-surface-2: #faf9f6;--color-line: #e8e6e0;--color-line-strong:#dedbd3;--color-line-2: #f0efea;--text-strong: #1a2b31;--text-body: #3a4a4f;--text-muted: #6d7b7f;--text-faint: #9aa5a7;--text-on-dark:#ffffff;--text-on-dark-muted:#9fc4cc;--color-debit: #16313a;--color-credit: #1d8a9e;--color-neg: #b4543f;--color-pos: #1d8a9e;--status-ok-bg:#e4f1f1;--status-ok-ink:#15727f;--status-warn-bg:#fbf3e2;--status-warn-ink:#8a6d3b;--status-warn-line:#f0dcb4;--status-pend-bg:#eef0f1;--status-pend-ink:#6b7d83;--status-err-bg:#f7e9e6;--status-err-ink:#a3472f;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;--font-num: "SF Mono", "Roboto Mono", ui-monospace, monospace;--text-xs: 11px;--text-sm: 12.5px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 21px;--text-2xl: 26px;--text-3xl: 32px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-tight:1.2;--leading-normal:1.45;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--shadow-xs: 0 1px 2px rgba(22,49,58,.04);--shadow-sm: 0 1px 2px rgba(22,49,58,.05), 0 2px 6px rgba(22,49,58,.04);--shadow-md: 0 2px 4px rgba(22,49,58,.05), 0 10px 24px rgba(22,49,58,.06);--shadow-lg: 0 4px 12px rgba(22,49,58,.08), 0 16px 40px rgba(22,49,58,.1);--shadow-feature: 0 6px 16px rgba(29,138,158,.22), 0 12px 32px rgba(22,49,58,.14);--ease: cubic-bezier(.2,.6,.2,1);--dur-fast:.12s;--dur:.18s;--dur-slow:.28s;--topbar-h:56px;--sidebar-w:208px;--text-row:13.5px;--size-dot:6px;--size-ico:30px;--cell-pad-y:12px;--cell-pad-x:16px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-body);background:var(--color-bg)}a{color:var(--color-teal-deep);text-decoration:none}.app-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--color-surface);color:var(--text-body);border-right:1px solid var(--color-line);padding:var(--space-5) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);overflow:hidden}.sidebar .brand{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-navy);margin-bottom:var(--space-4);padding:0 var(--space-2)}.sidebar .brand-logo{width:150px;max-width:100%;height:auto;display:block;margin:0 var(--space-2) var(--space-5)}.brand-logo-sm{height:30px;width:auto;display:block}.client-switcher{width:100%;max-width:100%;margin-bottom:var(--space-4);font-size:var(--text-sm)}.nav-group{display:flex;flex-direction:column;gap:1px}.nav-group-label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-weight:var(--weight-bold);margin:var(--space-3) var(--space-2) var(--space-1)}.sidebar nav a{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-body);font-weight:var(--weight-medium);font-size:var(--text-sm);text-decoration:none}.sidebar nav a .nav-ic{width:17px;height:17px;flex:none;display:inline-flex;color:var(--text-muted)}.sidebar nav a .nav-ic svg{width:17px;height:17px}.sidebar nav a:hover:not(.active){background:var(--color-line-2);color:var(--color-teal-deep)}.sidebar nav a:hover:not(.active) .nav-ic{color:var(--color-teal-deep)}.sidebar nav a.active{background:var(--status-ok-bg);color:var(--color-teal-deep);font-weight:var(--weight-semibold)}.sidebar nav a.active .nav-ic{color:var(--color-teal-deep)}.sidebar nav a.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 2px 2px 0;background:var(--color-teal-deep)}.sidebar .signout{margin-top:auto;background:none;border:1px solid var(--color-line);color:var(--text-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xs)}.main{padding:var(--space-8);max-width:1100px}.mobile-topbar{display:none}@media (max-width: 820px){.app-shell{display:block}.mobile-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface);color:var(--text-strong);border-bottom:1px solid var(--color-line);padding:var(--space-2) var(--space-4)}.mobile-topbar .hamburger{background:none;border:1px solid var(--color-line);border-radius:var(--radius-md);color:var(--text-strong);font-size:var(--text-lg);line-height:1;padding:var(--space-2) var(--space-3);cursor:pointer}.sidebar{position:fixed;top:0;bottom:0;left:0;width:260px;max-width:82vw;z-index:60;transform:translate(-100%);transition:transform .2s ease;overflow-y:auto}.sidebar.open{transform:translate(0)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1f3380;z-index:50}.main{padding:var(--space-4)}.card{overflow-x:auto}}.tabbar{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-6);border-bottom:1px solid var(--color-line);padding-bottom:var(--space-2)}.tabbar button{background:none;border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);cursor:pointer}.tabbar button.active{background:var(--status-ok-bg);color:var(--color-teal-deep);font-weight:var(--weight-semibold)}h1{font-size:var(--text-2xl);color:var(--text-strong);margin:0 0 var(--space-6)}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-6)}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}th{text-align:left;color:var(--text-muted);font-weight:var(--weight-semibold);background:var(--color-surface-2);padding:var(--space-3);border-bottom:1px solid var(--color-line)}td{padding:var(--space-3);border-bottom:1px solid var(--color-line-2);color:var(--text-body)}.num{font-variant-numeric:tabular-nums;text-align:right}.pill{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.pill.ok{background:var(--status-ok-bg);color:var(--status-ok-ink)}.pill.warn{background:var(--status-warn-bg);color:var(--status-warn-ink)}.pill.pend{background:var(--status-pend-bg);color:var(--status-pend-ink)}.pill.err{background:var(--status-err-bg);color:var(--status-err-ink)}.btn{background:var(--color-teal);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-weight:var(--weight-semibold);cursor:pointer}.btn:hover{background:var(--color-teal-deep)}input,select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-line-strong);border-radius:var(--radius-md);font-size:var(--text-base)}.login-wrap{display:grid;place-items:center;min-height:100vh}.login-card{width:360px;display:flex;flex-direction:column;gap:var(--space-4)}.muted{color:var(--text-muted)}.error{color:var(--status-err-ink)}.state{padding:var(--space-8);color:var(--text-muted)}