:root{--ground:#f4f5f2;--surface:#fff;--ink:#1a1f1c;--muted:#5b635e;--soft:#3f4642;--line:#e2e5e0;--line-soft:#eef0ec;--field:#cdd2cc;--brand:#0e5a4a;--brand-dark:#08382e;--brand-tint:#eaf3f0;--income:#1f5fa8;--expense:#a84b12;--warn-bg:#fff4e5;--warn-ink:#7a3a0c;--info-bg:#eef3fa;--info-ink:#1e3f66}*{box-sizing:border-box}html,body{background:var(--ground);color:var(--ink);font-family:var(--font-tc), system-ui, sans-serif;word-break:keep-all;font-variant-numeric:tabular-nums;margin:0}a{color:var(--brand)}a:hover{color:var(--brand-dark)}h1{margin:0;font-size:28px}h2{margin:0;font-size:18px}input,select,textarea,button{font:inherit}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.field input,.field select,.field textarea{color:var(--ink);border:1px solid var(--field);background:var(--surface);border-radius:8px;width:100%;min-height:44px;padding:10px 12px;font-size:16px}.field .help{color:var(--soft);font-size:12px}.btn{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:var(--brand-dark);color:#fff}.btn:disabled{opacity:.6;cursor:default}.btn-ghost{background:var(--surface);color:var(--brand);border:1px solid var(--brand)}.btn-ghost:hover{background:var(--brand-tint);color:var(--brand-dark)}.btn-quiet{background:var(--surface);color:var(--soft);border:1px solid var(--field)}.btn-quiet:hover{background:var(--line-soft);color:var(--ink)}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px}.stack{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.muted{color:var(--muted)}.small{font-size:13px}.income{color:var(--income)}.expense{color:var(--expense)}.warn{color:var(--warn-ink);font-weight:500}.ok{color:var(--brand)}.notice{border-radius:8px;padding:10px 14px;font-size:14px;line-height:1.6}.notice-warn{background:var(--warn-bg);color:var(--warn-ink)}.notice-info{background:var(--info-bg);color:var(--info-ink)}.notice-ok{background:var(--brand-tint);color:var(--brand)}.notice-error{color:#8a1c1c;background:#fdecec}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:14px}table.data th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 8px;font-weight:500}table.data td{border-bottom:1px solid var(--line-soft);vertical-align:top;padding:12px 8px}table.data tr:last-child td{border-bottom:0}table.data .num{text-align:right;white-space:nowrap}table.data tr.selected td{background:var(--brand-tint)}table.data a.rowlink{color:inherit;text-decoration:none}table.data a.rowlink:hover{text-decoration:underline}.pill{background:var(--line-soft);color:var(--soft);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;display:inline-block}.pill-ok{background:var(--brand-tint);color:var(--brand)}.pill-warn{background:var(--warn-bg);color:var(--warn-ink)}.segmented{background:#e7eae5;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.segmented button{min-height:44px;color:var(--soft);cursor:pointer;background:0 0;border:0;border-radius:8px}.segmented button[aria-pressed=true]{background:var(--surface);font-weight:700}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips button{border:1px solid var(--field);background:var(--surface);min-height:40px;color:var(--soft);cursor:pointer;border-radius:999px;padding:0 14px}.chips button[aria-pressed=true]{border-color:var(--brand);background:var(--brand-tint);color:var(--brand);font-weight:500}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:12px;flex-direction:column;gap:8px;padding:20px;text-decoration:none;display:flex}.stat .label{color:var(--muted);font-size:14px}.stat .value{font-size:28px;font-weight:700}.bar{background:var(--line-soft);border-radius:5px;height:10px;overflow:hidden}.bar>div{background:var(--expense);height:10px}.shell{flex-wrap:wrap;min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;flex:240px;gap:24px;max-width:260px;padding:24px 16px;display:flex}.sidebar nav{flex-direction:column;gap:2px;display:flex}.sidebar nav a{color:var(--ink);border-radius:8px;padding:12px;text-decoration:none}.sidebar nav a[aria-current=page]{color:var(--brand);background:var(--brand-tint);font-weight:500}.sidebar nav a:hover{background:var(--line-soft)}.brand{align-items:center;gap:10px;padding:0 8px;font-size:18px;font-weight:700;display:flex}.brand-mark{background:var(--brand);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.scope{border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.main{flex-direction:column;flex:999 560px;gap:24px;min-width:0;max-width:1240px;padding:32px 40px;display:flex}@media (max-width:820px){.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-basis:100%;gap:12px;max-width:none;padding:16px}.sidebar nav{flex-flow:wrap}.sidebar nav a{padding:8px 12px}.sidebar .sidebar-foot{display:none}.main{padding:20px 16px}}.auth-wrap{justify-content:center;align-items:center;min-height:100vh;padding:40px 16px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:20px;width:100%;max-width:420px;padding:40px 32px;display:flex}.form-narrow{max-width:560px}.receipt-thumb{background:var(--line);object-fit:cover;border-radius:6px;flex-shrink:0;width:52px;height:64px}.dropzone{border:1px dashed var(--brand);min-height:56px;color:var(--brand);cursor:pointer;background:#f4f9f7;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-weight:500;display:flex}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.settings-grid{align-items:end;gap:8px;display:grid}.grid-event{border-top:1px solid var(--line-soft);grid-template-columns:2fr 1fr 1fr 1fr .8fr auto auto;padding-top:12px}.grid-sub{grid-template-columns:1fr 2.5fr .9fr auto}@media (min-width:821px){.only-mobile{display:none!important}}.mobile-topbar,.tabbar{display:none}.tx-list{flex-direction:column;display:flex}.tx-card{border-bottom:1px solid var(--line-soft);color:inherit;flex-direction:column;gap:4px;padding:12px 4px;text-decoration:none;display:flex}.tx-card:last-child{border-bottom:0}.tx-card.selected{background:var(--brand-tint);border-radius:8px;padding-inline:10px}.tx-card .top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.tx-card .title{word-break:normal;overflow-wrap:anywhere;font-size:15px;font-weight:500;line-height:1.4}.tx-card .amount{white-space:nowrap;font-size:16px;font-weight:700}.tx-card .meta{color:var(--muted);word-break:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.5}.tx-card .tags{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.m-cards{flex-direction:column;gap:10px;display:flex}.m-card{border:1px solid var(--line);color:inherit;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;text-decoration:none;display:flex}.m-card .kv{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;font-size:13px;display:grid}.m-card .kv span:first-child,.m-card .k{color:var(--muted);font-size:12px;display:block}details.filters>summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:44px;font-weight:500;list-style:none;display:flex}details.filters>summary::-webkit-details-marker{display:none}@media (max-width:820px){.only-desktop{display:none!important}.shell{display:block}.sidebar{display:none}.mobile-topbar{z-index:20;border-bottom:1px solid var(--line);background:#fffffff5;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.mobile-topbar .who{align-items:center;gap:10px;min-width:0;display:flex}.mobile-topbar .proj{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.main{padding:16px 16px calc(88px + env(safe-area-inset-bottom));gap:16px;max-width:none}h1{font-size:24px}.card{padding:16px}.tabbar{z-index:30;border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:#fff;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{min-height:52px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;text-decoration:none;display:flex}.tabbar a[aria-current=page]{color:var(--brand);font-weight:500}.tabbar a.add{color:#fff}.tabbar a.add .plus{background:var(--brand);border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{gap:4px;padding:14px}.stat .label{font-size:13px}.stat .value{font-size:22px}.stat.wide{grid-column:1/-1}.ledger-layout{flex-direction:column}.ledger-layout>*{width:100%;flex:none!important}.ledger-layout>aside{order:-1;max-width:none!important}.form-narrow{max-width:none}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:12px}.settings-grid>label:first-of-type,.grid-sub>label:nth-of-type(2),.settings-grid>button{grid-column:1/-1}}