:root{--paper: #faf8f5;--card: #ffffff;--ink: #2b3a55;--ink-muted: #8a93a6;--hairline: #efeae3;--mist: #f4f1ec;--indigo: #5b6cff;--indigo-soft: #e9ebff;--mint: #2fb49a;--mint-soft: #e0f5f0;--coral: #ee8158;--coral-soft: #fdece4;--amber: #f3b14e;--amber-soft: #fdf1de;--lilac: #9b8cf5;--lilac-soft: #efecfe;--rose: #e5484d;--rose-soft: #fdeaea;--radius: 18px;--radius-sm: 12px;--gap: 12px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.45;overscroll-behavior-y:none}body{padding-bottom:env(safe-area-inset-bottom)}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}.tnum{font-variant-numeric:tabular-nums}.screen{max-width:720px;margin:0 auto;padding:0 16px 96px}.topbar{display:flex;align-items:center;gap:10px;padding:max(12px,env(safe-area-inset-top)) 0 12px}.topbar h1{font-size:22px;font-weight:650;margin:0;letter-spacing:-.2px}.topbar .sub{font-size:12px;color:var(--ink-muted);margin:0}.topbar .spacer{flex:1}.stack{display:flex;flex-direction:column;gap:var(--gap)}.row{display:flex;align-items:center;gap:8px}.row.between{justify-content:space-between}.grow{flex:1;min-width:0}.card{background:var(--card);border:1px solid var(--hairline);border-radius:var(--radius);padding:18px}.card.tight{padding:14px}.label{font-size:12px;color:var(--ink-muted);letter-spacing:.02em}.big-amount{font-size:34px;font-weight:700;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.section-title{font-size:15px;font-weight:650;margin:6px 2px 0}.muted{color:var(--ink-muted)}.negative{color:var(--rose)}.positive{color:var(--mint)}.strike{text-decoration:line-through}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tile{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:152px;padding:18px;border:none;border-radius:18px;background:var(--tile, var(--indigo));color:#fff;text-align:left;cursor:pointer;transition:transform .12s ease,filter .12s ease;box-shadow:0 6px 16px #2b3a551f}.tile:active{transform:scale(.98);filter:brightness(.96)}.tile.wide{grid-column:span 2;min-height:168px}.tile .tile-name{font-size:19px;font-weight:700;letter-spacing:-.2px}.tile .tile-note{font-size:13px;opacity:.82;margin-top:2px}.tile .tile-value{font-size:34px;font-weight:800;letter-spacing:-.8px;font-variant-numeric:tabular-nums;line-height:1.1}.tile.wide .tile-value{font-size:42px}.tile .tile-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;opacity:.78}.tile-icon{position:absolute;right:-14px;bottom:-14px;width:104px;height:104px;opacity:.22;pointer-events:none}.tile.wide .tile-icon{width:132px;height:132px;right:-18px;bottom:-22px}.tile.soon{cursor:default}.tile .soon-badge{align-self:flex-start;background:#ffffff38;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;letter-spacing:.04em}.tile-chip{align-self:flex-start;background:#ffffff3d;border-radius:20px;padding:4px 11px;font-size:12px;font-weight:650}.tile-glyph{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:15px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat{border:1px solid var(--hairline);border-radius:14px;padding:10px 12px;display:flex;align-items:center;gap:10px}.stat .stat-value{font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}.bar{height:10px;border-radius:6px;background:var(--mist);overflow:hidden}.bar>span{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--coral),var(--indigo))}.chip{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500;background:var(--mist);white-space:nowrap}.chip.mint{background:var(--mint-soft);color:var(--mint)}.chip.coral{background:var(--coral-soft);color:var(--coral)}.chip.amber{background:var(--amber-soft)}.chip.indigo{background:var(--indigo-soft)}.chip.lilac{background:var(--lilac-soft)}.chip.rose{background:var(--rose-soft);color:var(--rose)}.filters{display:flex;gap:8px}.filter{padding:6px 14px;border-radius:20px;border:1px solid var(--hairline);background:var(--card);font-size:13px;cursor:pointer}.filter.on{background:var(--indigo-soft);border-color:transparent;font-weight:600}.btn{border:none;border-radius:12px;padding:11px 18px;font-size:15px;font-weight:600;background:var(--indigo);color:#fff;cursor:pointer}.btn:disabled{opacity:.4;cursor:default}.btn.ghost{background:transparent;color:var(--ink-muted);font-weight:500}.btn.outline{background:var(--card);color:var(--ink);border:1px solid var(--hairline)}.btn.mint{background:var(--mint)}.btn.danger{background:transparent;color:var(--rose)}.btn.small{padding:7px 12px;font-size:13px;border-radius:10px}.btn.block{width:100%}.icon-btn{border:none;background:transparent;padding:8px;border-radius:10px;cursor:pointer;color:var(--ink-muted);font-size:17px;line-height:1}.fab{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:18px;border:none;background:var(--indigo);color:#fff;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 8px 20px #2b3a552e}.field{display:block;margin-bottom:10px}.field>span{display:block;font-size:12px;color:var(--ink-muted);margin-bottom:4px}input[type=text],input[type=url],input[type=number],input[type=password],textarea{width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--hairline);background:var(--card);outline:none}input:focus,textarea:focus{border-color:var(--indigo)}input.error{border-color:var(--rose)}textarea{resize:vertical;min-height:68px}.switch{position:relative;width:46px;height:27px;border-radius:20px;border:none;background:var(--mist);cursor:pointer;flex:none}.switch.on{background:var(--indigo)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:transform .15s ease}.switch.on:after{transform:translate(19px)}.segmented{display:flex;border:1px solid var(--hairline);border-radius:12px;overflow:hidden}.segmented button{flex:1;border:none;background:var(--card);padding:10px 8px;font-size:14px;cursor:pointer}.segmented button.on{background:var(--indigo-soft);font-weight:650}.item-row{display:flex;gap:14px}.item-thumb{width:84px;height:84px;border-radius:14px;background:var(--mist);object-fit:cover;flex:none;display:grid;place-items:center;color:var(--ink-muted);font-size:22px}.item-brand{font-size:11px;letter-spacing:.08em;color:var(--ink-muted);text-transform:uppercase}.item-title{font-size:16px;font-weight:620;margin:2px 0 6px}.item-price{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.check-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.check-table th{font-size:11px;font-weight:500;color:var(--ink-muted);text-align:right;padding-bottom:6px}.check-table th:first-child,.check-table td:first-child{text-align:left}.check-table td{text-align:right;padding:7px 0;font-size:14px;border-top:1px solid var(--hairline)}.check-table tr.fail td{background:var(--rose-soft)}.verdict{border-radius:12px;padding:12px 14px;font-size:14px}.verdict.ok{background:var(--mint-soft);color:#1d7a68}.verdict.bad{background:var(--rose-soft);color:var(--rose)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e263757;display:flex;align-items:flex-end;justify-content:center;z-index:50}.sheet{width:100%;max-width:720px;max-height:92vh;overflow-y:auto;background:var(--paper);border-radius:22px 22px 0 0;padding:18px 18px calc(24px + env(safe-area-inset-bottom));animation:rise .18s ease}.sheet-handle{width:38px;height:4px;border-radius:4px;background:var(--hairline);margin:0 auto 14px}@keyframes rise{0%{transform:translateY(18px);opacity:.6}}.dialog{margin:auto;width:calc(100% - 40px);max-width:420px;background:var(--card);border-radius:18px;padding:20px}.dialog h3{margin:0 0 6px;font-size:17px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(24px + env(safe-area-inset-bottom));background:var(--ink);color:#fff;padding:10px 16px;border-radius:12px;font-size:14px;z-index:90;max-width:88vw;text-align:center}.log-note{font-size:14px}.log-amount{font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}.log-balance{font-size:11px;color:var(--ink-muted);font-variant-numeric:tabular-nums}.month-head{padding:14px 2px 2px}.month-head .m{font-size:17px;font-weight:650}.login{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:360px;background:var(--card);border:1px solid var(--hairline);border-radius:22px;padding:30px 24px 24px;text-align:center}.login-card h1{font-size:24px;margin:4px 0 2px}.login-card p{margin:0 0 20px;font-size:14px}.login-card input{text-align:center;letter-spacing:.35em;font-size:20px;padding:14px 12px;margin-bottom:12px}.login-mark{display:flex;flex-direction:column;gap:5px;align-items:center;margin-bottom:16px}.login-mark span{display:block;height:7px;border-radius:4px;background:var(--indigo)}.login-mark span:nth-child(1){width:52px}.login-mark span:nth-child(2){width:36px}.login-mark span:nth-child(3){width:44px}.login-error{color:var(--rose);font-size:13px;margin-bottom:10px}.offline-bar{position:fixed;top:0;left:0;right:0;background:var(--amber);color:#3d2c08;font-size:12px;font-weight:600;text-align:center;padding:5px;z-index:80}@media (prefers-color-scheme: dark){:root{--paper: #14161c;--card: #1d2029;--ink: #eceef3;--ink-muted: #9ba3b4;--hairline: #2a2e3a;--mist: #262a34;--indigo-soft: #2b3170;--mint-soft: #1b4a42;--coral-soft: #5b3527;--amber-soft: #4d3a1c;--lilac-soft: #332c5c;--rose-soft: #4a2224}}