@import "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap";:root{--native-safe-area-top-fallback:0px;--ink:oklch(23% .03 155);--ink-soft:oklch(42% .025 155);--muted:oklch(50% .025 155);--page:oklch(96.5% .015 110);--surface:oklch(99% .006 110);--surface-soft:oklch(97.5% .012 118);--line:oklch(88% .018 125);--line-strong:oklch(78% .025 130);--brand:oklch(42% .105 155);--brand-strong:oklch(33% .09 155);--brand-soft:oklch(94% .04 150);--money:oklch(42% .12 152);--money-soft:oklch(93% .055 150);--warn:oklch(52% .11 65);--warn-soft:oklch(94% .07 78);--info:oklch(45% .085 230);--info-soft:oklch(93% .04 230);--danger:oklch(43% .13 30);--danger-strong:oklch(36% .115 30);--danger-soft:oklch(94% .04 30);--focus:oklch(73% .12 245);color:var(--ink);background:var(--page);font-kerning:normal;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Atkinson Hyperlegible,Avenir Next,Segoe UI,ui-sans-serif,system-ui,sans-serif}.native-shell{--native-safe-area-top-fallback:58px}*{box-sizing:border-box}body{background:var(--page);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,a,input,textarea,select{transition:background-color .12s,border-color .12s,box-shadow .12s,color .12s,transform .12s}.app-shell{width:min(100%,1080px);padding:calc(20px + max(env(safe-area-inset-top,0px), var(--native-safe-area-top-fallback))) calc(20px + env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) calc(20px + env(safe-area-inset-left,0px));margin:0 auto}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.topbar h1,.surface h2,.flow-panel h2,.flow-panel h3{letter-spacing:0;margin:0}.topbar h1{max-width:620px;font-size:2rem;line-height:1.1}.eyebrow{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:700}.sync-pill,.attention-pill,.toast{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:.9rem;display:inline-flex}.attention-pill{background:var(--warn-soft);border-color:oklch(82% .08 75)}.tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.local-data-notice{border:1px solid var(--line);background:var(--surface-soft);color:var(--ink-soft);border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:14px;padding:10px 12px;display:flex}.local-data-notice svg{color:var(--brand);flex:none}.local-data-notice p{margin:0;line-height:1.35}.tab-button,.icon-button,.ghost-button,.primary-button,.secondary-button,.danger-button,.notice-button{cursor:pointer;border:0;min-height:44px}.tab-button{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-weight:700;display:inline-flex}.tab-button svg{width:17px;height:17px}.tab-button.active,.tab-button[aria-current=page]{border-color:var(--brand);background:var(--brand);color:var(--surface)}.surface{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:20px}.today-surface{min-height:440px}.surface-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.surface h2{font-size:1.35rem}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.metric{border:1px solid var(--line);border-radius:8px;align-content:space-between;gap:8px;min-height:118px;padding:14px;display:grid}.metric-icon{border-radius:8px;place-items:center;width:34px;height:34px;display:inline-grid}.metric-good .metric-icon{color:var(--money);background:var(--money-soft)}.metric-warn .metric-icon{color:var(--warn);background:var(--warn-soft)}.metric-neutral .metric-icon{color:var(--info);background:var(--info-soft)}.metric-label{color:var(--muted);font-size:.9rem}.metric strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:1.35rem;line-height:1.1}.today-surface .summary-grid{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:0;overflow:hidden}.today-surface .metric{border:0;border-radius:0;min-height:104px}.today-surface .metric+.metric{border-left:1px solid var(--line)}.empty-state,.notice{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;margin:12px 0;padding:14px}.empty-state p,.notice,.hint{color:var(--ink-soft)}.hint{font-size:.9rem}.primary-actions,.row-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.primary-actions{margin-top:18px}.home-actions{margin:0 0 18px}.home-actions .primary-button,.home-actions .secondary-button{min-width:180px}.primary-button,.secondary-button,.ghost-button,.danger-button,.notice-button,.as-link{border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-weight:700;text-decoration:none;display:inline-flex}.primary-button{background:var(--brand);color:var(--surface)}.primary-button:hover,.primary-button:focus-visible{background:var(--brand-strong)}.secondary-button{border:1px solid var(--brand);background:var(--surface);color:var(--brand)}.secondary-button:hover,.secondary-button:focus-visible{background:var(--brand-soft)}.ghost-button,.notice-button{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft)}.ghost-button:hover,.notice-button:hover,.icon-button:hover,.menu-row:hover{border-color:var(--line-strong);background:var(--surface-soft)}.danger-button{background:var(--danger);color:var(--surface);margin-top:12px}.danger-button:hover,.danger-button:focus-visible{background:var(--danger-strong)}.inline-danger{margin-top:0}.tab-button:hover:not([aria-current=page]){border-color:var(--line-strong);background:var(--surface-soft)}.primary-button:active,.secondary-button:active,.ghost-button:active,.danger-button:active,.notice-button:active,.tab-button:active,.menu-row:active{transform:translateY(1px)}.compact{min-height:36px;padding:7px 10px}.toast{z-index:20;justify-content:space-between;margin-bottom:12px;position:sticky;top:10px;box-shadow:0 8px 20px oklch(26% .04 150/.14)}.overlay{z-index:40;background:oklch(22% .03 155/.42);place-items:end center;padding:18px;display:grid;position:fixed;inset:0}.flow-panel{background:var(--surface);border-radius:8px;width:min(100%,520px);max-height:calc(100vh - 36px);padding:18px;overflow:auto;box-shadow:0 24px 70px oklch(18% .03 155/.28)}.flow-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.icon-button{background:var(--surface-soft);width:44px;height:44px;color:var(--ink-soft);border-radius:8px;place-items:center;display:inline-grid}.flow-body,.mini-form,.field-stack{gap:10px;display:grid}.flow-body label,.field-stack,.mini-form label{color:var(--ink-soft);font-weight:700}input,textarea,select{background:var(--surface);width:100%;color:var(--ink);border:1px solid oklch(83% .02 130);border-radius:8px;min-height:44px;padding:12px}textarea{resize:vertical;min-height:92px}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.flow-amount-summary{border:1px solid var(--line);background:var(--surface-soft);color:var(--ink);font-variant-numeric:tabular-nums;border-radius:8px;margin:0;padding:12px;font-size:1.25rem;font-weight:700}.error-message{background:var(--danger-soft);color:var(--danger);border:1px solid oklch(75% .08 30);border-radius:8px;padding:10px 12px}.item-list{gap:12px;display:grid}.list-row{border:1px solid var(--line);border-radius:8px;gap:12px;padding:14px;display:grid}.menu-row{border-color:var(--line);text-align:left;background:var(--surface);width:100%;color:var(--ink);grid-template-columns:minmax(0,1fr) auto;align-items:center}.menu-row svg{color:var(--brand)}.menu-row span{gap:4px;display:grid}.menu-row span span{color:var(--muted);font-weight:500}.compact-row{grid-template-columns:1fr auto;align-items:center}.compact-row>div,.list-row>div{min-width:0}.row-title{overflow-wrap:anywhere;margin:0 0 4px;font-weight:700}.row-meta{color:var(--muted);margin:0}.inline-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.mini-form{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.mini-form h3{margin:0}.advanced-deadlines{border-top:1px solid var(--line);gap:12px;margin-top:18px;padding-top:18px;display:grid}.advanced-deadlines-panel{gap:0;display:grid}.advanced-deadlines-panel .mini-form:first-child{margin-top:0}.disclosure-button{justify-content:flex-start}.detail-box{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;gap:10px;padding:12px;display:grid}.confirm-box{background:var(--danger-soft);color:var(--danger);border:1px solid oklch(75% .08 30);border-radius:8px;gap:12px;margin-top:12px;padding:14px;display:grid}.confirm-box p{margin:0;font-weight:700}.obligation-list,.classify-row{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.activation-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.activation-list li{border:1px solid var(--line);color:var(--ink-soft);border-radius:8px;padding:10px 12px}.activation-list .activation-done{background:var(--money-soft);color:var(--money);border-color:oklch(78% .08 150);font-weight:700}.obligation-list h3{margin:0 0 8px}.classify-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.classify-row span{overflow-wrap:anywhere}.breakdown{border:1px solid var(--line);border-radius:8px;margin:14px 0;padding:14px}.breakdown p{margin:0 0 10px;font-weight:700}.breakdown dl{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;display:grid}.breakdown div{min-width:0}.breakdown dt{color:var(--muted);font-size:.85rem}.breakdown dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:4px 0 0;font-weight:700}.checkbox-row{align-items:center;gap:10px;font-weight:700;display:flex}.checkbox-row input{width:20px;min-height:20px}@media (width<=760px){.app-shell{padding:14px}.topbar{display:grid}.topbar h1{font-size:1.55rem}.sync-pill{justify-self:start}.tab-button{min-height:48px}.surface{padding:14px}.surface-heading{display:grid}.summary-grid,.breakdown dl{grid-template-columns:1fr}.today-surface .metric+.metric{border-top:1px solid var(--line);border-left:0}.primary-actions,.row-actions,.inline-form,.compact-row,.classify-row{grid-template-columns:1fr;display:grid}.overlay{padding:0}.flow-panel{border-radius:8px 8px 0 0;max-height:92vh}}@media (prefers-reduced-motion:reduce){button,a,input,textarea,select{transition:none}.primary-button:active,.secondary-button:active,.ghost-button:active,.danger-button:active,.notice-button:active,.tab-button:active,.menu-row:active{transform:none}}