:root{--ink:#14282b;--brand:#174f57;--brand2:#0f737a;--gold:#e2b328;--bg:#f4f7f7;--line:#dce6e7;--danger:#a52a2a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.topbar{height:68px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1180px)/2));box-shadow:0 2px 12px #0002}.brand{color:#fff;text-decoration:none;font-size:20px;font-weight:800}.account{display:flex;gap:18px;align-items:center}.account form{margin:0}.container{max-width:1180px;margin:36px auto;padding:0 20px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 8px 28px #174f570e;margin-bottom:24px}.login-card{max-width:430px;margin:9vh auto}.stack{display:grid;gap:18px}.stack label,.grid-form label,.filters label{display:grid;gap:6px;font-weight:700}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #b9c9cb;border-radius:8px;background:#fff;color:var(--ink);font:inherit}textarea{min-height:90px}.btn,.clock{border:0;border-radius:9px;padding:11px 18px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;color:var(--ink);background:#e5eded}.btn.primary,.clock.in{background:var(--brand);color:#fff}.btn.danger,.clock.out{background:var(--danger);color:#fff}.btn.small{padding:7px 10px;font-size:12px}.clock{min-width:210px;padding:16px 20px;font-size:17px}.clock.pause{background:var(--gold)}.clock:disabled,.clock.done{opacity:.55;cursor:not-allowed}.clock-actions{display:grid;gap:10px}.clock-actions form{margin:0}.hero{background:linear-gradient(125deg,var(--brand),var(--brand2));color:#fff;border-radius:16px;padding:30px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.hero h1,.page-title h1{margin:0;font-size:32px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:900;color:var(--gold);margin:0 0 5px}.page-title,.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.muted,small{color:#61777a}small{display:block}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#60777a}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#e8eef0;font-size:12px;font-weight:800}.badge.ok{background:#daf2e5;color:#17603a}.badge.warn{background:#fff0c2;color:#765800}.badge.bad{background:#fee2e2;color:#8a1f1f}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:20px}.filters label{min-width:150px}.filters .grow{flex:1}.grid-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}.grid-form .full{grid-column:1/-1}.grid-form .btn{align-self:end}.link{border:0;background:none;color:#08737a;text-decoration:underline;font:inherit;font-weight:700;cursor:pointer}.hidden{display:none}.correction td{background:#f6fafb}.review-form{display:grid;gap:6px;min-width:210px}.check{display:flex!important;align-items:center;gap:8px;min-width:auto!important}.check input{width:auto}.empty{text-align:center;padding:34px;color:#61777a}@media(max-width:720px){.hero{align-items:stretch;gap:22px;flex-direction:column}.clock{width:100%}.grid-form{grid-template-columns:1fr}.grid-form .full{grid-column:auto}.account span{display:none}.container{margin-top:20px}.card{padding:16px}}
