:root{--paper:#e6ebf1;--surface:#f3f6f8;--ink:#1a2332;--muted:#3f4a5a;--line:#c5cdd6;--income:#165e52;--income-bg:#d7ebe6;--expense:#8c3f32;--expense-bg:#f3e2dd;--focus:#b45309;--danger:#9b1c1c;--danger-bg:#f8e4e4;--disabled:#7a8492;--skeleton:#d3dae2;--font-ui:"Be Vietnam Pro", sans-serif;--font-body:"IBM Plex Sans", sans-serif;--sidebar:240px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--ink)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.shell{grid-template-columns:var(--sidebar) 1fr;height:100%;min-height:100%;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;gap:24px;padding:24px 16px;display:flex}.brand strong{font-family:var(--font-ui);font-size:20px;font-weight:600;display:block}.brand span{color:var(--muted);margin-top:4px;font-size:14px;display:block}.nav{flex-direction:column;gap:4px;display:flex}.nav a{font-family:var(--font-ui);color:var(--muted);border-radius:8px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;display:block}.nav a:hover{background:var(--paper);color:var(--ink)}.nav a.active{background:var(--ink);color:var(--paper);font-weight:600}.sidebar-cta{text-align:center;text-decoration:none}.account{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:auto;padding-top:16px;display:flex}.main{padding:32px 40px 64px;overflow:auto}.page{max-width:1080px}.page-narrow{max-width:520px}.overview-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.overview-cta{width:auto;text-decoration:none}.month-switch{align-items:center;gap:12px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--ink);border-radius:8px;font-size:20px;line-height:1}.icon-btn:hover{background:var(--paper)}.cal{z-index:2;position:relative}.cal-heading{margin:0}.cal-trigger{min-height:44px;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:4px 4px 4px 0;display:inline-flex}.cal-trigger:hover .cal-month{text-underline-offset:4px;text-decoration:underline}.cal-month{font:inherit}.cal-day-chip{background:var(--ink);min-width:28px;height:28px;color:var(--paper);font-family:var(--font-ui);font-variant-numeric:tabular-nums;border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:600;display:inline-flex}.cal-caret{border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--muted);width:0;height:0;margin-left:2px}.cal-caret.open{transform:rotate(180deg)}.cal-pop{z-index:8;background:var(--surface);border:1px solid var(--line);border-radius:12px;width:min(320px,100vw - 48px);padding:12px;position:absolute;top:calc(100% + 8px);left:0}.month-nav .cal-pop{left:50%;transform:translate(-50%)}.cal-pop-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.cal-pop-head strong{font-family:var(--font-ui);font-size:16px;font-weight:600}.cal-week,.cal-grid{grid-template-columns:repeat(7,1fr);display:grid}.cal-week{margin-bottom:4px}.cal-week span{text-align:center;font-family:var(--font-ui);letter-spacing:.04em;color:var(--muted);padding:4px 0;font-size:12px;font-weight:500}.cal-day{font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:8px;min-height:40px;font-weight:500}.cal-day:hover{background:var(--paper)}.cal-day.mute{color:var(--disabled)}.cal-day.today{box-shadow:inset 0 0 0 1px var(--income)}.cal-day.on{background:var(--ink);color:var(--paper)}.cal-day.on:hover{background:var(--ink)}.cal-foot{border-top:1px solid var(--line);justify-content:space-between;gap:12px;margin-top:8px;padding-top:8px;display:flex}.cal-foot .linkish{min-height:40px;padding:8px 4px}@media (prefers-reduced-motion:reduce){.cal-caret{transform:none}}.overview-grid{grid-template-columns:minmax(260px,.9fr) minmax(320px,1.2fr);align-items:start;gap:24px;display:grid}.overview-summary{flex-direction:column;gap:12px;display:flex}.hero-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px 24px}.hero-panel .amount-lg{margin:4px 0 8px}.stat-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:16px}.stat .amount{margin:4px 0 0}.in-tile{border-color:#b7d4ce}.out-tile{border-color:#e0c4bd}.debt-strip{border:1px solid var(--line);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.debt-strip>span:first-child{align-items:center;gap:10px;display:flex}.debt-strip-title{font-family:var(--font-ui);font-weight:600}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:4px 8px 12px}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:56px;margin:0 8px 8px;padding:8px 12px;display:flex}.panel-head a{color:var(--muted);font-size:14px}.login-screen{min-height:100%;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));place-items:center;display:grid}.login-card{width:min(420px,100%)}.top{justify-content:space-between;align-items:center;gap:16px;min-height:48px;display:flex}.who{font-family:var(--font-ui);color:var(--muted);font-size:13px;font-weight:500}h1,h2,h3{font-family:var(--font-ui);letter-spacing:-.01em;margin:0}h1{font-size:28px;font-weight:600;line-height:1.15}h2{font-size:20px;font-weight:600}h3{font-size:16px;font-weight:600}.label{font-family:var(--font-ui);letter-spacing:.04em;color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.field{border:1px solid var(--line);background:#f8fafb;border-radius:8px;width:100%;min-height:48px;padding:12px 16px}.btn{min-height:48px;font-family:var(--font-ui);border:0;border-radius:8px;width:100%;padding:12px 16px;font-weight:600}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:disabled{background:var(--skeleton);color:var(--disabled)}.btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn-ghost{width:auto;color:var(--ink);background:0 0}.btn-danger{background:var(--danger);color:#fff8f8}.amount{font-variant-numeric:tabular-nums;font-weight:600;font-family:var(--font-body)}.amount-lg{letter-spacing:-.01em;font-size:32px;line-height:1.1}.amount-md{font-size:20px}.in{color:var(--income)}.out{color:var(--expense)}.row{border-bottom:1px solid var(--line);text-align:left;background:0 0;border-top:0;border-left:0;border-right:0;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;min-height:72px;padding:14px 12px;display:grid}.row:last-child{border-bottom:0}.panel .row:hover{background:var(--paper)}.row .t{font-family:var(--font-ui);overflow-wrap:anywhere;font-size:16px;font-weight:600}.row .m{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:14px;line-height:1.4}.meta{flex-wrap:wrap;gap:6px 0;display:flex}.meta span+span:before{content:"·";color:var(--line);margin:0 8px}.chip{border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:600;display:inline-flex}.chip.in{background:var(--income-bg);color:var(--income)}.chip.out{background:var(--expense-bg);color:var(--expense)}.pill{border:1px solid var(--line);background:var(--surface);min-height:40px;font-family:var(--font-ui);border-radius:8px;padding:8px 12px;font-weight:500}.pill.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.pill.on.in{background:var(--income);border-color:var(--income);color:var(--income-bg)}.pill.on.out{background:var(--expense);border-color:var(--expense);color:var(--expense-bg)}.type-badge{min-width:44px;height:28px;font-family:var(--font-ui);letter-spacing:.04em;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.type-badge.in{background:var(--income-bg);color:var(--income)}.type-badge.out{background:var(--expense-bg);color:var(--expense)}.banner{background:var(--danger-bg);color:var(--danger);border-radius:12px;margin:12px 0;padding:12px 16px}.empty{border:1px solid var(--line);background:var(--surface);text-align:center;color:var(--muted);border-radius:12px;padding:24px 16px}.seg{grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 16px;display:grid}.chips{flex-wrap:wrap;gap:8px;margin:8px 0 16px;display:flex}.err{color:var(--danger);margin:4px 0 0;font-size:14px}.linkish{color:var(--muted);background:0 0;border:0;padding:0;font-size:14px}.month-nav{justify-content:space-between;align-items:center;margin:8px 0 16px;display:flex}.flow{border-top:1px solid var(--line)}.flow-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:56px;display:flex}.muted{color:var(--muted)}.stack{flex-direction:column;gap:12px;margin-top:16px;display:flex}.actions{gap:12px;margin-top:20px;display:flex}.actions .btn{flex:1}.pass-wrap{position:relative}.pass-wrap button{min-height:40px;position:absolute;top:4px;right:4px}.dialog{z-index:40;background:#1a233299;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;width:min(480px,100%);max-height:min(720px,100dvh - 48px);padding:20px 24px 24px;overflow:auto}.dialog-card>.dialog-body{padding:0}@media (width<=800px){.shell{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:auto;min-height:100%}.sidebar{z-index:20;border-right:0;border-bottom:1px solid var(--line);padding:12px 12px calc(12px + env(safe-area-inset-top,0px));background:var(--surface);gap:10px;position:sticky;top:0}.brand{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.brand-tag{display:none}.nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.nav a{text-align:center;padding:10px 4px;font-size:13px}.sidebar-cta{width:100%}.account{flex-direction:row;align-items:center;margin-top:0;padding-top:8px}.account .who{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.account .btn{flex:none;width:auto;min-height:40px;padding:8px 12px}.main{padding:16px 16px calc(32px + env(safe-area-inset-bottom,0px));overflow:visible}.page{max-width:none}.overview-head{flex-direction:column;align-items:stretch}.overview-grid{grid-template-columns:1fr}h1{font-size:24px}.amount-lg{font-size:26px}.actions{flex-direction:column}.dialog{align-items:end;padding:12px}.dialog-card{border-radius:12px;width:100%;max-height:calc(100dvh - 24px)}.row{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px 8px}.row .amount,.row>:last-child{grid-column:2;justify-self:start}}@media (width<=420px){.nav a{padding:8px 2px;font-size:12px}.field,.btn{min-height:44px}}