:root{--bg:#f6f7f9;--card:#fff;--text:#1c2024;--muted:#6b7280;--border:#e3e6ea;--accent:#2563eb;--pos:#15803d;--neg:#c2410c;--pos-bg:#ecfdf3;--neg-bg:#fff4ed;--today:#eff4ff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}@media (prefers-color-scheme:dark){:root{--bg:#111317;--card:#1a1d22;--text:#e6e8eb;--muted:#9aa1ab;--border:#2c3138;--accent:#7aa2ff;--pos:#4ade80;--neg:#fb923c;--pos-bg:#13261b;--neg-bg:#2b1c12;--today:#1b2338;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}main{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 3rem}h1{margin:0;font-size:1.5rem}h2{margin:0;font-size:1.1rem}h3{margin:1.25rem 0 .25rem;font-size:1rem}.muted{color:var(--muted)}.small{font-size:.85rem}.pos{color:var(--pos)}.neg{color:var(--neg)}.num{font-variant-numeric:tabular-nums;text-align:right}input,button{font:inherit;color:inherit;background:var(--card);border:1px solid var(--border);border-radius:6px;padding:.3rem .5rem}button{cursor:pointer}button:hover{border-color:var(--accent)}button.link{color:var(--accent);background:0 0;border:none;padding:.3rem}button.link.danger{color:var(--neg)}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input.invalid{border-color:var(--neg);background:var(--neg-bg)}.app-header{justify-content:space-between;align-items:baseline;margin-bottom:1rem;display:flex}.save-state{color:var(--muted);font-size:.85rem}.save-state.saved{color:var(--pos)}.save-state.error{color:var(--neg);font-weight:600}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:1rem;padding:1rem 1.25rem}.top{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:1rem;display:grid}@media (width<=820px){.top{grid-template-columns:1fr}}.week-nav{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.week-nav h2{flex:0 auto}.days{flex-direction:column;display:flex}.day{border-top:1px solid var(--border);grid-template-columns:6.5rem auto minmax(0,1fr) 6.5rem;align-items:center;gap:.75rem;padding:.4rem .5rem;display:grid}.day.today{background:var(--today);border-radius:6px}.day.weekend .day-name{color:var(--muted)}.day-figures{text-align:right;white-space:nowrap}@media (width<=640px){.day{grid-template-columns:1fr auto}.day-input{grid-column:1/-1}}.mode-toggle{display:inline-flex}.mode-toggle button{border-radius:0;padding:.25rem .5rem;font-size:.8rem}.mode-toggle button:first-child{border-radius:6px 0 0 6px}.mode-toggle button:last-child{border-radius:0 6px 6px 0}.mode-toggle button+button{border-left:none}.mode-toggle button.active{background:var(--accent);color:#fff;border-color:var(--accent)}input.duration{width:6.5rem}input.note{width:100%;max-width:18rem}.range{flex-wrap:wrap;align-items:center;gap:.35rem;display:inline-flex}.range label{color:var(--muted);align-items:center;gap:.3rem;display:inline-flex}input.break{width:4.5rem}.week-total{border-top:2px solid var(--border);flex-wrap:wrap;gap:1.5rem;margin-top:.25rem;padding-top:.75rem;display:flex}.week-total div{flex-direction:column;display:flex}.week-total strong{font-variant-numeric:tabular-nums;font-size:1.1rem}.week-total .pos strong{color:var(--pos)}.week-total .neg strong{color:var(--neg)}.balance{flex-direction:column;gap:.25rem;display:flex}.balance.pos{background:var(--pos-bg)}.balance.neg{background:var(--neg-bg)}.balance-value{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700}.balance.pos .balance-value{color:var(--pos)}.balance.neg .balance-value{color:var(--neg)}.table-wrap{margin-top:.5rem;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:.4rem .6rem}th{color:var(--muted);font-size:.85rem;font-weight:600}th.num,td.num{text-align:right}tbody tr{cursor:pointer}tbody tr:hover{background:var(--today)}tbody tr.selected{background:var(--today);font-weight:600}.settings summary{cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:1rem;display:flex}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1rem;display:grid}.settings-grid>label{flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}fieldset{border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;gap:.5rem;display:flex}label.check{align-items:center;gap:.2rem;display:inline-flex}.periods{flex-direction:column;gap:.4rem;margin:.5rem 0;padding:0;list-style:none;display:flex}.periods li{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.periods input[type=number]{width:4.5rem}.app-header .user{align-items:baseline;gap:.25rem;display:flex}.app-header .save-state{margin-left:auto;margin-right:1rem}.login{justify-content:center;padding-top:12vh;display:flex}.login form{flex-direction:column;gap:.9rem;width:100%;max-width:22rem;display:flex}.login label{flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.login p{margin:0}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;padding:.5rem}button:disabled{opacity:.6;cursor:default}.account summary{cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:1rem;display:flex}.account>button,.danger-zone{margin-top:1rem}.danger-zone{flex-direction:column;gap:.75rem;max-width:28rem;display:flex}.danger-zone p{margin:0}.danger-zone label{flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.danger-zone .actions{gap:.5rem;display:flex}button.danger{background:var(--neg);border-color:var(--neg);color:#fff}button.danger-outline{color:var(--neg);border-color:var(--neg)}.login h2{font-size:1rem}.login .hint{margin-top:-.6rem}