:root{--bg: #f3f5f2;--surface: #ffffff;--surface-muted: #f6f8f6;--segment-bg: #e2e7e3;--hover: #e8ede9;--border: #dce2dd;--divider: #edf1ee;--dashed: #b9c3bc;--ink: #16201b;--ink-2: #3e4a44;--ink-3: #55615a;--primary: #0b5d4b;--primary-hover: #08463a;--primary-soft: #e3efea;--on-primary-muted: #cfe4dc;--warn: #8a3a0c;--warn-strong: #c2410c;--warn-ink: #5e2608;--warn-bg: #fbebdd;--warn-border: #f0c9a6;--info-ink: #1f3f6b;--info-bg: #e8f0f8;--due-ink: #2f4a75;--due-bg: #eef1f7;--class-debt: #2f5d9e;--class-expense: #0b5d4b;--class-ours: #9a6a12;--class-subscription: #6a4c93;--font-sans: "IBM Plex Sans", "Helvetica Neue", sans-serif;--font-display: "Bricolage Grotesque", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--radius-sm: 8px;--radius: 10px;--radius-card: 14px;--radius-hero: 18px;--gutter: clamp(16px, 4vw, 48px)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--primary)}a:hover{color:var(--primary-hover)}button,input,select,textarea{font:inherit;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}h1,h2,h3{margin:0}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.display{font-family:var(--font-display);letter-spacing:-.02em}.page-title{font-family:var(--font-display);font-weight:700;font-size:36px;letter-spacing:-.02em;line-height:1.1}@media(max-width:767.98px){.page-title{font-size:30px}}.section-title{font-family:var(--font-display);font-size:22px;font-weight:700}@media(max-width:767.98px){.section-title{font-size:20px}}.muted{color:var(--ink-3)}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.card{padding:22px 24px;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border)}@media(max-width:767.98px){.card{padding:16px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--ink);font-weight:600;text-decoration:none;cursor:pointer}.btn:hover{color:var(--ink);background:var(--surface-muted)}.btn:disabled{cursor:not-allowed;color:var(--ink-3);background:var(--bg)}.btn-primary{border-color:transparent;background:var(--primary);color:#fff}.btn-primary:hover{color:#fff;background:var(--primary-hover)}.btn-primary:disabled{border-color:var(--border);background:var(--bg);color:var(--ink-3)}.btn-link{min-height:44px;padding:0;border:0;background:none;color:var(--primary);font-weight:600;cursor:pointer}.btn-block{width:100%}.pill{display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;font-weight:600;white-space:nowrap}.pill-ok{background:var(--primary-soft);color:var(--primary)}.pill-due{background:var(--due-bg);color:var(--due-ink)}.pill-warn{background:var(--warn-bg);color:var(--warn)}.pill-info{background:var(--info-bg);color:var(--info-ink)}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:14px;font-weight:600}.input{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.input[aria-invalid=true]{border-color:var(--warn-strong)}.field-error{font-size:13px;color:var(--warn)}.alert-warn{padding:12px 16px;border-radius:12px;background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-ink);font-size:14px}.note-info{margin:0;padding:12px 16px;border-radius:12px;background:var(--info-bg);color:var(--info-ink);font-size:14px}.page{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:24px}@media(max-width:767.98px){.page{gap:14px}}