:root{--bg: #f4f5f7;--surface: #ffffff;--surface-2: #eef0f3;--border: #d9dde3;--text: #1a1d21;--text-muted: #6b7280;--accent: #2f6df6;--accent-text: #ffffff;--danger: #c2410c;--ok: #15803d;--overdue-bg: #fff1f0;--overdue-border: #f5a3a0;--radius: 14px;--gap: 16px;--tap: 48px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{-webkit-text-size-adjust:100%;line-height:1.45}h1,h2,h3{margin:0 0 .4em;line-height:1.2}.page{max-width:720px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px calc(32px + env(safe-area-inset-bottom))}button{font:inherit;cursor:pointer;min-height:var(--tap);padding:0 18px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);transition:filter .12s ease,opacity .12s ease}button:active{filter:brightness(.94)}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-text);border-color:transparent;font-weight:600}.btn-danger{background:var(--surface);color:var(--danger);border-color:var(--overdue-border)}.btn-block{width:100%}input,textarea{font:inherit;width:100%;min-height:var(--tap);padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text)}textarea{resize:vertical;line-height:1.5}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}label{display:block;font-weight:600;margin-bottom:6px}.field{margin-bottom:var(--gap)}.muted{color:var(--text-muted)}.error{color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}