:root{--brand:#1d4ed8;--dark:#0f172a;--good:#16a34a;--bad:#dc2626}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f6f8fb}.employee-bg{min-height:100vh;background:radial-gradient(circle at top,#dbeafe,#f8fafc 45%,#eef2ff)}.login-card,.clock-shell{max-width:560px;background:rgba(255,255,255,.93);border:1px solid #e2e8f0;border-radius:28px;box-shadow:0 24px 70px rgba(15,23,42,.13);padding:28px}.brand-circle,.avatar{width:68px;height:68px;border-radius:22px;background:linear-gradient(135deg,var(--brand),#38bdf8);display:grid;place-items:center;color:#fff;font-size:30px;font-weight:800}.digital{font-size:clamp(3rem,14vw,6rem);font-weight:800;letter-spacing:-.06em;color:#0f172a;line-height:1}.date-line{text-transform:uppercase;letter-spacing:.12em;color:#64748b;font-weight:700}.pin-display{width:100%;border:0;background:#e0ecff;border-radius:18px;font-size:32px;text-align:center;padding:12px;margin:16px 0;letter-spacing:.35em}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.key{border:0;border-radius:20px;background:#fff;box-shadow:0 8px 22px #cbd5e1;font-size:26px;font-weight:800;padding:18px}.status-card,.task-card,.location-status{border-radius:24px;padding:18px;margin:18px 0}.status-card.working{background:#dcfce7;color:#14532d}.status-card.out{background:#fee2e2;color:#7f1d1d}.pulse{display:inline-block;width:12px;height:12px;border-radius:50%;background:currentColor;margin-right:8px}.task-card{background:#fff;border:1px solid #e2e8f0}.task-card h2{font-size:1.1rem}.location-status{background:#eff6ff;color:#1e40af}.action-btn{width:100%;border:0;border-radius:28px;color:#fff;padding:22px;font-size:2rem;font-weight:900;box-shadow:0 18px 38px rgba(15,23,42,.22)}.action-btn.in{background:linear-gradient(135deg,#16a34a,#22c55e)}.action-btn.out{background:linear-gradient(135deg,#dc2626,#f97316)}.admin-sidebar{background:#0f172a;min-height:100vh;width:280px}.admin-top{background:#0f172a}.navlink{display:block;color:#cbd5e1;text-decoration:none;padding:12px 14px;border-radius:14px;margin:4px 0}.navlink:hover{background:#1e293b;color:white}.admin-main{min-width:0}.metric{background:white;border-radius:22px;padding:22px;box-shadow:0 14px 35px rgba(15,23,42,.08)}.metric span{display:block;color:#64748b;font-weight:700}.metric b{font-size:2.2rem;color:#0f172a}#map{height:360px;border-radius:20px}.card{border:0;box-shadow:0 12px 32px rgba(15,23,42,.08);border-radius:18px;overflow:hidden}@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top)}}