:root{--bg:#f4f6f8;--surface:#fff;--text:#16202a;--muted:#637083;--border:#dde3ea;--primary:#1f6feb;--primary-text:#fff;--ok:#1a7f4b;--ok-bg:#e3f5ea;--warn:#a15c00;--warn-bg:#fff1d6;--error:#b42318;--error-bg:#fde8e6;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f151b;--surface:#18212a;--text:#e8edf2;--muted:#93a0af;--border:#2a3643;--primary:#4c8dff;--primary-text:#0b1118;--ok:#5fd196;--ok-bg:#12301f;--warn:#f0b34a;--warn-bg:#3a2a0c;--error:#ff8a80;--error-bg:#3b1816}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3{margin:0 0 .5rem;line-height:1.2}h1{font-size:1.5rem}h2{font-size:1.1rem}h3{font-size:1rem}p{margin:.25rem 0 .75rem}code{background:var(--bg);border-radius:4px;padding:.1em .35em}.muted{color:var(--muted)}.small{font-size:.875rem}.right{text-align:right}.mono{font-variant-numeric:tabular-nums}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:5;position:sticky;top:0}.topbar-inner{align-items:center;gap:.75rem;max-width:960px;margin:0 auto;padding:.6rem 16px;display:flex}.spacer{flex:1}.tabs{gap:.25rem;max-width:960px;margin:0 auto;padding:0 16px;display:flex;overflow-x:auto}.tabs button{color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;padding:.6rem .9rem}.tabs button.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.page{max-width:960px;margin:0 auto;padding:16px}.stack{gap:16px;display:grid}.auth{place-items:center;min-height:100vh;padding:16px;display:grid}.auth .card{gap:.75rem;width:100%;max-width:380px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;overflow-x:auto}label{color:var(--muted);gap:.25rem;font-size:.875rem;display:grid}input,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;min-width:0;padding:.55rem .7rem}input:focus-visible,select:focus-visible,.btn:focus-visible,.tabs button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.55rem 1rem;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary);color:var(--primary-text)}.btn.secondary{color:var(--text);border-color:var(--border);background:0 0}.btn.link{color:var(--primary);background:0 0;padding:.25rem .5rem}.btn.danger{color:var(--error)}.btn.icon{border-color:var(--border);color:var(--text);background:0 0;padding:.2rem .7rem}.btn.big{flex:200px;padding:1rem 1.5rem;font-size:1.1rem}.small-btn{padding:.3rem .7rem;font-size:.875rem}.alert{border-radius:8px;margin:.5rem 0;padding:.6rem .8rem;font-size:.9rem}.alert.error{background:var(--error-bg);color:var(--error)}.alert.ok{background:var(--ok-bg);color:var(--ok)}.alert.warn{background:var(--warn-bg);color:var(--warn)}.clock{text-align:center;justify-items:center;gap:.5rem;display:grid}.clock .time{font-variant-numeric:tabular-nums;font-size:clamp(2.5rem,12vw,4.5rem);font-weight:700;line-height:1}.clock .actions{flex-wrap:wrap;gap:12px;width:100%;margin-top:.5rem;display:flex}.clock p{text-transform:capitalize;margin:0}.clock p.muted:last-child{text-transform:none}.badge{background:var(--bg);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.15rem .7rem;font-size:.8rem;font-weight:600;display:inline-block}.badge.working{background:var(--ok-bg);color:var(--ok)}.badge.break{background:var(--warn-bg);color:var(--warn)}.tag{background:var(--bg);color:var(--muted);border:1px solid var(--border);border-radius:999px;margin-left:.5rem;padding:.05rem .45rem;font-size:.7rem;font-style:normal}.tag.warn{background:var(--warn-bg);color:var(--warn);border-color:#0000}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--muted);font-size:.8rem;font-weight:600}th,td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.55rem .5rem}th.num{text-align:right}tr.clickable{cursor:pointer}tr.clickable:hover,tr.detail td{background:var(--bg)}.entries{margin:0;padding:0;list-style:none}.entries li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem 0;display:flex}.entries li:last-child{border-bottom:0}.entries li.voided{color:var(--muted);text-decoration:line-through}.entries li.voided .small{text-decoration:none;display:inline-block}.row{align-items:center;gap:.5rem;display:flex}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.month{text-align:center;text-transform:capitalize;min-width:9rem}.filters{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:.75rem 0;display:grid}.manual{background:var(--bg);border-radius:8px;gap:.75rem;margin-bottom:1rem;padding:12px;display:grid}.manual .filters{margin:0}.manual input,.manual select{background:var(--surface)}.stats{gap:24px;margin:.5rem 0 1rem;display:flex}.stats div{display:grid}.stats strong{font-size:1.6rem;line-height:1.1}.stats span{color:var(--muted);font-size:.8rem}@media (width<=600px){.hide-sm{display:none}.card{padding:14px}}