:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-gradient:radial-gradient(circle at 50% 0%, #1e1b4b 0%, #090d16 60%, #020617 100%);--primary-glow:#6366f126;--success-glow:#10b98133;--error-glow:#ef444433;--primary:#6366f1;--primary-hover:#4f46e5;--success:#10b981;--success-hover:#059669;--error:#ef4444;--warning:#f59e0b;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;background-color:#090d16;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:400;line-height:1.5}body{background:var(--bg-gradient);background-attachment:fixed;min-width:320px;min-height:100vh;margin:0;padding:0;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0b0f19}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#0f172aa6;border:1px solid #ffffff14;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000005e}.glass-panel:hover{border-color:#ffffff1f;box-shadow:0 12px 40px #00000073}.glass-panel-primary{box-shadow:0 0 25px var(--primary-glow);border-color:#6366f133}.camera-container{aspect-ratio:4/3;background:#020617;border:2px solid #6366f14d;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 0 20px #6366f11a}.camera-container:after{content:"";background:linear-gradient(to right, transparent, var(--primary), transparent);width:100%;height:3px;box-shadow:0 0 10px var(--primary), 0 0 20px var(--primary);z-index:10;animation:3s ease-in-out infinite scan;position:absolute;top:0;left:0}@keyframes scan{0%{top:0%}50%{top:100%}to{top:0%}}.scanning-ring{pointer-events:none;z-index:5;border:2px dashed #6366f166;border-radius:50%;width:60%;height:60%;animation:2s linear infinite pulse-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-ring{0%{opacity:.5;transform:translate(-50%,-50%)rotate(0)scale(.95)}50%{opacity:.8;transform:translate(-50%,-50%)rotate(180deg)scale(1.05)}to{opacity:.5;transform:translate(-50%,-50%)rotate(360deg)scale(.95)}}.glow-text-primary{text-shadow:0 0 12px #6366f166}.glow-text-success{text-shadow:0 0 12px #10b98166}.keypad-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:280px;margin:0 auto;display:grid}.keypad-btn{color:var(--slate-100);cursor:pointer;-webkit-user-select:none;user-select:none;background:#1e293b99;border:1px solid #ffffff0d;border-radius:12px;padding:14px;font-size:1.25rem;font-weight:600;transition:all .15s}.keypad-btn:hover{color:#fff;background:#6366f133;border-color:#6366f166}.keypad-btn:active{transform:scale(.95)}.custom-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.badge{border:1px solid #0000;border-radius:9999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-entrada{color:#34d399;background:#10b98126;border-color:#10b98140}.badge-salida{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b40}.badge-admin{color:#60a5fa;background:#3b82f626;border-color:#3b82f640}.badge-personal{color:#c084fc;background:#a78bfa26;border-color:#a78bfa40}.badge-medico{color:#f472b6;background:#ec489926;border-color:#ec489940}@keyframes pulse-glow-success{0%,to{box-shadow:0 0 20px #10b98133}50%{box-shadow:0 0 40px #10b98166}}.pulse-success{animation:2.5s infinite pulse-glow-success}@media (width<=768px){.desktop-only{display:none}}