:root{--bg:#0f172a;--card:#fff;--text:#111827;--mut:#64748b;--brand:#2563eb;--ok:#16a34a;--bad:#dc2626;--warn:#f59e0b}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text)}a{color:var(--brand);text-decoration:none}.login-body,.kiosk-body{min-height:100vh;background:radial-gradient(circle at top,#1e3a8a,#0f172a 55%,#020617);display:grid;place-items:center;padding:20px}.login-card,.pin-card,.status-card{width:min(460px,100%);background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.4);border-radius:28px;padding:28px;box-shadow:0 25px 70px rgba(0,0,0,.35);text-align:center}.brand{font-size:54px}.form,.mini,.inlineform{display:grid;gap:12px;text-align:left}.form label{font-weight:700;color:#334155}.form input,.mini input,.mini select,.inlineform input,.inlineform select,input,select{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:12px;background:#fff}.btn,button{background:var(--brand);color:#fff;border:0;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer}.btn:hover,button:hover{filter:brightness(.95)}.link{display:block;margin-top:18px}.ok,.err{padding:12px;border-radius:12px;margin:12px 0;font-weight:700}.ok{background:#dcfce7;color:#166534}.err{background:#fee2e2;color:#991b1b}.kiosk{width:min(560px,100%)}.clock{text-align:center;color:white;margin-bottom:18px}.clock #time{font-size:clamp(42px,12vw,78px);font-weight:950;letter-spacing:-.05em}.clock #date{text-transform:capitalize;color:#cbd5e1}.net{display:inline-block;margin-top:12px;padding:8px 12px;border-radius:999px;background:#334155;color:#fff;font-weight:800}.net.on{background:#166534}.net.off{background:#92400e}.pin-card h1{margin-bottom:4px}.pin-card #pin{font-size:40px;text-align:center;letter-spacing:12px;border:0;background:#f1f5f9;margin:10px 0 18px}.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pad button{height:68px;font-size:26px;background:#f8fafc;color:#111827;border:1px solid #e2e8f0;box-shadow:0 4px 12px rgba(15,23,42,.08)}.pad #go{background:var(--brand);color:#fff}.hello{font-size:22px}.actions{display:grid;gap:14px;margin-top:20px}.action{font-size:22px;min-height:72px;border-radius:18px}.action:disabled{opacity:.35;filter:grayscale(1);cursor:not-allowed}.entrada{background:linear-gradient(135deg,#16a34a,#22c55e)}.salida{background:linear-gradient(135deg,#dc2626,#fb7185)}.pausa{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#111827}.logout{display:block;margin-top:18px}.toast{position:fixed;top:16px;left:50%;transform:translateX(-50%) translateY(-140%);background:#16a34a;color:#fff;padding:12px 18px;border-radius:999px;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:.25s;z-index:20}.toast.show{transform:translateX(-50%) translateY(0)}.toast.bad{background:#dc2626}.admin-body{background:#f1f5f9}.top{display:flex;gap:18px;align-items:center;padding:14px 22px;background:#111827;color:#fff;position:sticky;top:0}.top a{color:#fff;margin-left:auto}.top a+a{margin-left:0}.admin{width:min(1180px,100%);margin:0 auto;padding:24px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px;margin-bottom:18px;box-shadow:0 12px 35px rgba(15,23,42,.06)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top}th{background:#f8fafc}.muted{opacity:.5}.inlineform{grid-template-columns:repeat(2,minmax(150px,1fr));padding:10px;background:#f8fafc;border-radius:12px}.check{display:flex;gap:8px;align-items:center}.legal-note{font-size:13px;color:#475569}@media(max-width:800px){.grid2{grid-template-columns:1fr}.top{flex-wrap:wrap}.inlineform{grid-template-columns:1fr}.admin{padding:12px}}@media print{.top,form,a,button{display:none!important}.admin{padding:0}.card{box-shadow:none;border:0}}