:root{color-scheme:light;--ink:#111827;--muted:#667085;--line:#e4e7ec;--panel:#ffffff;--bg:#f5f7fb;--brand:#0f766e;--brand-strong:#115e59;--lock:#98a2b3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:256px 1fr}.sidebar{background:#111827;color:#f9fafb;padding:24px 18px}.brand{display:grid;grid-gap:2px;gap:2px;margin-bottom:32px}.brand strong{font-size:22px;letter-spacing:0}.brand span,.eyebrow,.muted,.nav a span{color:var(--muted)}.sidebar .brand span,.sidebar .nav a span{color:#98a2b3}.nav{display:grid;grid-gap:8px;gap:8px}.nav-section{display:grid;grid-gap:4px;gap:4px}.nav-heading{margin:16px 12px 4px;color:#667085;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.nav a{border-radius:8px;padding:12px;display:grid;grid-gap:2px;gap:2px}.nav a.active,.nav a:hover{background:rgba(255,255,255,.08)}.page{padding:28px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.auth-card h1,.mobile-clock h1,.topbar h1{margin:0;font-size:clamp(28px,4vw,52px);line-height:.95;letter-spacing:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.auth-card,.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 40px rgba(16,24,40,.05)}.panel{padding:22px}.card{padding:18px}.card b{display:block;font-size:28px;margin-top:8px}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;border-bottom:1px solid var(--line);padding:14px 10px}.table th{color:var(--muted);font-size:13px;font-weight:700}.status{display:inline-flex;padding:4px 8px;border-radius:999px;background:#ecfdf3;color:#027a48;font-size:12px;font-weight:700}.locked{opacity:.55}.auth-page,.mobile-clock{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 15% 15%,rgba(15,118,110,.16),transparent 32%),var(--bg)}.auth-card,.clock-card{width:min(100%,460px);padding:28px}.form{display:grid;grid-gap:14px;gap:14px;margin-top:24px}.field{display:grid;grid-gap:6px;gap:6px}.field span{color:var(--muted);font-size:13px;font-weight:700}.field input,.field select{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px 14px;background:#fff}.btn{border:0;border-radius:8px;padding:12px 16px;background:var(--brand);color:#fff;font-weight:800;cursor:pointer}.btn.secondary{background:#111827}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn:disabled{background:var(--lock);cursor:not-allowed}.clock-actions{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:22px}.clock-actions .btn{min-height:86px}.alert{margin-top:14px;color:#b42318}@media (max-width:860px){.shell{grid-template-columns:1fr}.sidebar{position:-webkit-sticky;position:sticky;top:0;z-index:10;padding:14px}.nav{grid-auto-flow:column;overflow-x:auto}.grid{grid-template-columns:1fr}.page{padding:18px}}