:root{--navy:#0f172a;--navy-2:#1e293b;--gold:#d4af37;--gold-line:#d4af3761;--gold-soft:#d4af3724;--primary:#0f172a;--primary-dark:#020617;--bg:#f3f0e8;--card:#fff;--text:#0f172a;--muted:#64748b;--border:#e6e0d4;--credit:#0f172a;--debt:#b91c1c;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);color:var(--text);background:var(--bg);font-family:Segoe UI,Segoe UI Variable,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}h2,h3{letter-spacing:.1em;text-transform:uppercase;color:#8a8376;margin:20px 0 10px;font-size:.72rem;font-weight:800}.app-shell{min-height:100dvh;padding-bottom:calc(68px + var(--safe-bottom));background:radial-gradient(720px 240px at 50% -80px, #d4af371a, transparent 62%), var(--bg);flex-direction:column;display:flex}.topbar{z-index:10;background:linear-gradient(180deg, #152036 0%, var(--navy) 100%);border-bottom:1px solid var(--gold-line);padding:calc(12px + var(--safe-top)) 18px 12px;color:#f1f5f9;position:sticky;top:0}.topbar h1,.topbar-brand .mark{letter-spacing:.22em;color:#f8fafc;margin:0;font-size:1.08rem;font-weight:800}.topbar .sub{color:#94a3b8;letter-spacing:.01em;margin:5px 0 0;font-size:.7rem}.topbar .sub strong{color:var(--gold);font-weight:700}.content{flex:1;padding:16px 16px 20px}.nav{height:calc(68px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--navy);border-top:1px solid var(--gold-line);z-index:20;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav a{letter-spacing:.04em;color:#8b96a8;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.62rem;font-weight:700;display:flex;position:relative}.nav a.active{color:var(--gold);background:#d4af3714}.nav a.active:before{content:"";background:var(--gold);border-radius:0 0 2px 2px;height:2px;position:absolute;top:0;left:18%;right:18%}.nav svg{width:21px;height:21px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;margin-bottom:10px;padding:14px;box-shadow:inset 0 1px #ffffffb3,0 10px 28px #0f172a0b}.tap{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:var(--card)}.tap:active{background:#faf8f3}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat{flex-direction:column;justify-content:space-between;min-height:96px;margin-bottom:0;padding:14px 14px 13px 16px;display:flex;position:relative;overflow:hidden}.stat:before{content:"";background:var(--gold);border-radius:2px;width:2px;position:absolute;top:10px;bottom:10px;left:0}.stat.tone-debt:before{background:var(--debt)}.stat label{letter-spacing:.1em;text-transform:uppercase;color:#8a8376;font-size:.64rem;font-weight:800;display:block}.stat strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:8px;font-size:clamp(.78rem,3.1vw,1.08rem);line-height:1.2;display:block}.stat-unit{letter-spacing:.08em;color:var(--muted);margin-top:4px;font-size:.64rem;font-weight:700;display:block}.btn{background:var(--navy);color:#fff;letter-spacing:.06em;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:48px;font-weight:700;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{color:var(--navy);border:1px solid var(--border);background:0 0}.btn.ghost.danger{color:var(--debt);border-color:#f1d4d4}.field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.field label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.74rem;font-weight:700}.field input,.field textarea,.field select{border:1px solid var(--border);background:#fcfbf8;border-radius:10px;padding:12px 14px}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid color-mix(in srgb, var(--gold) 40%, transparent);border-color:var(--gold);background:#fff}.seg{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.seg button{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:10px;min-height:44px;font-weight:700}.seg button.on,.seg button.on-credit{background:color-mix(in srgb, var(--navy) 8%, white);border-color:var(--navy);color:var(--navy)}.seg button.on-debt{background:color-mix(in srgb, var(--debt) 10%, white);border-color:var(--debt);color:var(--debt)}.row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.row:last-child{border-bottom:none}.muted{color:var(--muted);font-size:.82rem}.credit,.amt{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:800}.credit{color:var(--credit)}.debt{color:var(--debt);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:800}.topbar-brand{align-items:center;gap:8px;display:flex}.topbar-brand .gold-dot{background:var(--gold);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #d4af3738}.brand .eyebrow{color:#fde68a;letter-spacing:.18em;text-transform:uppercase;background:#d4af3729;border-radius:999px;margin-bottom:10px;padding:4px 10px;font-size:.66rem;font-weight:700;display:inline-block}.brand .gold-rule{background:var(--gold);border-radius:2px;width:40px;height:2px;margin:12px auto}.login-wrap{background:radial-gradient(900px 420px at 50% -8%,#d4af3733,#0000 55%),linear-gradient(#0f172a 0%,#1e293b 100%);flex-direction:column;justify-content:center;max-width:420px;min-height:100dvh;margin:0 auto;padding:24px;display:flex}.login-wrap .muted{color:#94a3b8}.login-card{background:#fff;border:1px solid #d4af3752;border-radius:16px;padding:18px;box-shadow:0 18px 50px #00000047}.sync-banner{border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;font-size:.7rem;font-weight:600;line-height:1.3;display:flex}.sync-banner.offline{color:#fde68a;background:#fde68a24;border:1px solid #fde68a3d}.sync-banner.syncing{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff14}.sync-banner.error{color:#fecaca;background:#b91c1c33;border:1px solid #f8717159}.sync-banner.ok{color:#cbd5e1;background:#ffffff0a;border:1px solid #ffffff14}.sync-banner-action{cursor:pointer;min-height:32px;font:inherit;color:var(--gold);letter-spacing:.04em;background:0 0;border:none;flex-shrink:0;padding:4px 2px;font-weight:700;text-decoration:none}.brand{text-align:center;margin-bottom:28px}.brand h1{color:#f8fafc;letter-spacing:.22em;margin:0;font-size:2.05rem}.alert{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:12px;padding:12px;font-size:.9rem}.sheet-backdrop{z-index:40;background:#0f172a8c;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--card);width:100%;padding:16px 16px calc(16px + var(--safe-bottom));border-top:2px solid var(--gold);border-radius:18px 18px 0 0;max-height:90dvh;overflow:auto}.sheet-handle{background:#e2e8f0;border-radius:99px;width:42px;height:4px;margin:0 auto 12px}.amount-input{text-align:center;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800}.install-tip{color:#78350f;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin-bottom:12px;padding:12px;font-size:.85rem}.section-head,.panel-head{letter-spacing:.08em;text-transform:uppercase;font-weight:800}.section-head{color:#f8fafc;border-bottom:1px solid var(--gold-line);background:linear-gradient(#1e293b 0%,#0f172a 100%);border-radius:13px 13px 0 0;padding:11px 14px;font-size:.72rem}.section-head.debt-head{background:linear-gradient(#7f1d1d 0%,#641616 100%);border-bottom-color:#f8717159}.panel-head{color:#8a8376;border-bottom:1px solid var(--border);background:#faf8f3;padding:11px 14px;font-size:.68rem}.list-card{padding:0;overflow:hidden}.list-card>.muted{padding:14px}.list-card .row{padding:12px 14px}.list-card .row.tap{box-shadow:none;border:none;border-bottom:1px solid var(--border);background:0 0;border-radius:0;margin:0}.list-card .row.tap:last-child{border-bottom:none}.list-card .row.tap:active{background:#faf8f3}.avatar{width:38px;height:38px;color:var(--gold);border:1px solid var(--gold-line);background:linear-gradient(#1e293b,#0f172a);border-radius:50%;flex-shrink:0;place-items:center;font-size:.84rem;font-weight:800;display:grid}.person{align-items:center;gap:12px;min-width:0;display:flex}.person>div{min-width:0}.name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.chev{color:#c4bba8;font-size:1.05rem;font-weight:400}.profile-card{align-items:center;gap:14px;display:flex}.profile-card .avatar{width:48px;height:48px;font-size:1.05rem}.back-link{cursor:pointer;color:var(--muted);background:0 0;border:none;margin-bottom:14px;padding:0;font-size:.82rem;font-weight:600}