:root{--ink:#17212b;--muted:#66717d;--paper:#f4f1e9;--card:#fffdfa;--line:#d9d4c9;--green:#17745b;--green2:#0f5946;--amber:#d39022;--red:#b3433d;--blue:#276d85}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}button,.button,input{font:inherit}.shell,.admin-shell{max-width:1180px;margin:auto;padding:32px}.shell{max-width:880px;min-height:100vh;display:flex;flex-direction:column;justify-content:center}header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}h1{font-size:clamp(2rem,6vw,4rem);line-height:1;margin:.2rem 0 .7rem;letter-spacing:-.045em}h2{margin-top:0}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.18em;color:var(--green)}p{color:var(--muted)}.clock{font-size:clamp(2rem,6vw,4rem);font-weight:750;font-variant-numeric:tabular-nums}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 16px 45px #17212b12}.pin-card label,label{display:block;font-weight:700;margin-bottom:8px}input{width:100%;padding:15px;border:1px solid var(--line);border-radius:11px;background:white}.pin-card>input{text-align:center;font-size:2rem;letter-spacing:.35em;margin-bottom:20px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}button,.button{border:1px solid var(--line);border-radius:10px;padding:12px 16px;background:white;color:var(--ink);font-weight:700;cursor:pointer;text-decoration:none}.actions button{min-height:72px;color:white;border:0;font-size:1.05rem}.start,.primary{background:var(--green);color:white}.pause{background:var(--amber)}.resume{background:var(--blue)}.end{background:var(--red)}button:hover,.button:hover{filter:brightness(.95)}#message{min-height:24px;text-align:center;font-weight:700}.success{color:var(--green)!important}.error{color:var(--red)!important}footer{display:flex;justify-content:space-between;margin-top:18px;color:var(--muted);font-size:.9rem}a{color:var(--green2)}.login{max-width:440px;margin:12vh auto}.login input{margin:8px 0 16px}.login button{width:100%;margin-bottom:12px}.header-actions{display:flex;gap:8px;align-items:center}.header-actions form{margin:0}.admin-grid{display:grid;grid-template-columns:360px 1fr;gap:20px;margin-bottom:20px}.add-form{display:grid;gap:9px;margin-bottom:20px}.employees{list-style:none;padding:0;margin:0}.employees li{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line)}small{display:block;color:var(--muted)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line)}th{font-size:.78rem;text-transform:uppercase;color:var(--muted)}.table-wrap{overflow:auto}.tag{padding:4px 8px;border-radius:99px;background:#eee;font-size:.8rem;font-weight:750}.tag.start,.tag.resume{color:var(--green);background:#ddefe8}.tag.pause{color:#885b0d;background:#f5e8ca}.tag.end{color:var(--red);background:#f3deda}@media(max-width:760px){.shell,.admin-shell{padding:20px}header{align-items:flex-start;flex-direction:column}.actions,.admin-grid{grid-template-columns:1fr}.clock{order:-1}.actions button{min-height:62px}footer{gap:10px;flex-direction:column}.header-actions{flex-wrap:wrap}}