:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17231d;background:#464b71;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.app-shell{min-height:100vh}.topbar{background:#118ab2;color:#fff;padding:18px max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:20px;font-weight:800}.subtitle{opacity:.82;font-size:13px;margin-top:3px}nav{display:flex;gap:6px}.nav{border:0;background:transparent;color:#fff;padding:9px 13px;border-radius:8px}.nav.active{background:#ffffff26}.container{max-width:1180px;margin:30px auto;padding:0 18px 50px}.card{background:#f2f2ed;border:1px solid #dfe8e2;border-radius:16px;padding:24px;box-shadow:0 5px 22px #14321e0d}.hero{max-width:820px;margin:0 auto}.hero h1{margin:16px 0 4px;font-size:32px}.muted{color:#68776e}.emergency-badge{display:inline-flex;gap:7px;align-items:center;color:#8a3f00;background:#fff3e7;border:1px solid #ffd6ae;padding:7px 10px;border-radius:999px;font-weight:800;font-size:12px}.window-card{margin:22px 0 12px;padding:15px;border-radius:12px;background:#eef8f1;display:flex;gap:12px;align-items:center}.window-card span,.check span{display:block;color:#66736b;font-size:13px;margin-top:3px}.clock{font-size:42px;font-weight:800;letter-spacing:1px;margin:8px 0 22px}.form{display:grid;gap:9px}.form label,label{font-weight:700;font-size:13px}input,select{width:100%;padding:12px 13px;border:1px solid #cbd8cf;border-radius:9px;background:#fff;outline:none}input:focus,select:focus{border-color:#198754;box-shadow:0 0 0 3px #1987541a}.input-row{display:grid;grid-template-columns:1fr auto;gap:9px}.primary,.secondary,.danger{border:0;border-radius:9px;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.primary{background:#198754;color:#fff}.secondary{background:#edf2ee;color:#183c29}.danger{background:#b02a37;color:#fff}.full{width:100%}.notice{display:flex;align-items:center;gap:8px;margin-top:18px;padding:12px 14px;border-radius:10px;font-size:14px}.notice.error{background:#fff0f0;color:#9b1c1c;border:1px solid #ffd0d0}.notice.warning{background:#fff8e7;color:#795b00;border:1px solid #ffe3a1}.capture{margin-top:22px}.employee-strip{background:#f6f8f6;border:1px solid #e2e9e3;border-radius:10px;padding:13px 15px;display:flex;justify-content:space-between;gap:15px}.employee-strip span{color:#68776e;font-size:13px}.capture-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin-top:18px}.camera-box{width:100%;aspect-ratio:16/10;background:#17231d;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.camera-box video{width:100%;height:100%;object-fit:cover}.camera-placeholder{color:#cbd8cf;display:flex;flex-direction:column;align-items:center;gap:8px}.preview{width:100%;border-radius:10px;margin-top:10px}.verification{display:grid;align-content:start;gap:12px}.check{border:1px solid #dfe8e2;border-radius:11px;padding:13px;display:flex;gap:11px;align-items:center}.check svg{flex:none}.check.ok{border-color:#a8d9bc;background:#f2fbf5}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.success{margin-top:18px;display:flex;gap:12px;align-items:center;padding:14px;border-radius:11px;background:#e9f8ef;color:#12653d;border:1px solid #bde4ca}.success span{display:block;font-size:13px;margin-top:3px}.narrow{max-width:480px;margin:0 auto}.empty-state{text-align:center;max-width:650px;margin:40px auto}.empty-state svg{color:#198754}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.admin-head h1{margin:0}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:16px}.section-head h3{margin:0}.status{display:inline-block;padding:6px 10px;border-radius:999px;background:#eef1ef;font-weight:800;font-size:12px;margin-bottom:12px}.status.live{background:#e8f7ee;color:#12653d}.mini-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf1ee;font-size:14px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.toolbar input{width:auto}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #edf1ee;white-space:nowrap}th{color:#65736a;font-size:12px;text-transform:uppercase}td small{display:block;color:#77857c;margin-top:3px}.pill{display:inline-block;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.pill.pending{background:#fff5d8;color:#806300}.pill.approved{background:#e5f7ec;color:#12653d}.pill.rejected{background:#ffe9e9;color:#9b1c1c}.tiny{border:0;border-radius:7px;padding:6px 8px;font-size:11px;font-weight:700;margin-right:4px}.approve{background:#dff5e7;color:#12653d}.reject{background:#ffe1e1;color:#9b1c1c}.empty{text-align:center;color:#78867d;padding:30px}@media(max-width:750px){.topbar{align-items:flex-start;flex-direction:column}.container{margin-top:18px}.capture-grid,.admin-grid,.input-row{grid-template-columns:1fr}.employee-strip{flex-direction:column;gap:4px}.actions{flex-direction:column-reverse}.actions button{width:100%}.clock{font-size:34px}}