:root{--navy:#132d46;--teal:#087f75;--ink:#203b50}body{background:#f0f4f7;color:var(--ink);line-height:1.5}header{background:var(--navy);padding:20px max(24px,calc((100% - 1280px)/2));letter-spacing:.06em}header b{background:#1b847d;padding:3px 12px;border-radius:10px}header span{font-size:12px;font-weight:650}main{max-width:1280px}section,.card{border-color:#e1e8ee;border-radius:20px;box-shadow:0 5px 22px #18354c05}button{font-weight:600;transition:background .15s,box-shadow .15s;border-radius:10px}button:hover:not(:disabled){filter:brightness(.96);box-shadow:0 3px 10px #17394c18}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #41b8a7;outline-offset:3px}button:disabled{cursor:not-allowed}input,select{background:#fbfcfd;border-color:#cad6df;border-radius:10px;min-height:46px}label{font-size:14px;font-weight:600}.app-toolbar{padding:8px 0 18px}.app-toolbar strong{flex:1;min-width:200px}.app-toolbar button{font-size:13px}nav{gap:6px;margin-bottom:16px}nav button{margin:0;font-size:14px;border-color:transparent;background:#e7eef3}nav button.selected{background:var(--navy)}[data-page=check]{max-width:820px;margin-left:auto;margin-right:auto}.check-hero{background:linear-gradient(120deg,#132d46,#17625f);color:#fff;border-radius:15px;padding:24px;margin-bottom:20px}.check-hero h2{margin:8px 0 0;font-size:25px}.eyebrow{font-size:11px;letter-spacing:.14em;color:#b8e8df}#clock{font-size:38px;letter-spacing:.02em;margin:6px 0 0}.attendance-status{padding:16px 18px;border-radius:12px;background:#edf3f7;border-left:4px solid #7891a4;white-space:pre-line;font-weight:550}.attendance-status[data-mode=in]{background:#e8f7f0;border-color:#18a16d;color:#166241}.attendance-status[data-mode=out]{background:#fff3e5;border-color:#e18a22;color:#835014}.attendance-status[data-mode=blocked]{background:#fff0ed;border-color:#cd674d;color:#923e2e}.attendance-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 12px}.attendance-actions button{margin:0;min-height:84px;font-size:20px;box-shadow:0 6px 20px #123b5515}#checkin:not(:disabled){background:#138652;color:white;box-shadow:0 0 0 3px #13865216,0 6px 18px #13865225}#checkout:not(:disabled){background:#d77a15;color:white;box-shadow:0 0 0 3px #d77a1516,0 6px 18px #d77a1525}.attendance-actions button:disabled{background:#e7ecf0;color:#8897a3;opacity:1;box-shadow:none}#attendanceRefresh,#attendanceSupplement{font-size:13px}#mapLinks a{font-size:13px}#login{padding:32px}#login h1{color:var(--navy)}#login button{width:100%;margin-top:22px;padding:14px}.request-alerts{border-radius:12px}.scroll{border-radius:12px}th{font-size:12px;letter-spacing:.02em;color:#526a7c}td{padding:14px 12px}.overview-cards button{border:1px solid #e0e8ef;border-radius:14px;background:#f4f8fb}.overview-cards strong{color:var(--teal)}@media(min-width:1000px){#app.admin-layout{display:grid;grid-template-columns:210px minmax(0,1fr);column-gap:24px;align-items:start}.admin-layout>.app-toolbar,.admin-layout>#requestAlerts{grid-column:1/-1}.admin-layout>#nav{grid-column:1;grid-row:3;flex-direction:column;background:var(--navy);padding:12px;border-radius:18px;position:sticky;top:18px}.admin-layout>#nav button{text-align:left;background:transparent;color:#cbd9e5;padding:13px 14px}.admin-layout>#nav button.selected{background:#247a77;color:white}.admin-layout>section[data-page]{grid-column:2;grid-row:3;margin-top:0;width:100%;min-width:0}.admin-layout>[data-page=check]{max-width:820px}}@media(max-width:650px){main{margin:12px auto;padding:0 12px}header{padding:14px 18px}header span{font-size:10px}section{padding:16px;border-radius:16px}nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}nav button{white-space:nowrap;flex-shrink:0}.check-hero{padding:20px}.check-hero h2{font-size:22px}#clock{font-size:30px}.attendance-actions{gap:10px}.attendance-actions button{font-size:16px;padding:16px 8px;min-height:78px}.app-toolbar{gap:6px}.app-toolbar strong{flex-basis:100%;font-size:14px}.app-toolbar button{padding:9px 12px}.request-alerts{position:relative}#login{margin-top:26px}}