:root{font:16px system-ui;color:#17201b;background:#eef2ed}*{box-sizing:border-box}body{margin:0}main{max-width:600px;margin:auto;padding:24px 16px}header,.week-nav{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:.72rem;letter-spacing:.18em;color:#547060;margin:0}h1{margin:.2rem 0 1.5rem}.week-nav{margin:0 0 12px}.week-nav strong{font-size:.95rem}.week-nav button{font-size:1.4rem;line-height:1;padding:8px 14px}.balance,form,.day{background:#fff;border-radius:18px;padding:20px;box-shadow:0 4px 18px #1b33220d}.balance{background:#163c2a;color:white;margin-bottom:14px}.balance span,.balance small{display:block;opacity:.75}.balance>strong{font-size:2.25rem;display:block;margin:.3rem 0}.balance-tabs{display:flex;gap:4px;margin:0 0 16px}.balance-tabs button{padding:7px 12px;background:#ffffff1c;color:#fff}.balance-tabs button[aria-pressed=true]{background:#fff;color:#173c2a}.day{margin:10px 0;display:grid;grid-template-columns:1fr auto;gap:6px 12px}.day.vacation{background:#f8f0dc}.day h3,.day p{margin:0}.day .time{font-weight:650}.day small{color:#65736b}.day button{grid-row:1/3;grid-column:2;align-self:center}.empty{text-align:center;color:#65736b;padding:28px 10px}button{border:0;border-radius:10px;padding:10px 14px;background:#dbe8df;color:#173c2a;font-weight:650}button:disabled{opacity:.35}form{display:grid;gap:14px}label{display:grid;gap:5px}#time-fields{display:grid;gap:14px}.vacation-toggle{display:flex;align-items:center;gap:10px;font-weight:650}.vacation-toggle input{width:20px;height:20px}.disabled{opacity:.45}.error{color:#a21f2b}.actions{display:flex;justify-content:flex-end;gap:8px}input{font:inherit;padding:11px;border:1px solid #b8c5bd;border-radius:9px}dialog{border:0;border-radius:18px;padding:0;width:min(92vw,420px)}dialog::backdrop{background:#14251c99}[hidden]{display:none!important}