:root{--brand-50:#f0f4ff;--brand-100:#e0e7ff;--brand-600:#465df6;--brand-700:#293690;--brand-900:#1e1b4b;--success-50:#f0fdf4;--success-200:#bbf7d0;--success-700:#15803d;--warning-50:#fffbeb;--warning-200:#fde68a;--warning-700:#b45309;--danger-50:#fef2f2;--danger-200:#fecaca;--danger-700:#b91c1c;--surface:#fff;--surface-subtle:#f9fafb;--border:#eef0f4;--text-primary:#111827;--text-secondary:#374151;--text-muted:#6b7280;--shadow-sm:0 1px 3px 0 rgba(0,0,0,.08);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.08)}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;color:var(--text-secondary);background:var(--surface-subtle);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}.header{background:linear-gradient(160deg,var(--brand-700) 0,var(--brand-900) 100%);color:#fff;padding:48px 32px 64px}.header__inner{max-width:880px;margin:0 auto}.header__eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:hsla(0,0%,100%,.65);margin-bottom:8px}.header__title{font-size:28px;font-weight:700;letter-spacing:-.01em}.header__subtitle{font-size:14px;color:hsla(0,0%,100%,.75);margin-top:8px}.main{max-width:880px;margin:-40px auto 0;padding:0 32px 64px}.section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px 28px;box-shadow:var(--shadow-xl);margin-bottom:24px}.month-list{display:flex;flex-direction:column;gap:16px}.month-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px 28px;box-shadow:var(--shadow-xl);display:grid;grid-template-columns:1fr auto auto;align-items:center;grid-gap:24px;gap:24px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.month-card:hover{transform:translateY(-1px);border-color:var(--brand-100)}.month-card__label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-600);margin-bottom:6px}.month-card__period{font-size:18px;font-weight:600;color:var(--text-primary)}.month-card__meta{font-size:13px;color:var(--text-muted);margin-top:4px;font-family:SF Mono,Monaco,monospace}.month-card__actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill--paid{background:var(--success-50);border-color:var(--success-200);color:var(--success-700)}.status-pill--pending{background:var(--warning-50);border-color:var(--warning-200);color:var(--warning-700)}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:600;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.btn:hover{background:var(--surface-subtle);border-color:var(--brand-100)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.btn--primary:hover{background:var(--brand-700);border-color:var(--brand-700)}.form-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.form-field input,.form-field select{padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-size:14px;font-family:inherit;background:var(--surface);color:var(--text-primary)}.form-field input:focus,.form-field select:focus{outline:none;border-color:var(--brand-600)}.toast{margin-top:16px;padding:12px 16px;border-radius:10px;font-size:13px;border:1px solid transparent}.toast--ok{background:var(--success-50);border-color:var(--success-200);color:var(--success-700)}.toast--err{background:var(--danger-50);border-color:var(--danger-200);color:var(--danger-700)}.toast--info{background:var(--brand-50);border-color:var(--brand-100);color:var(--brand-700)}.toast pre{margin-top:8px;font-family:SF Mono,Monaco,monospace;font-size:12px;white-space:pre-wrap;word-break:break-word}.footer{max-width:880px;margin:0 auto;padding:24px 32px 48px;font-size:12px;color:var(--text-muted);text-align:center}@media (max-width:600px){.month-card{grid-template-columns:1fr}.status-pill{justify-self:flex-start}.month-card__actions{justify-content:flex-start}.header{padding:32px 24px 56px}.header__title{font-size:22px}.main{padding:0 24px 48px}}