@charset "UTF-8";:root{--app-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--app-radius: 6px;--app-bg: #f5f6f8;--app-surface: #ffffff;--app-surface-hover: #f2f4f7;--app-surface-selected: #e8f0fe;--app-border: #d0d5dd;--app-border-subtle: #eaecf0;--app-text: #1d2939;--app-text-muted: #667085;--app-primary: #2563eb;--app-primary-text: #ffffff;--app-danger: #d92d20;--app-danger-soft: #fef3f2;--app-success: #067647;--app-success-soft: #ecfdf3;--app-focus: rgba(37, 99, 235, .25);--chart-1: #2a78d6;--chart-2: #eb6834;--chart-3: #1baf7a;--chart-5: #e87ba4}@media (prefers-color-scheme: dark){:root{--app-bg: #0f1115;--app-surface: #181b21;--app-surface-hover: #20242c;--app-surface-selected: #1e2a44;--app-border: #343a46;--app-border-subtle: #262b34;--app-text: #e6e8ec;--app-text-muted: #98a2b3;--app-primary: #4f8cff;--app-danger: #f97066;--app-danger-soft: #3a1d1b;--app-success: #47cd89;--app-success-soft: #14301f;--app-focus: rgba(79, 140, 255, .3);--chart-1: #3987e5;--chart-2: #d95926;--chart-3: #199e70;--chart-5: #d55181}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--app-font);font-size:14px;color:var(--app-text);background:var(--app-bg)}.btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;font:inherit;font-size:13px;font-weight:500;color:var(--app-text);background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius);text-decoration:none;cursor:pointer}.btn:hover:not(:disabled){background:var(--app-surface-hover)}.btn:focus-visible{outline:0;box-shadow:0 0 0 3px var(--app-focus)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{color:var(--app-primary-text);background:var(--app-primary);border-color:var(--app-primary)}.btn--primary:hover:not(:disabled){background:var(--app-primary);filter:brightness(1.08)}.btn--danger{color:var(--app-danger)}.btn--small{height:28px;padding:0 10px;font-size:12px}.app-logo{display:block;height:auto;aspect-ratio:452/476}@media (prefers-color-scheme: dark){.app-logo{padding:4%;border-radius:50%;background:#fff}}.badge-row{display:inline-flex;flex-wrap:wrap;gap:4px}.why-disabled{position:relative;display:inline-flex}.why-disabled[data-reason]{cursor:not-allowed}.why-disabled[data-reason]>button:disabled{pointer-events:none}.why-disabled[data-reason]:hover:after{content:attr(data-reason);position:absolute;right:0;bottom:calc(100% + 8px);z-index:20;width:max-content;max-width:min(320px,100vw - 32px);padding:8px 10px;border-radius:var(--app-radius);background:var(--app-text);color:var(--app-surface);font-size:12px;font-weight:400;line-height:1.5;text-align:left;white-space:pre-line;box-shadow:0 4px 16px #0000002e;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.page-title{margin:0 0 16px;font-size:22px}.period-note{margin:-8px 0 16px;color:var(--app-text-muted)}.period-note strong{color:var(--app-text)}.period-note a{color:var(--app-primary)}.alert{margin:0 0 12px;padding:10px 12px;border-radius:var(--app-radius);color:var(--app-danger);background:var(--app-surface);border:1px solid var(--app-danger)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap;color:var(--app-text-muted);background:var(--app-surface-hover)}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge--success{color:var(--app-success);background:var(--app-success-soft)}.badge--danger{color:var(--app-danger);background:var(--app-danger-soft)}.badge--info{color:var(--app-primary);background:var(--app-surface-selected)}.form-card{max-width:720px;padding:20px;background:var(--app-surface);border:1px solid var(--app-border-subtle);border-radius:var(--app-radius)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.user-payments{margin-top:16px}.user-payments__title{margin-top:0}.form-section{margin:20px 0 10px;font-size:14px;font-weight:600}.form-grid+.form-grid{margin-top:16px}.form-note{margin:16px 0 0;padding:10px 12px;border-radius:var(--app-radius);color:var(--app-text-muted);background:var(--app-surface-hover)}.form-note strong{color:var(--app-text)}.form-card>.form-note:first-child{margin:0 0 16px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.mark-paid__who{margin:0 0 12px;font-weight:500}.mark-paid__hint{margin:12px 0 0;font-size:13px;color:var(--app-text-muted)}.list-filter{flex:1 1 140px;min-width:130px}.user-payments__head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}.user-payments__head .form-section{margin:0}.mark-paid__fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:12px}.user-payments__add{margin-left:auto}