:root{color-scheme:light;--bg: #f3f1eb;--card: #fffdf8;--ink: #1c2420;--muted: #5d6b64;--line: #d9d4c8;--accent: #1f6f54;--accent-ink: #fff;--in: #1f6f54;--out: #3d4a45;--break: #9a6700;--lunch: #b54708;--off: #3d5a80;--danger: #b42318;font-family:Segoe UI,system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(circle at top,#e7efe8,transparent 28rem),var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app,.auth{max-width:42rem;margin:0 auto;padding:1.25rem 1rem 5rem}.auth{min-height:100vh;display:grid;align-items:center}.auth-card,.panel,.status-card,.total-card{background:var(--card);border:1px solid var(--line);border-radius:1.1rem;padding:1.15rem;box-shadow:0 10px 30px #1c24200d}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--accent);font-weight:700}h1,h2,h3{margin:.2rem 0 .4rem}.lede,.muted,.hint{color:var(--muted)}.hint,.muted{font-size:.92rem}header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}header h1{font-size:1.45rem}nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:.5rem;margin-bottom:1rem}nav button,.segmented button,.row-actions button,.modal-actions button,header button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.7rem .9rem}.row-actions button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}nav button.active,.segmented button.active,.active-link{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.panel{display:grid;gap:1rem}form,.auth-card form{display:grid;gap:.75rem}label{display:grid;gap:.35rem;font-size:.92rem;font-weight:600}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:.75rem;padding:.75rem .8rem;background:#fff}.primary,.punch-grid button{border:0;border-radius:1rem;padding:1rem;font-size:1.05rem;font-weight:700;color:#fff}.primary,.punch-in{background:var(--in)}.punch-out{background:#b42318}.punch-grid{display:grid;gap:.65rem}.punch-grid button{display:flex;align-items:center;justify-content:center;gap:.7rem}.punch-icon{width:1.7rem;height:1.7rem;flex-shrink:0}.view-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:1px solid var(--line);border-radius:1rem;background:#fff}.toggle-copy{margin:0;display:grid;gap:.15rem}.toggle-copy span{color:var(--muted);font-weight:400;font-size:.9rem}.switch{width:3.2rem;height:1.85rem;border-radius:999px;border:0;background:#c8d0cb;padding:.18rem;flex-shrink:0}.switch.on{background:var(--accent)}.switch .knob{display:block;width:1.5rem;height:1.5rem;border-radius:50%;background:#fff;transition:transform .15s ease}.switch.on .knob{transform:translate(1.35rem)}.person-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;width:100%;border:0;background:transparent;padding:0;text-align:left;border-radius:0}.person-row span{display:grid;gap:.2rem}.attention-list{list-style:none;margin:.65rem 0 0;padding:.65rem 0 0;border-top:1px solid var(--line);display:grid;gap:.35rem;color:var(--danger);font-size:.92rem}.punch-break{background:var(--break)}.punch-lunch{background:var(--lunch)}.punch-off{background:var(--off)}.hours-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.hours-pill{display:inline-block;margin:0;padding:.25rem .7rem;border-radius:999px;background:#eef6f1;font-weight:700}.day-list li.today{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}button.text-link{border:0;background:transparent;padding:0;color:inherit;font:inherit;text-align:left;border-radius:0}.export-box,.reset-box{display:grid;gap:.75rem}.add-user-card{background:#eef6f1;border:1px solid #cfe3d6;border-radius:1.1rem;padding:1.15rem;display:grid;gap:.75rem}.export-dates{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}button:disabled{opacity:.45;cursor:not-allowed}.user-list li{align-items:flex-start}.reset-box{width:100%;margin-top:.5rem}.status-card h2,.total-card h2{font-size:2rem}.punch-list,.day-list,.report-list,.user-list,.mini-punches{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.punch-list button,.report-list li,.user-list li,.day-list li{width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:.9rem;padding:.85rem}.punch-list button{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.person-row em{color:var(--lunch);font-style:normal;font-size:.85rem}.notice,.error{color:var(--danger)}.notice{background:#fff4f2;border:1px solid #f0c7c2;border-radius:.8rem;padding:.75rem .9rem}.segmented,.row-actions,.modal-actions,.day-head,.user-list li{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;justify-content:space-between}.report-list li{display:grid;gap:.35rem}.day-head{margin-bottom:.35rem}.mini-punches{color:var(--muted);font-size:.92rem}.modal-backdrop{position:fixed;inset:0;background:#1c242073;display:grid;align-items:end;padding:1rem}.modal{background:var(--card);border-radius:1.1rem 1.1rem 0 0;padding:1.1rem;display:grid;gap:.75rem}@media(min-width:640px){.modal-backdrop{align-items:center}.modal{border-radius:1.1rem;max-width:28rem;width:100%;margin:0 auto}}