:root{--void: #f4f6fb;--panel: #ffffff;--panel-2: #f7f8fc;--outline: #dde3f0;--ink: #16224a;--mute: #4a5578;--faint: #5c70a4;--brand: #f5821f;--brand-ink: #16224a;--navy: #243a76;--navy-deep: #141d38;--hero: #243a76;--on-hero: #ffffff;--positive: #0e7a4d;--negative: #c0392b;--tab: #243a76;--tab-bg: #d3dbf2;--shadow: 0 1px 2px rgba(22, 34, 74, .06), 0 8px 24px rgba(22, 34, 74, .06);--radius: 12px;--sidebar: 232px;--font: "Segoe UI", system-ui, -apple-system, sans-serif;color-scheme:light}[data-theme=dark]{--void: #0a1020;--panel: #141d38;--panel-2: #101934;--outline: #26325a;--ink: #eef1f9;--mute: #a8b3d0;--faint: #8290b5;--brand: #f5821f;--brand-ink: #16224a;--navy: #3759b5;--navy-deep: #0a1020;--hero: #1e3062;--on-hero: #ffffff;--positive: #3fd79a;--negative: #ff7b6b;--tab: #b9c6ea;--tab-bg: #2e3a5e;--shadow: 0 1px 2px rgba(0, 0, 0, .25), 0 10px 28px rgba(0, 0, 0, .28);color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);background:var(--void);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}img{max-width:100%}.num{font-variant-numeric:tabular-nums}.pos{color:var(--positive)}.neg{color:var(--negative)}.mute{color:var(--mute)}.faint{color:var(--faint)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:32px 16px;background:var(--void)}.auth-card{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--outline);border-radius:16px;padding:32px 28px 28px;box-shadow:var(--shadow)}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:8px}.brand-mark{width:36px;height:36px;border-radius:10px;object-fit:cover;display:block;flex-shrink:0;background:#0a2a5d}.auth-brand h1{font-size:18px;font-weight:700;letter-spacing:-.2px}.auth-brand span{display:block;font-size:12px;color:var(--faint);font-weight:500}.auth-lead{color:var(--mute);font-size:14px;margin:16px 0 22px;line-height:1.45}.auth-switch{margin-top:18px;text-align:center;font-size:13px;color:var(--mute)}.auth-switch button{background:none;border:0;color:var(--navy);font-weight:600;padding:0}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);flex-shrink:0;background:var(--panel);border-right:1px solid var(--outline);display:flex;flex-direction:column;padding:20px 14px 16px;position:sticky;top:0;height:100vh}.side-brand{display:flex;align-items:center;gap:10px;padding:4px 10px 18px;font-weight:700;letter-spacing:-.2px}.side-brand .brand-mark{width:28px;height:28px;border-radius:8px}.nav-group{margin-bottom:18px}.nav-label{font-size:11px;font-weight:600;color:var(--faint);letter-spacing:.04em;text-transform:uppercase;padding:0 10px 8px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--mute);font-size:14px;font-weight:500;border:0;background:transparent;width:100%;text-align:left}.nav-item svg{width:18px;height:18px;flex-shrink:0}.nav-item:hover{background:var(--panel-2);color:var(--ink)}.nav-item.active{background:var(--tab-bg);color:var(--tab);font-weight:650}.side-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--outline)}.user-chip{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px}.user-chip:hover{background:var(--panel-2)}.avatar{--avatar-size: 32px;position:relative;width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:calc(var(--avatar-size) * .38);font-weight:700;flex-shrink:0;overflow:hidden}.avatar span{line-height:1}.avatar img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;max-width:none}.user-chip .who{min-width:0}.user-chip .who b{display:block;font-size:13px;font-weight:650}.user-chip .who span{display:block;font-size:11px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{flex:1;min-width:0;padding:28px 32px 48px}.page{max-width:1080px;margin:0 auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-head h1{font-size:24px;font-weight:700;letter-spacing:-.4px}.page-head p{color:var(--mute);font-size:14px;margin-top:4px}.greet{display:flex;align-items:center;gap:12px;min-width:0}.greet h1{font-size:24px}.profile-photo{display:flex;align-items:center;gap:16px;margin-top:12px}.user-card{display:flex;align-items:center;gap:12px;text-decoration:none}.user-card .meta{min-width:0;flex:1}.user-card .meta b{display:block;font-size:15px;font-weight:650}.user-card .meta span{display:block;font-size:12px;color:var(--faint)}.gold-link{color:var(--brand)!important;font-weight:600;margin-top:2px}.page-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.topbar-mobile,.bottom-nav{display:none}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stack{display:flex;flex-direction:column;gap:14px}.card{background:var(--panel);border:1px solid var(--outline);border-radius:var(--radius);padding:18px 18px 16px;box-shadow:var(--shadow)}.card h2{font-size:14px;font-weight:650;margin-bottom:12px}.hero-card{background:linear-gradient(160deg,var(--hero) 0%,#1e3062 100%);color:var(--on-hero);border:0;padding:22px 22px 18px}.hero-card .label{font-size:12px;opacity:.78}.hero-card .value{font-size:32px;font-weight:700;letter-spacing:-.8px;margin:6px 0 14px}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-stats div{background:#ffffff14;border-radius:10px;padding:10px 12px}.hero-stats span{display:block;font-size:11px;opacity:.75}.hero-stats b{font-size:15px;font-weight:650}.kpi .label{font-size:12px;color:var(--faint)}.kpi .value{font-size:22px;font-weight:700;letter-spacing:-.4px;margin-top:4px}.list{display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--outline);background:none;border-left:0;border-right:0;border-top:0;width:100%;text-align:left;color:inherit}.row:last-child{border-bottom:0}.row:hover{opacity:.92}.dot{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.dot svg{width:16px;height:16px}.row .meta{min-width:0;flex:1}.row .meta b{display:block;font-size:14px;font-weight:600}.row .meta span{display:block;font-size:12px;color:var(--faint)}.row .amt{font-weight:700;font-size:14px;white-space:nowrap}.bar{height:8px;background:var(--panel-2);border-radius:99px;overflow:hidden}.bar>i{display:block;height:100%;border-radius:99px;background:var(--navy)}.bar.over>i{background:var(--negative)}.trend{display:flex;align-items:flex-end;gap:8px;height:92px}.trend .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.trend .col i{display:block;width:100%;max-width:28px;border-radius:6px 6px 2px 2px;background:var(--tab-bg)}.trend .col.on i{background:var(--navy)}.trend .col span{font-size:11px;color:var(--faint)}.empty{text-align:center;padding:36px 16px;color:var(--mute)}.empty h3{font-size:16px;margin-bottom:6px;color:var(--ink)}.empty p{font-size:13px}label.field{display:block;font-size:12px;color:var(--mute);margin:0 0 6px;font-weight:500}input,select,textarea{width:100%;background:var(--panel);border:1px solid var(--outline);border-radius:10px;padding:11px 12px;outline:none}textarea{min-height:80px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--navy)}.field-wrap{margin-bottom:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:650;background:var(--navy);color:#fff}.btn:disabled{opacity:.55;cursor:default}.btn.brand{background:var(--brand);color:var(--brand-ink)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--outline)}.btn.danger{background:transparent;color:var(--negative);border:1px solid var(--outline)}.btn.small{padding:7px 10px;font-size:13px}.btn.block{width:100%}.btn svg{width:16px;height:16px}.seg{display:flex;background:var(--panel-2);border-radius:10px;padding:3px;gap:2px}.seg button{flex:1;border:0;background:transparent;color:var(--mute);border-radius:8px;padding:8px 6px;font-size:13px;font-weight:600}.seg button.on{background:var(--panel);color:var(--ink);box-shadow:var(--shadow)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--outline);background:var(--panel);border-radius:999px;padding:6px 12px;font-size:13px;color:var(--mute)}.chip.on{border-color:var(--navy);color:var(--navy);background:var(--tab-bg);font-weight:650}.check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mute)}.check input{width:auto}.error{color:var(--negative);font-size:13px;margin-top:10px}.ok{color:var(--positive);font-size:13px;margin-top:10px}.hint{font-size:12px;color:var(--faint);margin-top:8px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a102073;display:grid;place-items:center;padding:20px;z-index:40}.modal{width:min(520px,100%);background:var(--panel);border-radius:16px;border:1px solid var(--outline);padding:22px;max-height:calc(100vh - 40px);overflow:auto}.modal h2{font-size:18px;margin-bottom:14px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--outline);border-radius:10px;padding:0 12px;background:var(--panel)}.search svg{width:16px;height:16px;color:var(--faint)}.search input{border:0;padding:10px 0;background:transparent}.month-nav{display:flex;align-items:center;gap:8px}.month-nav b{min-width:160px;text-align:center;font-size:14px}.badge{display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:.02em;padding:3px 8px;border-radius:999px;background:var(--tab-bg);color:var(--tab)}.badge.warn{background:#c0392b1f;color:var(--negative)}.badge.ok{background:#0e7a4d1f;color:var(--positive)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.form-page{max-width:560px}.gate{max-width:480px;margin:12vh auto;text-align:center}.gate h1{font-size:22px;margin-bottom:10px}.gate p{color:var(--mute);line-height:1.5}.sync-dot{font-size:11px;color:var(--faint);padding:0 10px 8px}@media (max-width: 900px){.sidebar{display:none}.topbar-mobile{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px}.content{padding:8px 16px 96px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;background:var(--panel);border-top:1px solid var(--outline);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:20}.bottom-nav a,.bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:0;color:var(--faint);font-size:11px;font-weight:600;padding:6px 0}.bottom-nav .fab{width:46px;height:46px;border-radius:50%;background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;margin-top:-18px;box-shadow:var(--shadow)}.bottom-nav .fab svg{width:22px;height:22px}.bottom-nav .on{color:var(--tab)}.hero-card .value{font-size:28px}}