:root{--ink: #1A1714;--ink-soft: #6E6459;--paper: #FFFCF6;--card: #FFFFFF;--line: #E8E0D4;--brand: #F2914A;--brand-deep: #B95E19;--go: #146B4A;--alert: #B4321F;--display: "Bricolage Grotesque", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}a{color:var(--brand-deep)}input:focus-visible,button:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.wrap{max-width:760px;margin:0 auto;padding:22px 16px 60px}.wrap.narrow{max-width:380px;padding-top:60px}.top{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.top>div{flex:1;min-width:0}.brand{font-family:var(--display);font-weight:800;font-size:clamp(26px,6vw,34px);margin:0;letter-spacing:-.02em}.sub{color:var(--ink-soft);font-size:14px;margin:4px 0 0;line-height:1.5}label.f{display:block;font-size:13px;font-weight:700;color:var(--ink-soft);margin:16px 0 5px}input{width:100%;padding:13px;font-size:16px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:inherit}button.primary{width:100%;margin-top:20px;padding:15px;border:0;border-radius:12px;background:var(--ink);color:var(--paper);font-size:16px;font-weight:700}button.primary:disabled{opacity:.45}button.ghost{background:none;border:1px solid var(--line);border-radius:10px;padding:9px 14px;color:var(--ink-soft);font-weight:600}.err{margin-top:12px;color:var(--alert);font-size:14px;font-weight:600}.note{color:var(--ink-soft);font-size:13px;line-height:1.6;margin-top:22px}.seg{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.seg button{border:1px solid var(--line);background:var(--card);color:var(--ink-soft);border-radius:999px;padding:8px 15px;font-size:14px;font-weight:700}.seg button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.card.big{grid-column:span 2}.card .label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.card .value{font-family:var(--mono);font-size:26px;margin-top:4px;line-height:1.15}.card.big .value{font-size:34px}.card .csub{font-size:12.5px;color:var(--ink-soft);margin-top:3px}.days{width:100%;border-collapse:collapse;margin-top:8px}.days td{padding:9px 0;border-top:1px solid var(--line);vertical-align:middle}.days .date{font-size:13.5px;color:var(--ink-soft);white-space:nowrap;padding-right:12px}.days .bar{width:45%}.days .bar span{display:block;height:9px;border-radius:999px;background:var(--brand)}.days .n{font-family:var(--mono);font-size:13px;color:var(--ink-soft);text-align:right;padding:0 12px}.days .amt{font-family:var(--mono);font-size:15px;text-align:right;white-space:nowrap}.dates{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 16px}.dates label{flex:1;min-width:150px;font-size:12.5px;color:var(--ink-soft);font-weight:700}.dates input{margin-top:5px;padding:11px 12px;font-size:15px}.days tr.row{cursor:pointer}.days tr.row.open .date{font-weight:700;color:var(--ink)}.days td.detail{padding:4px 0 14px}.pairs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px 16px}.pairs span{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;color:var(--ink-soft);border-bottom:1px dotted var(--line);padding:5px 0}.pairs b{font-family:var(--mono);color:var(--ink);font-weight:500}.pairs.pay{margin-top:8px}.pairs.pay span{text-transform:capitalize}
