:root{--forest:#12372a;--green:#1f7a55;--mint:#dff5e8;--cream:#f7f4ec;--ink:#17211d;--muted:#68736e;--line:#dce2de;--white:#fff;--red:#a83f3f;--shadow:0 8px 28px rgba(18,55,42,.09)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.topbar{max-width:760px;margin:auto;padding:24px 18px 12px;display:flex;align-items:center;justify-content:space-between}.topbar h1{margin:1px 0 0;font-size:1.55rem}.eyebrow{font-size:.72rem;letter-spacing:.14em;font-weight:800;color:var(--green);margin:0}main{max-width:760px;margin:auto;padding:8px 14px 48px}.card{background:var(--white);border:1px solid rgba(18,55,42,.08);border-radius:22px;padding:20px;margin:12px 0;box-shadow:var(--shadow)}.hero{text-align:center;padding:26px 20px}.hero h2{font-size:1.15rem;margin:8px 0}.muted{color:var(--muted);margin:4px 0}.small{font-size:.86rem}.timer{font-variant-numeric:tabular-nums;font-size:3rem;font-weight:800;letter-spacing:-.04em;margin:20px 0}.clock-btn{width:180px;height:180px;border-radius:50%;border:10px solid var(--mint);background:var(--green);color:white;font-size:1.25rem;font-weight:800;box-shadow:0 10px 30px rgba(31,122,85,.3);cursor:pointer}.clock-btn.out{background:#b7533c;border-color:#f4ded8}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat{background:var(--forest);color:white;border-radius:18px;padding:17px}.stat span{display:block;font-size:.8rem;opacity:.75}.stat strong{display:block;font-size:1.3rem;margin-top:6px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-title h2{font-size:1.2rem;margin:3px 0 10px}.entries:empty:after{content:"No clockings yet today.";display:block;color:var(--muted);padding:20px 0 5px}.entry{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.entry:first-child{border-top:0}.badge{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--mint);color:var(--green);font-weight:900}.badge.out{background:#f4ded8;color:#a44733}.entry strong,.entry span{display:block}.entry .meta{font-size:.8rem;color:var(--muted);margin-top:3px}.entry button{border:0;background:none;color:var(--green);font-weight:700;cursor:pointer;padding:8px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 16px}label{display:block;color:var(--muted);font-size:.8rem;font-weight:700}input,select{width:100%;padding:12px;margin-top:6px;border:1px solid var(--line);border-radius:12px;background:white;color:var(--ink);font:inherit}.report-summary{background:var(--mint);padding:15px;border-radius:14px;display:flex;justify-content:space-between;align-items:center}.report-summary strong{font-size:1.2rem}.report-rows{margin-top:10px}.report-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 3px;border-bottom:1px solid var(--line)}.report-row .detail{font-size:.78rem;color:var(--muted);margin-top:3px}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}button,.file-label{font:inherit}.primary,.secondary,.danger,.file-label{border-radius:12px;padding:11px 14px;font-weight:750;cursor:pointer;text-align:center}.primary{border:0;background:var(--green);color:#fff}.secondary,.file-label{border:1px solid var(--line);background:#fff;color:var(--forest)}.danger{border:1px solid #efcaca;background:#fff;color:var(--red)}.compact{padding:8px 11px;font-size:.83rem}.file-label input{display:none}.warning-card{background:#fff9e7}.warning-card h2{font-size:1rem;margin:0 0 7px}.warning-card p{font-size:.88rem;line-height:1.5;margin:0;color:#6f6548}dialog{border:0;border-radius:20px;padding:0;width:min(92vw,460px);box-shadow:0 30px 80px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(5,20,14,.55)}dialog form{padding:20px}dialog label{margin:12px 0}.icon-btn{border:0;background:none;font-size:1.8rem;cursor:pointer}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}footer{text-align:center;color:var(--muted);font-size:.75rem;padding:5px 10px 30px}@media(max-width:540px){.timer{font-size:2.5rem}.clock-btn{width:155px;height:155px}.actions{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.card{border-radius:18px}.topbar{padding-top:max(22px,env(safe-area-inset-top))}}
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--cream)}.login-page[hidden],#appPage[hidden]{display:none!important}.login-card{width:min(100%,430px);background:var(--white);border-radius:24px;padding:28px;box-shadow:var(--shadow);border:1px solid rgba(18,55,42,.08)}.login-card h1{margin:8px 0 10px}.login-card label{margin-top:24px}.login-button{width:100%;margin-top:16px}.welcome-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.welcome-row strong{font-size:1.05rem}.name-button{border:0;background:transparent;color:var(--green);font-weight:750;cursor:pointer;padding:7px}