:root{--ground:#f4f6f5;--surface:#fff;--ink:#14201d;--muted:#5d6d69;--line:#dde3e1;--accent:#0e6252;--accent-ink:#fff;--danger:#8b3a34;--danger-soft:#fbeceb;--radius:10px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--ground:#0f1413;--surface:#171e1c;--ink:#e8edeb;--muted:#96a5a0;--line:#28322f;--accent:#5cbba3;--accent-ink:#0f1413;--danger:#d79089;--danger-soft:#2c1c1a}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ground);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}.shell{max-width:560px;margin:0 auto;padding:24px 20px 64px}.top{justify-content:space-between;align-items:center;gap:16px;padding:8px 0 24px;display:flex}.brand{letter-spacing:-.01em;font-size:.95rem;font-weight:600}.brand span{color:var(--muted);font-size:.8rem;font-weight:400;display:block}.linkish{font:inherit;color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:.85rem;text-decoration:underline}h1{letter-spacing:-.02em;margin:0 0 8px;font-size:1.5rem;line-height:1.2}.lede{color:var(--muted);margin:0 0 28px;font-size:.95rem}form.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:16px;padding:20px;display:grid}label{gap:6px;font-size:.85rem;font-weight:500;display:grid}input{font:inherit;border:1px solid var(--line);background:var(--ground);color:var(--ink);border-radius:8px;padding:12px 14px;font-size:16px}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hint{color:var(--muted);font-size:.8rem;font-weight:400}button.primary{font:inherit;background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;border-radius:8px;padding:13px 16px;font-weight:600}button.primary:disabled{opacity:.6;cursor:default}.error{background:var(--danger-soft);border:1px solid var(--danger);color:var(--danger);border-radius:8px;margin:0;padding:12px 14px;font-size:.9rem}.year{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:28px 0 10px;font-size:.8rem;font-weight:600}.year:first-of-type{margin-top:8px}ul.payslips{gap:10px;margin:0;padding:0;list-style:none;display:grid}.payslip{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:inherit;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:flex}.payslip:hover{border-color:var(--accent)}.month{letter-spacing:-.01em;font-weight:600}.meta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:.82rem;display:flex}.amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.new{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-size:.7rem;font-weight:600;display:inline-block}.empty{background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--muted);padding:32px 20px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}