@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@700;800&family=JetBrains+Mono:wght@400;600&display=swap";:root{--c-primary: #16324F;--c-primary-d: #0e2235;--c-success: #0F9D77;--c-success-d: #0d8768;--c-danger: #E1483F;--c-danger-d: #c23e37;--c-warning: #E8873D;--c-bg: #10151F;--c-surface: #1b2333;--c-border: #2c3d52;--c-text: #eef2f7;--c-muted: #8899aa;--radius: 14px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--c-bg);color:var(--c-text);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-tap-highlight-color:transparent}.login-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px}.login-card{width:100%;max-width:380px;background:var(--c-surface);border-radius:var(--radius);padding:36px 28px;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 24px #0006}.login-icon{text-align:center}.login-card h1{font-size:1.6rem;font-weight:700;font-family:Manrope,sans-serif;text-align:center}.login-subtitle{text-align:center;color:var(--c-muted);font-size:.9rem;margin-top:-8px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.85rem;color:var(--c-muted);font-weight:500}.field input{background:var(--c-bg);border:1.5px solid var(--c-border);border-radius:8px;color:var(--c-text);font-size:1rem;padding:12px 14px;outline:none;transition:border-color .15s;width:100%}.field input:focus{border-color:var(--c-primary)}.btn-primary{background:var(--c-primary);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;padding:14px;cursor:pointer;width:100%;transition:background .15s,transform .1s;margin-top:4px}.btn-primary:hover{background:var(--c-primary-d)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.alert{border-radius:8px;padding:12px 14px;font-size:.9rem;line-height:1.5}.alert-error{background:#e1483f26;border:1px solid rgba(225,72,63,.4);color:#f99c97}.alert-warning{background:#e8873d26;border:1px solid rgba(232,135,61,.4);color:#f5b87a}.turno-page{min-height:100%;display:flex;flex-direction:column}.turno-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--c-surface);border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:10}.header-info{display:flex;flex-direction:column;gap:2px}.header-titulo{font-size:1rem;font-weight:700;font-family:Manrope,sans-serif;color:var(--c-text)}.header-nombre{font-size:.8rem;color:var(--c-muted)}.btn-logout{background:transparent;border:1px solid var(--c-border);border-radius:8px;color:var(--c-muted);font-size:.85rem;padding:8px 14px;cursor:pointer;transition:border-color .15s,color .15s}.btn-logout:hover{border-color:var(--c-danger);color:#fca5a5}.turno-main{flex:1;padding:24px 20px calc(24px + var(--safe-bottom));display:flex;flex-direction:column;gap:20px;max-width:480px;width:100%;margin:0 auto}.vehiculo-card{background:var(--c-surface);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:8px;border:1px solid var(--c-border)}.vehiculo-placa{font-size:2rem;font-weight:700;font-family:JetBrains Mono,monospace;letter-spacing:.06em;color:var(--c-text);font-variant-numeric:tabular-nums}.vehiculo-detalle{font-size:.9rem;color:var(--c-muted)}.recorrido-badge{font-size:.85rem;color:var(--c-success);background:#0f9d771f;border:1px solid rgba(15,157,119,.3);border-radius:6px;padding:6px 10px;display:inline-block;margin-top:4px}.turno-control{display:flex;flex-direction:column;gap:16px;flex:1}.estado-activo{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:var(--c-success)}.pulso{width:14px;height:14px;border-radius:50%;background:var(--c-success);display:inline-block;animation:pulso 1.6s ease-in-out infinite}@keyframes pulso{0%,to{box-shadow:0 0 #0f9d77b3}50%{box-shadow:0 0 0 8px #0f9d7700}}.posicion-panel{background:var(--c-surface);border-radius:var(--radius);padding:18px;border:1px solid var(--c-border);display:flex;flex-direction:column;gap:8px}.coord{font-family:JetBrains Mono,monospace;font-size:1.1rem;color:var(--c-success);font-weight:600}.velocidad{font-size:2rem;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--c-text);font-variant-numeric:tabular-nums}.velocidad:after{content:"";font-size:1rem;font-weight:400;color:var(--c-muted);margin-left:4px}.ultima-act{font-size:.8rem;color:var(--c-muted)}.estado-inactivo{font-size:1rem;color:var(--c-muted);text-align:center;padding:8px 0}.turno-hint{font-size:.9rem;color:var(--c-muted);text-align:center;line-height:1.6;padding:0 8px}.aviso-pantalla{font-size:.8rem;color:var(--c-muted);text-align:center;border:1px dashed var(--c-border);border-radius:8px;padding:10px}.btn-turno{border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:1.25rem;font-weight:700;letter-spacing:.02em;padding:22px 16px;text-align:center;transition:filter .15s,transform .1s;width:100%;margin-top:auto}.btn-turno:active{transform:scale(.97)}.btn-iniciar{background:var(--c-success);box-shadow:0 4px 16px #0f9d7759}.btn-iniciar:hover{filter:brightness(1.1)}.btn-detener{background:var(--c-danger);box-shadow:0 4px 16px #e1483f59}.btn-detener:hover{filter:brightness(1.1)}.page-center{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--c-muted)}.spinner{width:36px;height:36px;border:3px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sin-datos{text-align:center;padding:40px 16px;display:flex;flex-direction:column;align-items:center;gap:12px}.sin-datos-icon{font-size:3rem}.sin-datos h2{font-size:1.2rem}.sin-datos p{color:var(--c-muted);font-size:.9rem;line-height:1.6}