@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";body{box-sizing:border-box;background-color:#0f172a;margin:0;padding:0}#root{flex-direction:column;width:100%;min-height:100vh;margin:0;padding:0;display:flex}:root{--primary:#e11d48;--primary-hover:#be123c;--bg-color:#f8fafc;--sidebar-bg:#fff;--sidebar-hover:rgba(225,29,72,.04);--sidebar-text:#64748b;--text-main:#0f172a;--card-bg:#fff;--border-color:rgba(226,232,240,.8);--shadow-sm:0 2px 8px rgba(15,23,42,.04);--shadow-md:0 12px 30px -10px rgba(15,23,42,.08), 0 4px 12px -5px rgba(15,23,42,.03);--radius:16px;--nav-active-bg:#fff1f2;--nav-active-text:#e11d48;--profile-bg:#f1f5f9;--profile-text:#0f172a;--profile-avatar-bg:var(--primary);--profile-avatar-text:#fff}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0;font-family:Inter,sans-serif}input,select,textarea,button,.form-control,.form-select{min-width:0;max-width:100%;box-sizing:border-box!important}[style*=grid]>*{box-sizing:border-box;min-width:0}html,body{background-color:var(--bg-color);color:var(--text-main);-webkit-overflow-scrolling:touch;overscroll-behavior-y:none!important;overscroll-behavior-x:none!important;overscroll-behavior:none!important}body{height:100vh;display:flex;overflow:hidden}#root{width:100%;height:100%;overscroll-behavior-y:none!important;overscroll-behavior-x:none!important;overscroll-behavior:none!important}.tecnico-scroll-container,.tecnico-overlay-content,.modal-scrollable-content,.panel-container,.modal-body{-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:none!important;overscroll-behavior-x:none!important;overscroll-behavior:none!important}.firma-canvas-container,canvas{touch-action:none!important;overscroll-behavior:none!important;-webkit-user-select:none!important;user-select:none!important}.sidebar{background-color:var(--sidebar-bg);z-index:10;border-right:1px solid var(--border-color);flex-direction:column;width:280px;padding:20px 0;display:flex}.sidebar-header{color:var(--primary);letter-spacing:-.03em;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:0 20px 20px 25px;font-size:1.5rem;font-weight:800;display:flex}.logo-container{opacity:1;white-space:nowrap;flex-grow:1;align-items:center;gap:12px;max-width:200px;transition:opacity .2s,max-width .2s;display:flex;overflow:hidden}.sidebar-toggle-btn{color:var(--sidebar-text);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;font-size:1.25rem;transition:all .2s;display:flex}.sidebar-toggle-btn:hover{background-color:var(--sidebar-hover);color:var(--text-main)}.nav-item{cursor:pointer;color:var(--sidebar-text);border-radius:12px;align-items:center;gap:12px;margin:4px 16px;padding:12px 18px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.nav-item:hover{background-color:var(--sidebar-hover);color:var(--text-main);transform:translate(2px)}.nav-item.active{background-color:var(--nav-active-bg);color:var(--nav-active-text);font-weight:700}.nav-item svg{stroke:currentColor;transition:stroke .2s,color .2s}.nav-item.active svg{stroke:var(--nav-active-text)}.main-content{flex:1;padding:40px;overflow-y:auto}.tab-content{animation:.35s cubic-bezier(.4,0,.2,1) slideFadeIn;display:none}.tab-content.active{display:block}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h2{color:#0f172a;letter-spacing:-.025em;margin-bottom:25px;font-size:1.8rem;font-weight:700}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-md);border:none;margin-bottom:25px;padding:30px}.hero-card{border-radius:var(--radius);color:#fff;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);margin-bottom:25px;padding:40px;position:relative;overflow:hidden}.hero-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05));width:50%;height:100%;position:absolute;top:0;right:0}.hero-card h1{letter-spacing:-.02em;margin-bottom:10px;font-size:2.2rem;font-weight:700}.hero-card p{opacity:.9;font-size:1.1rem;font-weight:400}.form-group{margin-bottom:18px}label{color:#475569;margin-bottom:6px;font-size:.9rem;font-weight:500;display:block}input[type=text],input[type=date],input[type=number],input[type=datetime-local],select,textarea{border:1px solid var(--border-color);background-color:#f8fafc;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1)}select{-webkit-appearance:auto;appearance:auto}select:focus,input:focus,textarea:focus{border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 3px rgba(225,29,72,.15)}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 4px 6px rgba(220,38,38,.2)}.btn:hover{background-color:var(--primary-hover);box-shadow:0 4px 6px rgba(220,38,38,.3)}.btn:active{transform:translateY(1px);box-shadow:0 1px 2px rgba(220,38,38,.2)}.btn-block{width:100%;margin-top:15px}.btn-secondary{color:var(--primary);border:1px solid var(--primary);box-shadow:none;background-color:#fff}.btn-secondary:hover{box-shadow:none;background-color:#f1f5f9}.badge{border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;line-height:1;transition:all .2s;display:inline-flex}.badge-primary{background-color:var(--nav-active-bg);color:var(--nav-active-text);border:1px solid rgba(225,29,72,.1)}body.dark-mode .badge-primary{border-color:rgba(244,63,94,.2)}.table-container{border:none;border-radius:16px;overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border-color);padding:16px 20px}th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;background-color:#f8fafc;font-size:.8rem;font-weight:700}tr:last-child td{border-bottom:none}tr:hover{background-color:#f1f5f9}.empty-state{text-align:center;color:#64748b;padding:40px;font-style:italic}.ruta-card{border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-sm);background-color:#f8fafc;margin-bottom:20px;padding:24px;transition:transform .2s,box-shadow .2s}.ruta-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ruta-card h3{color:var(--primary);margin-bottom:15px;font-size:1.25rem;font-weight:600}.ruta-card ul{list-style:none}.ruta-card li{border-bottom:1px solid #e2e8f0;align-items:center;padding:10px 0;display:flex}.ruta-card li:last-child{border-bottom:none}.ruta-card strong{color:#1e293b;width:65px;font-weight:600;display:inline-block}.loading{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:15px;padding:30px;font-weight:500;display:flex}.spinner{border:3px solid rgba(0,0,0,.1);border-left-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{color:#b91c1c;background-color:#fef2f2;border-left:4px solid #ef4444;border-radius:8px;margin-top:15px;padding:15px}.fila-pendiente{border-left:4px solid #cbd5e1}.fila-verde{background-color:#dcfce7!important}.fila-roja{background-color:#fee2e2!important}.fila-celeste{background-color:#e0f2fe!important}.fila-naranja{background-color:#ffedd5!important}.fila-morada{background-color:#f3e8ff!important}.fila-amarilla{background-color:#fef9c3!important}.fila-blanca{border:1px solid #e2e8f0;background-color:#fff!important}.badge-alta{color:#fff;background-color:#ef4444;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:700}.badge-media{color:#fff;background-color:#f59e0b;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:700}.badge-baja{color:#fff;background-color:#94a3b8;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:700}.login-page{background:linear-gradient(-45deg,#0f172a,#1e293b,#dc2626,#7f1d1d) 0 0/400% 400%;justify-content:center;align-items:center;height:auto;min-height:100vh;margin:0;padding:24px 16px;font-family:Inter,system-ui,sans-serif;animation:15s infinite gradientBG;display:flex;overflow-y:auto}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.login-glass-card{-webkit-backdrop-filter:blur(16px);background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.3);border-radius:24px;width:100%;max-width:420px;margin:auto;padding:40px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.login-glass-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px -12px rgba(0,0,0,.6)}.login-header{text-align:center;margin-bottom:35px}.login-logo-circle{background:linear-gradient(135deg, var(--primary) 0%, #991b1b 100%);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;display:flex;box-shadow:0 10px 20px rgba(220,38,38,.3)}.login-logo-circle svg{color:#fff}.login-header h1{color:#0f172a;letter-spacing:-.05em;margin:0;font-size:2rem;font-weight:800}.login-header p{color:#64748b;margin-top:8px;font-size:1rem}.login-form-group{margin-bottom:22px;position:relative}.login-form-group label{color:#334155;margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.login-input{color:#0f172a;box-sizing:border-box;background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;outline:none;width:100%;padding:14px 18px;font-size:1rem;transition:all .3s}.login-input:focus{border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 4px rgba(220,38,38,.1)}.password-wrapper{align-items:center;display:flex;position:relative}.toggle-password-btn{cursor:pointer;color:#64748b;background:0 0;border:none;justify-content:center;align-items:center;height:100%;padding:0;transition:color .2s;display:flex;position:absolute;right:12px}.toggle-password-btn:hover{color:#0f172a}.toggle-password-btn:focus{outline:none}.login-btn{background:linear-gradient(135deg, var(--primary) 0%, #991b1b 100%);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:15px;padding:15px;font-size:1.05rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 10px 20px rgba(220,38,38,.25)}.login-btn:hover{transform:translateY(-2px);box-shadow:0 15px 25px rgba(220,38,38,.35)}.login-btn:active{transform:translateY(1px)}.login-alert{text-align:center;border-radius:12px;margin-bottom:25px;padding:14px;font-size:.95rem;font-weight:500;animation:.4s fadeIn}.login-alert-danger{color:#991b1b;background-color:#fef2f2;border:1px solid #f87171}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.15)}}.login-split-card{background:#fff;border:1px solid rgba(255,255,255,.1);border-radius:24px;flex-direction:row;width:100%;max-width:980px;min-height:600px;margin:auto;animation:.6s cubic-bezier(.16,1,.3,1) both slideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px rgba(15,23,42,.35)}.login-split-left{color:#fff;background:linear-gradient(135deg,#090e1a 0%,#0d1627 55%,#1e1b4b 100%);flex-direction:column;justify-content:space-between;align-items:center;width:42%;padding:48px 36px;display:flex;position:relative;overflow:hidden}.login-split-left:before{content:"";pointer-events:none;background:radial-gradient(circle,rgba(225,29,72,.12) 0%,transparent 70%);width:180px;height:180px;position:absolute;top:-40px;right:-40px}.login-split-left:after{content:"";pointer-events:none;background:radial-gradient(circle,rgba(225,29,72,.16) 0%,transparent 70%);width:260px;height:260px;position:absolute;bottom:-60px;left:-60px}.login-left-content{text-align:center;z-index:2;flex-direction:column;align-items:center;margin-top:auto;margin-bottom:auto;display:flex}.login-shield-container{width:130px;height:130px;margin-bottom:24px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.login-shield-container:hover{transform:translateY(-6px)scale(1.04)}.login-shield-glow{filter:blur(20px);pointer-events:none;background:rgba(225,29,72,.3);border-radius:50%;width:90px;height:90px;animation:4s ease-in-out infinite pulseGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-shield-svg{filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));width:100%;height:100%}.login-left-title{letter-spacing:-.03em;color:#fff;margin-bottom:12px;font-size:2rem;font-weight:800;line-height:1.2}.login-left-desc{color:#94a3b8;max-width:290px;margin:0;font-size:.9rem;line-height:1.5}.login-features-grid{z-index:2;border-top:1px solid rgba(255,255,255,.1);justify-content:space-between;gap:8px;width:100%;margin-top:40px;padding-top:24px;display:flex}.login-feature-item{text-align:center;flex:1;transition:transform .2s}.login-feature-item:hover{transform:translateY(-2px)}.login-feature-icon{width:38px;height:38px;color:var(--primary);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 8px;transition:all .3s;display:flex}.login-feature-icon svg{width:18px;height:18px}.login-feature-item:hover .login-feature-icon{color:#fff;background:rgba(225,29,72,.1);border-color:rgba(225,29,72,.25);box-shadow:0 0 12px rgba(225,29,72,.2)}.login-feature-title{color:#fff;margin-bottom:2px;font-size:.8rem;font-weight:700}.login-feature-desc{color:#64748b;font-size:.65rem;line-height:1.3}.login-split-right{background:#fff;flex-direction:column;justify-content:center;width:58%;padding:56px 64px;display:flex}.login-right-header{margin-bottom:30px}.login-right-header h2{color:#0f172a;letter-spacing:-.04em;margin:0 0 6px;font-size:2.2rem;font-weight:800}.login-right-header p{color:#64748b;margin:0;font-size:.95rem}.input-with-icon-wrapper{align-items:center;width:100%;display:flex;position:relative}.input-icon{color:#94a3b8;pointer-events:none;z-index:2;justify-content:center;align-items:center;transition:color .3s;display:flex;position:absolute;left:16px}.input-icon svg{width:20px;height:20px}.input-with-icon-wrapper .login-input{padding-left:48px}.input-with-icon-wrapper .login-input:focus~.input-icon{color:var(--primary)}.login-logo-wrapper{justify-content:flex-start;margin-bottom:24px;display:flex}.login-brand-logo{object-fit:contain;border-radius:10px;width:auto;height:52px}@media (max-width:1200px),(pointer:coarse){.login-split-card{border-radius:24px!important;flex-direction:column!important;width:95%!important;max-width:440px!important;min-height:auto!important;margin:16px auto!important}.login-split-left{display:none!important}.login-split-right{box-sizing:border-box!important;width:100%!important;padding:28px 18px!important}.login-logo-wrapper{justify-content:center!important}.login-right-header{text-align:center!important}}.body-tecnico{-webkit-overflow-scrolling:touch;background-color:#f1f5f9;height:auto;margin:0;padding:0;font-family:Inter,sans-serif;display:block;overflow-y:auto!important}.body-tecnico .panel-container,.panel-container{background-color:var(--bg-color,#f1f5f9);flex-direction:row;width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.body-tecnico .sidebar-tecnico,.sidebar-tecnico{color:#fff;box-sizing:border-box;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-right:1px solid #1e293b;flex-direction:column;flex-shrink:0;gap:12px;width:280px;min-width:280px;padding:24px 20px;display:flex}.sidebar-tecnico h2,.body-tecnico .sidebar-tecnico h2{color:#fff;letter-spacing:-.025em;margin:0 0 4px;font-size:1.35rem;font-weight:800}.sidebar-tecnico p,.body-tecnico .sidebar-tecnico p{color:#94a3b8;margin:0 0 20px;font-size:.825rem;font-weight:500}.theme-btn-tecnico,.body-tecnico .theme-btn-tecnico{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.theme-btn-tecnico.theme-dark,.body-tecnico .theme-btn-tecnico.theme-dark{color:#f1f5f9;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}.theme-btn-tecnico.theme-dark:hover,.body-tecnico .theme-btn-tecnico.theme-dark:hover{background:rgba(255,255,255,.15)}.theme-btn-tecnico.theme-logout,.body-tecnico .theme-btn-tecnico.theme-logout{color:#fca5a5;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);text-decoration:none}.theme-btn-tecnico.theme-logout:hover,.body-tecnico .theme-btn-tecnico.theme-logout:hover{color:#fff;background:rgba(239,68,68,.25);box-shadow:0 4px 12px rgba(239,68,68,.2)}.theme-btn-tecnico.theme-refresh,.body-tecnico .theme-btn-tecnico.theme-refresh{color:#93c5fd;background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);margin-bottom:12px;text-decoration:none}.theme-btn-tecnico.theme-refresh:hover,.body-tecnico .theme-btn-tecnico.theme-refresh:hover{color:#fff;background:rgba(59,130,246,.25);box-shadow:0 4px 12px rgba(59,130,246,.2)}.panel-container .main-content,.body-tecnico .main-content{box-sizing:border-box;flex-grow:1;width:100%;max-height:100vh;padding:24px;overflow-y:auto!important}@media (max-width:1200px),(pointer:coarse){.panel-container,.body-tecnico .panel-container{flex-direction:column!important;width:100%!important;min-height:auto!important;overflow-x:hidden!important}.sidebar-tecnico,.body-tecnico .sidebar-tecnico{box-sizing:border-box!important;border-bottom:1px solid rgba(255,255,255,.1)!important;border-right:none!important;width:100%!important;min-width:100%!important;padding:16px!important}.panel-container .main-content,.body-tecnico .main-content{box-sizing:border-box!important;width:100%!important;max-height:none!important;padding:16px 12px!important;overflow-y:visible!important}}.body-tecnico .break-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)}.body-tecnico .break-card-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.1rem;font-weight:800}.body-tecnico .break-card-status{color:#64748b;align-items:center;gap:6px;margin:4px 0 0;font-size:.875rem;font-weight:500;display:flex}.body-tecnico .panic-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:20px 24px;transition:all .3s;display:flex;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)}.body-tecnico .panic-card.activo{background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);border-color:#dc2626;color:#fff!important}.body-tecnico .panic-card.activo .panic-card-title{color:#fff!important}.body-tecnico .panic-card.activo .panic-card-status{color:#fee2e2!important}.body-tecnico .panic-card-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.1rem;font-weight:800}.body-tecnico .panic-card-status{color:#64748b;margin:4px 0 0;font-size:.875rem;font-weight:500}.body-tecnico .btn-panic-toggle{cursor:pointer;color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 10px rgba(239,68,68,.2)}.body-tecnico .btn-panic-toggle:hover{background:linear-gradient(135deg,#f87171 0%,#ef4444 100%);transform:translateY(-1px);box-shadow:0 6px 14px rgba(239,68,68,.3)}.body-tecnico .btn-panic-turnoff{color:#fff;cursor:pointer;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);border-radius:12px;align-items:center;gap:8px;padding:12px 18px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.body-tecnico .btn-panic-turnoff:hover{background:rgba(255,255,255,.3);transform:translateY(-1px)}.body-tecnico .btn-grua-call{color:#dc2626;background:#fff;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 18px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 10px rgba(0,0,0,.15)}.body-tecnico .btn-grua-call:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,.2)}.body-tecnico .break-status-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.body-tecnico .break-status-badge.disponible{color:#065f46;background-color:#d1fae5}.body-tecnico .break-status-badge.descanso{color:#92400e;background-color:#fef3c7}.body-tecnico .btn-break{cursor:pointer;color:#fff;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 10px rgba(0,0,0,.08)}.body-tecnico .btn-break.iniciar{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.body-tecnico .btn-break.iniciar:hover{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);transform:translateY(-1px);box-shadow:0 6px 14px rgba(217,119,6,.25)}.body-tecnico .btn-break.terminar{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.body-tecnico .btn-break.terminar:hover{background:linear-gradient(135deg,#34d399 0%,#10b981 100%);transform:translateY(-1px);box-shadow:0 6px 14px rgba(5,150,105,.25)}.body-tecnico .btn-break:active{transform:translateY(1px)}.body-tecnico .visita-card{background:#fff;border-left:6px solid #94a3b8;border-radius:16px;margin-bottom:20px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)}.body-tecnico .visita-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.05),0 4px 6px -2px rgba(0,0,0,.02)}.body-tecnico .visita-en-ruta{border-left-color:#f59e0b}.body-tecnico .visita-en-progreso{border-left-color:#3b82f6}.body-tecnico .visita-finalizada{opacity:.85;border-left-color:#10b981}.body-tecnico .visita-title{color:var(--primary);letter-spacing:-.02em;font-size:1.35rem;font-weight:800}.body-tecnico .visita-ref{color:#94a3b8;margin-top:3px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.72rem}.body-tecnico .badge-estado-visita{color:#475569;text-transform:uppercase;letter-spacing:.02em;background-color:#e2e8f0;border-radius:20px;margin-bottom:6px;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-block}.body-tecnico .badge-prioridad-alta{color:#b91c1c;letter-spacing:.03em;background-color:#fee2e2;border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:700}.body-tecnico .badge-prioridad-baja{color:#475569;letter-spacing:.03em;background-color:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:700}.body-tecnico .dato-cliente{border-bottom:1px solid #f1f5f9;margin-bottom:16px;padding-bottom:12px}.body-tecnico .dato-cliente strong{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.75rem;font-weight:700;display:block}.body-tecnico .dato-cliente span{color:#0f172a;font-size:1.05rem;font-weight:600}.body-tecnico .btn-map-nav{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 6px rgba(37,99,235,.15)}.body-tecnico .btn-map-nav:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-1px);box-shadow:0 6px 12px rgba(37,99,235,.25)}.body-tecnico .btn-map-nav:active{transform:translateY(1px)}.body-tecnico .btn-call{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;align-items:center;gap:6px;height:fit-content;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 6px rgba(37,99,235,.15)}.body-tecnico .btn-call:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-1px);box-shadow:0 6px 12px rgba(37,99,235,.25)}.body-tecnico .btn-call:active{transform:translateY(1px)}.body-tecnico .btn-historial{color:#475569;cursor:pointer;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:6px;height:fit-content;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.body-tecnico .btn-historial:hover{color:#1e293b;background-color:#e2e8f0;border-color:#94a3b8}.body-tecnico .btn-action-route{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:1.05rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 10px rgba(217,119,6,.15)}.body-tecnico .btn-action-route:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-1px);box-shadow:0 6px 14px rgba(217,119,6,.25)}.body-tecnico .btn-action-route:active{transform:translateY(1px)}.body-tecnico .btn-action-start{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:1.05rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 10px rgba(37,99,235,.15)}.body-tecnico .btn-action-start:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-1px);box-shadow:0 6px 14px rgba(37,99,235,.25)}.body-tecnico .btn-action-start:active{transform:translateY(1px)}.body-tecnico .btn-action-finalize{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:1.05rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 10px rgba(5,150,105,.15)}.body-tecnico .btn-action-finalize:hover{background:linear-gradient(135deg,#34d399,#10b981);transform:translateY(-1px);box-shadow:0 6px 14px rgba(5,150,105,.25)}.body-tecnico .btn-action-finalize:active{transform:translateY(1px)}.body-tecnico .materials-card{box-shadow:var(--shadow-sm);border:1px solid #cbd5e1;border-radius:12px;margin:16px 0;overflow:hidden}.body-tecnico .materials-header{color:#fff;background-color:#1e293b;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.body-tecnico .materials-header h6{margin:0;font-size:.9rem;font-weight:700}.body-tecnico .btn-add-material{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .2s}.body-tecnico .btn-add-material:hover{background-color:#34d399}.body-tecnico .materials-body{background-color:#f8fafc;border-top:none;padding:16px}.body-tecnico .btn-gps{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:15px;padding:12px;font-size:1rem;font-weight:700;display:flex}.body-tecnico select,.body-tecnico textarea,.body-tecnico input[type=text]{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;width:100%;margin-top:5px;padding:12px;font-size:1rem}.body-tecnico .btn-wa{color:#fff;cursor:pointer;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:15px;padding:14px;font-size:1.05rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 10px rgba(18,140,126,.15)}.body-tecnico .btn-wa:hover{background:linear-gradient(135deg,#4ade80,#22c55e);transform:translateY(-1px);box-shadow:0 6px 14px rgba(18,140,126,.25)}.body-tecnico .btn-wa:active{transform:translateY(1px)}.body-tecnico .empty-state-container{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;margin-top:10px;padding:60px 24px;display:flex;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.body-tecnico .empty-state-icon{color:#94a3b8;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;font-size:3rem;display:flex}.body-tecnico .empty-state-title{color:#0f172a;margin:0 0 8px;font-size:1.3rem;font-weight:800}.body-tecnico .empty-state-subtitle{color:#64748b;max-width:320px;margin:0;font-size:.95rem;line-height:1.5}@media (max-width:768px){.body-tecnico .panel-container{flex-direction:column}.body-tecnico .sidebar-tecnico{box-sizing:border-box;text-align:center;border-bottom:3px solid #ef4444;border-right:none;gap:12px;width:100%;padding:24px 20px;position:static}.body-tecnico .sidebar-tecnico h2{margin:0;font-size:1.6rem}.body-tecnico .sidebar-tecnico p{margin:0 0 10px}.body-tecnico .theme-btn-tecnico{max-width:320px;margin:0 auto}.body-tecnico .main-content{max-height:none;padding:16px;overflow-y:visible!important}.body-tecnico .break-card{text-align:center;flex-direction:column;gap:16px;padding:20px}.body-tecnico .break-card-status{justify-content:center}.body-tecnico .btn-break{justify-content:center;width:100%}}.body-mapa-cliente{background-color:#f8fafc;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:block}.body-mapa-cliente html{height:100%}.body-mapa-cliente .header{background-color:var(--primary);color:#fff;text-align:center;z-index:1000;padding:20px;position:relative;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.body-mapa-cliente .header h1{color:#fff;margin:0;font-size:1.4rem}.body-mapa-cliente .header p{opacity:.9;color:#fff;margin:5px 0 0;font-size:.9rem}.body-mapa-cliente #mapa{z-index:1;width:100%;height:60vh}.body-mapa-cliente .info-card{box-sizing:border-box;z-index:1000;background:#fff;border-radius:20px 20px 0 0;width:100%;padding:20px;position:absolute;bottom:0;box-shadow:0 -4px 10px rgba(0,0,0,.1)}.body-mapa-cliente .status-badge{color:#b45309;background:#fef3c7;border-radius:20px;margin-bottom:10px;padding:5px 12px;font-size:.85rem;font-weight:700;display:inline-block}.body-mapa-cliente .tech-name{color:#1e293b;margin:0;font-size:1.2rem;font-weight:700}.body-mapa-cliente .mensaje{color:#64748b;margin-top:5px;font-size:.95rem}.body-mapa-cliente .llegada{color:#fff;text-align:center;background-color:#10b981;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:25px 20px;display:flex}.body-mapa-cliente #pantalla-llegada{display:none}.body-mapa-cliente .llegada h2{margin-bottom:10px;font-size:2rem}.sidebar{flex-shrink:0;width:280px;transition:width .3s cubic-bezier(.4,0,.2,1);overflow-x:hidden;overflow-y:auto}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:4px}body.dark-mode .sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15)}.sidebar.collapsed{width:80px}.sidebar-header{transition:padding .3s,gap .3s}.sidebar.collapsed .sidebar-header{justify-content:center;gap:0;padding:0 0 20px}.sidebar.collapsed .logo-container{opacity:0;pointer-events:none;max-width:0;margin:0;padding:0;display:none;overflow:hidden}.nav-item{transition:all .2s,margin .3s,padding .3s,gap .3s}.nav-item span{opacity:1;white-space:nowrap;max-width:200px;transition:opacity .2s,max-width .2s;overflow:hidden}.sidebar.collapsed .nav-item{justify-content:center;gap:0;margin:6px 12px;padding:14px 0}.sidebar.collapsed .nav-item span{opacity:0;max-width:0}.sidebar-footer{flex-direction:column;gap:15px;margin-top:auto;padding:20px;transition:padding .3s,align-items .3s;display:flex}.sidebar.collapsed .sidebar-footer{align-items:center;padding:20px 10px}.profile-card{background-color:var(--profile-bg);color:var(--profile-text);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.sidebar.collapsed .profile-card{width:44px;height:44px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;gap:0;padding:10px}.profile-avatar{background-color:var(--profile-avatar-bg);width:36px;height:36px;color:var(--profile-avatar-text);box-shadow:0 0 0 2px var(--card-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;transition:width .3s,height .3s,font-size .3s;display:flex}.sidebar.collapsed .profile-avatar{width:24px;height:24px;font-size:.9rem}.profile-info{opacity:1;flex-direction:column;max-width:180px;transition:opacity .2s,max-width .2s;display:flex;overflow:hidden}.sidebar.collapsed .profile-info{opacity:0;max-width:0}.profile-role{opacity:.8;white-space:nowrap;font-size:.8rem;font-weight:500}.profile-name{white-space:nowrap;font-size:.95rem;font-weight:700}.logout-link{color:var(--sidebar-text);border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:8px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.logout-link:hover{color:var(--primary);background-color:rgba(220,38,38,.05)}.sidebar.collapsed .logout-link{border-radius:50%;justify-content:center;padding:10px 0}.logout-link i{font-size:1.1rem;transition:transform .2s}.logout-link:hover i{transform:translate(2px)}.sidebar.collapsed .logout-link:hover i{transform:scale(1.1)}.logout-link span{opacity:1;white-space:nowrap;max-width:150px;transition:opacity .2s,max-width .2s;overflow:hidden}.sidebar.collapsed .logout-link span{opacity:0;max-width:0}.main-content{flex:1;padding:40px;transition:margin-left .3s;overflow-y:auto}.segmented-control{background-color:var(--profile-bg);border:1px solid var(--border-color);border-radius:10px;width:100%;margin-top:5px;padding:3px;display:flex;position:relative;overflow:hidden}.segmented-slider{background:var(--card-bg);border-radius:8px;width:calc(50% - 3px);transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 2px 6px rgba(0,0,0,.08)}.segmented-btn{color:var(--sidebar-text);cursor:pointer;z-index:2;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 12px;font-size:.8rem;font-weight:700;transition:color .3s;display:flex;position:relative}.segmented-btn.active{color:var(--primary)}.static-area-badge{color:var(--primary);background:var(--nav-active-bg);border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:6px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}body.dark-mode{--bg-color:#0b0f19;--sidebar-bg:#0f172a;--sidebar-hover:rgba(244,63,94,.06);--sidebar-text:#94a3b8;--text-main:#f8fafc;--card-bg:#1e293b;--border-color:rgba(51,65,85,.6);--shadow-sm:0 4px 12px rgba(0,0,0,.25);--shadow-md:0 16px 36px rgba(0,0,0,.35);--nav-active-bg:rgba(244,63,94,.15);--nav-active-text:#fda4af;--profile-bg:#1e293b;--profile-text:#f8fafc;--profile-avatar-bg:var(--primary);--profile-avatar-text:#fff}body.dark-mode .segmented-control{background-color:#0b0f19}body.dark-mode .segmented-slider{background-color:#1e293b}.theme-btn{color:var(--sidebar-text);cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:10px;justify-content:flex-start;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.theme-btn:hover{color:var(--primary);background-color:rgba(220,38,38,.05)}.sidebar.collapsed .theme-btn{border-radius:50%;justify-content:center;padding:10px 0}.theme-btn span{opacity:1;white-space:nowrap;max-width:150px;transition:opacity .2s,max-width .2s;overflow:hidden}.sidebar.collapsed .theme-btn span{opacity:0;max-width:0}body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6,body.dark-mode .profile-name{color:var(--text-main)!important}body.dark-mode label{color:#94a3b8!important}body.dark-mode input[type=text],body.dark-mode input[type=date],body.dark-mode input[type=number],body.dark-mode input[type=datetime-local],body.dark-mode select,body.dark-mode textarea{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}body.dark-mode input[type=text]:focus,body.dark-mode input[type=date]:focus,body.dark-mode input[type=number]:focus,body.dark-mode input[type=datetime-local]:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{border-color:var(--primary)!important;background-color:#1e293b!important}.visita-detalles-row,.visita-detalles-row td,.visita-detalles-row:hover,.visita-detalles-row:hover td{background-color:#f8fafc!important}.visita-detalles-container{color:#334155!important}body.dark-mode .visita-detalles-row,body.dark-mode .visita-detalles-row td,body.dark-mode .visita-detalles-row:hover,body.dark-mode .visita-detalles-row:hover td{background-color:#0f172a!important}body.dark-mode .visita-detalles-container{color:#cbd5e1!important}body.dark-mode table{background:var(--card-bg)!important}body.dark-mode th{color:#94a3b8!important;background-color:#0f172a!important}body.dark-mode tr:hover{background-color:#334155!important}body.dark-mode .nav-item:hover,body.dark-mode .nav-item.active{color:#f8fafc!important;background-color:#334155!important}body.dark-mode .nav-item.active svg{color:var(--primary)}body.dark-mode .card{background-color:var(--card-bg)!important}body.dark-mode .ruta-card{background-color:var(--card-bg)!important;border-color:var(--border-color)!important}body.dark-mode .ruta-card strong{color:var(--text-main)!important}body.dark-mode .modal-content,body.dark-mode #modalHistorial>div{background-color:var(--card-bg)!important;color:var(--text-main)!important;border:1px solid var(--border-color)!important;box-shadow:0 10px 25px rgba(0,0,0,.5)!important}body.dark-mode #modalHistorial>div>div:first-child{border-bottom:1px solid var(--border-color)!important;background-color:#0f172a!important}body.dark-mode [style*="background: #ffffff"],body.dark-mode [style*="background: white"],body.dark-mode [style*="background-color: #ffffff"],body.dark-mode [style*="background-color: white"],body.dark-mode [style*="background: #fff"],body.dark-mode [style*="background-color: #fff"]{background-color:var(--card-bg)!important}body.dark-mode [style*="background-color: #f8fafc"],body.dark-mode [style*="background: #f8fafc"]{background-color:#0f172a!important}body.dark-mode [style*="background-color: #f1f5f9"],body.dark-mode [style*="background: #f1f5f9"],body.dark-mode [style*="background-color: #e2e8f0"],body.dark-mode [style*="background: #e2e8f0"]{background-color:#334155!important}body.dark-mode [style*="color: #0f172a"],body.dark-mode [style*="color: #1e293b"],body.dark-mode [style*="color: #334155"]{color:#f8fafc!important}body.dark-mode [style*="color: #475569"],body.dark-mode [style*="color: #64748b"]{color:#94a3b8!important}body.dark-mode [style*="border-color: #cbd5e1"],body.dark-mode [style*="border: 1px solid #cbd5e1"],body.dark-mode [style*="border: 1px dashed #cbd5e1"],body.dark-mode [style*="border: 1px solid #e2e8f0"],body.dark-mode [style*="border-color: #e2e8f0"]{border-color:#334155!important}body.dark-mode [style*="border-bottom: 2px solid #e2e8f0"]{border-bottom-color:#334155!important}body.dark-mode.body-tecnico{background-color:#090d16}body.dark-mode .sidebar-tecnico{border-bottom:3px solid #dc2626;border-right:1px solid #1e293b;background:linear-gradient(135deg,#0f172a 0%,#020617 100%)!important}body.dark-mode .sidebar-tecnico h2{color:#fff!important}body.dark-mode .sidebar-tecnico p{color:#64748b!important}body.dark-mode .break-card{background-color:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px rgba(0,0,0,.2)!important}body.dark-mode .break-card-title{color:#f8fafc!important}body.dark-mode .break-card-status{color:#94a3b8!important}body.dark-mode .panic-card{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px rgba(0,0,0,.2)!important}body.dark-mode .panic-card.activo{color:#fff!important;background:linear-gradient(135deg,#ef4444 0%,#7f1d1d 100%)!important;border-color:#b91c1c!important}body.dark-mode .panic-card-title{color:#f8fafc!important}body.dark-mode .panic-card-status{color:#94a3b8!important}body.dark-mode .break-status-badge.disponible{color:#34d399!important;background-color:rgba(16,185,129,.15)!important}body.dark-mode .break-status-badge.descanso{color:#fbbf24!important;background-color:rgba(245,158,11,.15)!important}body.dark-mode .visita-card{color:#f8fafc!important;background-color:#1e293b!important;box-shadow:0 10px 15px -3px rgba(0,0,0,.2),0 4px 6px -2px rgba(0,0,0,.1)!important}body.dark-mode .visita-title{color:#f8fafc!important}body.dark-mode .visita-ref{color:#64748b!important}body.dark-mode .badge-estado-visita{color:#cbd5e1!important;background-color:#334155!important}body.dark-mode .badge-prioridad-alta{color:#fca5a5!important;background-color:rgba(239,68,68,.15)!important}body.dark-mode .badge-prioridad-baja{color:#94a3b8!important;background-color:#334155!important}body.dark-mode .dato-cliente{border-bottom-color:#334155!important}body.dark-mode .dato-cliente span{color:#f8fafc!important}body.dark-mode .dato-cliente strong{color:#94a3b8!important}body.dark-mode .body-tecnico .materials-card{border-color:#334155!important}body.dark-mode .body-tecnico .materials-header{background-color:#0f172a!important}body.dark-mode .body-tecnico .materials-body{background-color:#1e293b!important}body.dark-mode .body-tecnico .empty-state-container{background-color:#1e293b!important;border-color:#334155!important}body.dark-mode .body-tecnico .empty-state-icon{color:#64748b!important;background-color:#0f172a!important}body.dark-mode .body-tecnico .empty-state-title{color:#f8fafc!important}body.dark-mode .body-tecnico .empty-state-subtitle{color:#94a3b8!important}body.dark-mode .body-tecnico select,body.dark-mode .body-tecnico textarea,body.dark-mode .body-tecnico input[type=text]{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}body.dark-mode .body-tecnico select:focus,body.dark-mode .body-tecnico textarea:focus,body.dark-mode .body-tecnico input[type=text]:focus{border-color:var(--primary)!important}body.dark-mode .body-tecnico .card-header{background-color:#0f172a!important}body.dark-mode .body-tecnico .card-body{background-color:#1e293b!important;border-color:#334155!important}body.dark-mode .metric-kpi-card{background-color:var(--card-bg)!important;border-color:var(--border-color)!important}body.dark-mode .metric-kpi-info h3{color:var(--text-main)!important}body.dark-mode .metric-kpi-info p{color:#94a3b8!important}body.dark-mode .top-client-item{border-left-color:var(--primary)!important;background-color:#0f172a!important}body.dark-mode .top-client-item h5{color:var(--text-main)!important}body.dark-mode .top-client-item span{color:#94a3b8!important}body.dark-mode .timeline-content{background-color:var(--card-bg)!important;border-color:var(--border-color)!important}body.dark-mode .timeline-problem{color:var(--text-main)!important}body.dark-mode .timeline-solution{color:#cbd5e1!important;background-color:#0f172a!important;border-left-color:#64748b!important}body.dark-mode .timeline-footer{color:#cbd5e1!important;background-color:#0f172a!important}body.dark-mode .tech-pill{color:#f8fafc!important;background-color:#334155!important}body.dark-mode #metrics-loader{background-color:var(--card-bg)!important;border-color:var(--border-color)!important}body.dark-mode #tab-metricas>div[style*="background: white"],body.dark-mode #tab-metricas>div[style*="background: #f8fafc"],body.dark-mode #tab-metricas>div[style*=background-color\:],body.dark-mode #tab-metricas .card{background-color:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-main)!important}body.dark-mode #tab-metricas h1,body.dark-mode #tab-metricas h3,body.dark-mode #tab-metricas h4,body.dark-mode #tab-metricas p{color:var(--text-main)!important}body.dark-mode #tab-metricas p,body.dark-mode #tab-metricas form label{color:#94a3b8!important}body.dark-mode #tab-metricas #form-auditoria input{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}body.dark-mode #tab-metricas #form-auditoria input:focus{border-color:var(--primary)!important}body.dark-mode #tab-metricas div[style*="background: #f8fafc"],body.dark-mode #tab-metricas div[style*="background-color: #f8fafc"]{background-color:#0f172a!important;border-color:#334155!important}body.dark-mode #tab-inventario>div[style*="background: white"],body.dark-mode #tab-inventario #inventario-loader,body.dark-mode #tab-inventario .card,body.dark-mode #tab-inventario .metric-kpi-card{background-color:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-main)!important}body.dark-mode #tab-inventario h1,body.dark-mode #tab-inventario h3,body.dark-mode #tab-inventario p{color:var(--text-main)!important}body.dark-mode #tab-inventario p{color:#94a3b8!important}body.dark-mode #tab-inventario select#filtro-tecnico-inv{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}body.dark-mode #tab-inventario .table-container,body.dark-mode #tab-inventario table,body.dark-mode #tab-inventario td,body.dark-mode #tab-inventario th{border-color:#334155!important}body.dark-mode #tab-inventario #bodega-tbody td,body.dark-mode #tab-inventario #tecnicos-tbody td{color:var(--text-main)!important}body.dark-mode #tab-inventario #bodega-tbody td:last-child{color:#38bdf8!important}body.dark-mode #tab-inventario #tecnicos-tbody td:nth-child(3){color:#818cf8!important}body.dark-mode #tab-inventario #tecnicos-tbody td:last-child{color:#34d399!important}body.dark-mode #modalIngresoBodega>div,body.dark-mode #modalEntrega>div,body.dark-mode #modalDevolucion>div{background-color:var(--card-bg)!important;color:var(--text-main)!important;border:1px solid var(--border-color)!important;box-shadow:0 10px 25px rgba(0,0,0,.5)!important}body.dark-mode #modalIngresoBodega>div>div:first-child,body.dark-mode #modalEntrega>div>div:first-child,body.dark-mode #modalDevolucion>div>div:first-child{border-bottom:1px solid var(--border-color)!important;background-color:#0f172a!important}body.dark-mode #modalIngresoBodega h5{color:#38bdf8!important}body.dark-mode #modalEntrega h5{color:#818cf8!important}body.dark-mode #modalDevolucion h5{color:#fca5a5!important}body.dark-mode #modalIngresoBodega select,body.dark-mode #modalIngresoBodega input,body.dark-mode #modalEntrega select,body.dark-mode #modalEntrega input,body.dark-mode #modalDevolucion select,body.dark-mode #modalDevolucion input{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}body.dark-mode .body-tecnico [id^=material_row_]{background-color:#0f172a!important;border-color:#334155!important}body.dark-mode .body-tecnico [id^=material_row_] select,body.dark-mode .body-tecnico [id^=material_row_] input{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important}body.dark-mode .body-tecnico [id^=material_row_] button{color:#fca5a5!important;background-color:transparent!important;border-color:#ef4444!important}body.dark-mode .fila-pendiente{background-color:#1e293b!important;border-left:4px solid #475569!important}body.dark-mode .fila-verde{background-color:#064e3b!important}body.dark-mode .fila-roja{background-color:#7f1d1d!important}body.dark-mode .fila-celeste{background-color:#0c4a6e!important}body.dark-mode .fila-naranja{background-color:#7c2d12!important}body.dark-mode .fila-morada{background-color:#581c87!important}body.dark-mode .fila-amarilla{background-color:#713f12!important}body.dark-mode .fila-blanca{background-color:#1e293b!important;border-color:#334155!important}@media (max-width:480px){.login-glass-card{border-radius:20px;margin:auto;padding:30px 20px;box-shadow:0 15px 30px rgba(0,0,0,.4)}.login-header h1{font-size:1.75rem}.login-header{margin-bottom:25px}}.sidebar-area-selector{transition:opacity .2s,max-width .2s}.sidebar.collapsed .sidebar-area-selector{display:none!important}body.dark-mode img.firma-exhibicion,body.dark-mode .firma-canvas-container{background:#fff!important}.historial-badge-estado{border-radius:4px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-block}.historial-badge-estado.status-finalizada{color:#15803d;background-color:#dcfce7}.historial-badge-estado.status-cancelada{color:#b91c1c;background-color:#fee2e2}.historial-badge-estado.status-solventada_remota{color:#0369a1;background-color:#e0f2fe}body.dark-mode .historial-badge-estado.status-finalizada{color:#4ade80!important;background-color:rgba(22,163,74,.15)!important}body.dark-mode .historial-badge-estado.status-cancelada{color:#fca5a5!important;background-color:rgba(239,68,68,.15)!important}body.dark-mode .historial-badge-estado.status-solventada_remota{color:#38bdf8!important;background-color:rgba(56,189,248,.15)!important}body.dark-mode [style*="background-color: #fffbeb"],body.dark-mode [style*="background-color: #fef3c7"],body.dark-mode [style*="background: #fffbeb"],body.dark-mode [style*="background: #fef3c7"]{background-color:rgba(245,158,11,.15)!important;border-color:rgba(245,158,11,.3)!important}body.dark-mode [style*="color: #b45309"],body.dark-mode [style*="color: #d97706"]{color:#fbbf24!important}body.dark-mode [style*="background-color: #eff6ff"],body.dark-mode [style*="background: #eff6ff"]{background-color:rgba(59,130,246,.15)!important;border-color:rgba(59,130,246,.3)!important}body.dark-mode [style*="background-color: #e0e7ff"],body.dark-mode [style*="background: #e0e7ff"]{background-color:rgba(99,102,241,.15)!important;border-color:rgba(99,102,241,.3)!important}body.dark-mode [style*="color: #3730a3"]{color:#818cf8!important}body.dark-mode [style*="background-color: #fee2e2"],body.dark-mode [style*="background: #fee2e2"]{background-color:rgba(239,68,68,.15)!important;border-color:rgba(239,68,68,.3)!important}body.dark-mode [style*="color: #991b1b"]{color:#fca5a5!important}body.dark-mode .leaflet-popup-content-wrapper,body.dark-mode .leaflet-popup-tip{color:#f8fafc!important;background-color:#1e293b!important;border:1px solid rgba(51,65,85,.6)!important;box-shadow:0 10px 25px rgba(0,0,0,.5)!important}body.dark-mode .leaflet-bar a{color:#f8fafc!important;background-color:#1e293b!important;border-bottom:1px solid rgba(51,65,85,.6)!important}body.dark-mode .leaflet-bar a:hover{background-color:#334155!important}body.dark-mode ::-webkit-scrollbar-track{background:#0f172a}body.dark-mode ::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.badge{border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:#15803d;background-color:#dcfce7;border:1px solid rgba(21,128,61,.1)}.badge-warning{color:#b45309;background-color:#fef3c7;border:1px solid rgba(180,83,9,.1)}.badge-danger{color:#b91c1c;background-color:#fee2e2;border:1px solid rgba(185,28,28,.1)}.badge-info{color:#0369a1;background-color:#e0f2fe;border:1px solid rgba(3,105,161,.1)}body.dark-mode .badge-success{color:#34d399!important;background-color:rgba(16,185,129,.15)!important;border:1px solid rgba(52,211,153,.2)!important}body.dark-mode .badge-warning{color:#fbbf24!important;background-color:rgba(245,158,11,.15)!important;border:1px solid rgba(251,191,36,.2)!important}body.dark-mode .badge-danger{color:#fca5a5!important;background-color:rgba(244,63,94,.15)!important;border:1px solid rgba(253,164,175,.2)!important}body.dark-mode .badge-info{color:#38bdf8!important;background-color:rgba(56,189,248,.15)!important;border:1px solid rgba(56,189,248,.2)!important}.glow-primary{box-shadow:0 4px 20px rgba(225,29,72,.08)}.glow-primary:hover{box-shadow:0 4px 20px rgba(225,29,72,.15)}body.dark-mode .glow-primary{box-shadow:0 4px 20px rgba(225,29,72,.15)!important}body.dark-mode .glow-primary:hover{box-shadow:0 4px 25px rgba(225,29,72,.25)!important}.glow-teal{box-shadow:0 4px 20px rgba(20,184,166,.08)}.glow-teal:hover{box-shadow:0 4px 20px rgba(20,184,166,.15)}body.dark-mode .glow-teal{box-shadow:0 4px 20px rgba(20,184,166,.15)!important}body.dark-mode .glow-teal:hover{box-shadow:0 4px 25px rgba(20,184,166,.25)!important}.custom-transition{transition:all .2s ease-in-out}.hybrid-panel-btn{background:linear-gradient(135deg, var(--primary) 0%, #1d4ed8 100%);color:#fff;box-sizing:border-box;border-radius:12px;align-items:center;gap:10px;width:100%;margin-bottom:12px;padding:12px 15px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 10px rgba(37,99,235,.2)}.hybrid-panel-btn:hover{transform:translateY(-1px);box-shadow:0 6px 12px rgba(37,99,235,.3)}.hybrid-panel-btn i{flex-shrink:0;font-size:1.1rem;transition:transform .2s}.hybrid-panel-btn span{opacity:1;white-space:nowrap;max-width:150px;transition:opacity .2s,max-width .2s;overflow:hidden}.sidebar.collapsed .hybrid-panel-btn{border-radius:50%;justify-content:center;width:44px;height:44px;margin-bottom:12px;padding:10px 0}.sidebar.collapsed .hybrid-panel-btn span{opacity:0;max-width:0;display:none}input[type=password]::-ms-reveal{display:none!important}input[type=password]::-ms-clear{display:none!important}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 rgba(16,185,129,.7)}70%{transform:scale(1);box-shadow:0 0 0 6px rgba(16,185,129,0)}to{transform:scale(.95);box-shadow:0 0 rgba(16,185,129,0)}}.atencion-layout{grid-template-columns:1.6fr 1fr;align-items:start;gap:25px;display:grid}@media (max-width:1024px){.atencion-layout{grid-template-columns:1fr}}.historial-item{border:1px solid #e2e8f0;border-left:4px solid var(--primary);text-align:left;box-shadow:var(--shadow-sm);background-color:#f8fafc;border-radius:12px;padding:15px;font-size:.85rem;transition:all .2s}.historial-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.historial-item-obs{color:#475569;word-break:break-word;background:#fff;border:1px solid #f1f5f9;border-radius:8px;margin-top:4px;padding:8px 10px;font-size:.8rem;font-style:italic}body.dark-mode .historial-item{border-color:#334155;border-left-color:var(--primary);background-color:#1e293b}body.dark-mode .historial-item-obs{color:#94a3b8;background:#0f172a;border-color:#334155}.spinner{border:2px solid rgba(255,255,255,.3);border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}body.dark-mode ::-webkit-scrollbar-thumb{background:#475569}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#64748b}.card{transition:transform .2s,box-shadow .2s}body.dark-mode .card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);background-color:rgba(30,41,59,.7)!important}body.dark-mode input[type=text],body.dark-mode input[type=date],body.dark-mode select,body.dark-mode textarea{transition:border-color .2s,box-shadow .2s;color:#fff!important;background-color:rgba(15,23,42,.6)!important;border:1px solid rgba(255,255,255,.15)!important}body.dark-mode input[type=text]:focus,body.dark-mode input[type=date]:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{outline:none;border-color:#6366f1!important;box-shadow:0 0 0 3px rgba(99,102,241,.25)!important}.metric-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;width:100%;margin-bottom:25px;display:grid}.metric-kpi-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:20px;align-items:center;gap:20px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}.metric-kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.metric-kpi-info h3{color:var(--text-main);margin:0;font-size:1.8rem;font-weight:800}.metric-kpi-info p{color:var(--sidebar-text);text-transform:uppercase;letter-spacing:.05em;margin:4px 0 0;font-size:.8rem;font-weight:700}.top-client-item{background:var(--profile-bg);border-left:4px solid var(--primary);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px 18px;transition:transform .2s;display:flex;box-shadow:0 1px 3px rgba(0,0,0,.02)}.top-client-item:hover{transform:translate(4px)}.timeline-container{padding:20px 0;position:relative}.timeline-container:before{content:"";background:var(--border-color);width:2px;position:absolute;top:0;bottom:0;left:20px}.timeline-item{margin-bottom:30px;padding-left:50px;animation:.4s fadeIn;position:relative}.timeline-badge{z-index:1;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:4px;left:7px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.timeline-content{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;padding:20px;transition:box-shadow .2s}.timeline-content:hover{box-shadow:var(--shadow-md)}.timeline-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.timeline-date{color:var(--text-main);align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:flex}.timeline-status{text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700}.timeline-status.finalizada{color:#065f46;background:#d1fae5}.timeline-status.reagendada{color:#1e40af;background:#dbeafe}.timeline-status.cancelada{color:#991b1b;background:#fee2e2}.timeline-status.pendiente{color:#334155;background:#f1f5f9}body.dark-mode .timeline-status.pendiente{color:#cbd5e1;background:#334155}.timeline-body{margin-bottom:12px}.timeline-problem{color:var(--text-main);margin:0 0 8px;font-size:1.05rem;font-weight:700}.timeline-solution{color:var(--text-main);background:var(--profile-bg);border-left:4px solid var(--sidebar-text);border-radius:10px;margin:0;padding:12px 16px;font-size:.9rem}.timeline-footer{color:var(--sidebar-text);background:var(--profile-bg);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;padding:10px 16px;font-size:.85rem;display:flex}.timeline-techs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tech-pill{background:var(--border-color);color:var(--text-main);border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}body.dark-mode .login-split-card{background:#0f172a;border-color:rgba(255,255,255,.1);box-shadow:0 25px 50px -12px rgba(0,0,0,.8)}body.dark-mode .login-split-right{color:#f8fafc;background:#0f172a}body.dark-mode .login-right-header h2{color:#fff}body.dark-mode .login-right-header p{color:#94a3b8}body.dark-mode .login-form-group label{color:#cbd5e1}body.dark-mode .login-input{color:#fff!important;background-color:rgba(15,23,42,.7)!important;border-color:rgba(255,255,255,.15)!important}body.dark-mode .login-input::placeholder{color:#64748b!important}body.dark-mode .input-icon{color:#64748b}body.dark-mode .toggle-password-btn{color:#94a3b8}.pro-time-tag{color:#6366f1;background:rgba(99,102,241,.12);border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-family:monospace;font-size:.78rem;font-weight:800;display:inline-flex}body.dark-mode .pro-time-tag{color:#818cf8;background:rgba(99,102,241,.2)}.pro-contract-pill{color:var(--primary);background:rgba(225,29,72,.08);border:1px solid rgba(225,29,72,.2);border-radius:6px;padding:2px 8px;font-family:monospace;font-size:.8rem;font-weight:800;display:inline-block}body.dark-mode .pro-contract-pill{color:#fb7185;background:rgba(225,29,72,.15);border-color:rgba(251,113,133,.3)}.pro-badge-cyan{color:#0284c7;background:rgba(14,165,233,.12);border-radius:6px;padding:4px 9px;font-size:.72rem;font-weight:700;display:inline-block}body.dark-mode .pro-badge-cyan{color:#38bdf8;background:rgba(14,165,233,.2)}.pro-badge-amber{color:#d97706;background:rgba(245,158,11,.12);border-radius:6px;padding:4px 9px;font-size:.72rem;font-weight:700;display:inline-block}body.dark-mode .pro-badge-amber{color:#fbbf24;background:rgba(245,158,11,.2)}.pro-badge-whatsapp{color:#059669;background:rgba(16,185,129,.12);border-radius:6px;align-items:center;gap:5px;padding:4px 9px;font-size:.72rem;font-weight:800;display:inline-flex}body.dark-mode .pro-badge-whatsapp{color:#34d399;background:rgba(16,185,129,.2)}.pro-badge-phone{color:#2563eb;background:rgba(59,130,246,.12);border-radius:6px;align-items:center;gap:5px;padding:4px 9px;font-size:.72rem;font-weight:800;display:inline-flex}body.dark-mode .pro-badge-phone{color:#60a5fa;background:rgba(59,130,246,.2)}.pro-badge-office{color:#7e22ce;background:rgba(168,85,247,.12);border-radius:6px;align-items:center;gap:5px;padding:4px 9px;font-size:.72rem;font-weight:800;display:inline-flex}body.dark-mode .pro-badge-office{color:#c084fc;background:rgba(168,85,247,.2)}.pro-badge-neutral{color:#475569;background:rgba(100,116,139,.12);border-radius:6px;padding:4px 9px;font-size:.72rem;font-weight:700;display:inline-block}body.dark-mode .pro-badge-neutral{color:#cbd5e1;background:rgba(148,163,184,.15)}.pro-client-cell{align-items:center;gap:10px;display:flex}.pro-avatar-circle{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;font-weight:800;display:flex}.pro-obs-box{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;background:rgba(100,116,139,.06);border:1px solid rgba(100,116,139,.15);border-radius:8px;max-width:280px;padding:6px 10px;font-size:.8rem;overflow:hidden}body.dark-mode .pro-obs-box{color:#cbd5e1;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}@keyframes futurityToastSlideIn{0%{opacity:0;transform:translateY(-16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes scannerLaser{0%{opacity:.8;top:5%}50%{opacity:1;top:90%}to{opacity:.8;top:5%}}