:root{color-scheme:dark;--fondo: #0A1428;--panel: rgba(255, 255, 255, .045);--borde: rgba(120, 160, 255, .14);--texto: #E8EEF9;--tenue: #8A9BB8;--acento: #0A84FF;--acento-texto: #70B8FF;--tinta: #F5F8FF;--nav: #081225;--superficie: #112239;--critica: #FB7185;--relevante: #FBBF24;--anomalia: #FBBF24;--ok: #34D399;--vidrio: rgba(255, 255, 255, .045);--vidrio-borde: rgba(120, 160, 255, .14);--glow: 0 8px 28px rgba(10, 132, 255, .14);--radio: 15px;--sombra: 0 8px 30px rgba(0, 0, 0, .2)}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 85% 0%,rgba(10,132,255,.12),transparent 42%),radial-gradient(ellipse at 15% 75%,rgba(34,86,170,.07),transparent 45%),var(--fondo);color:var(--texto);font:14px/1.6 Inter,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.app-shell{min-height:100vh;min-width:0}.app-body{margin-left:252px;min-width:0;min-height:100vh}h1,h2,h3{color:var(--tinta);line-height:1.25;overflow-wrap:anywhere}h1{margin:7px 0 8px;font-size:32px;letter-spacing:-1px}h2{margin:5px 0 20px;font-size:21px;letter-spacing:-.5px}h3{font-size:17px}a{color:var(--acento-texto);text-underline-offset:3px}a:hover{color:#a1d2ff}button,input,select,textarea{font-family:inherit;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}button{padding:10px 18px;border:1px solid rgba(90,200,250,.22);border-radius:999px;background:var(--acento);color:#fff;font-size:13px;font-weight:600;cursor:pointer}button:hover{background:#1e90ff;filter:none;box-shadow:var(--glow)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #70B8FF;outline-offset:3px}input,select,textarea{min-width:0;max-width:100%;padding:10px 12px;border:1px solid var(--borde);border-radius:10px;background:#050f1fb3;color:var(--texto);font-size:13px}input::placeholder,textarea::placeholder{color:var(--tenue);opacity:1}input:hover,select:hover,textarea:hover{border-color:#78a0ff4d}input:focus,select:focus,textarea:focus{border-color:var(--acento);box-shadow:0 0 0 3px #0a84ff29}select option{background:var(--superficie);color:var(--texto)}textarea{resize:vertical}input[type=checkbox],input[type=radio]{accent-color:var(--acento)}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;font-variant-numeric:tabular-nums}th{padding:12px 10px;border-bottom:1px solid var(--borde);background:#122239;color:#adbcd2;font-size:10px;font-weight:600;letter-spacing:.3px}td{padding:12px 10px;border-bottom:1px solid var(--borde);color:var(--texto);overflow-wrap:anywhere}tbody tr{transition:background .2s ease}tbody tr:hover{background:#0a84ff12}.tabla-caja{max-width:100%;border:1px solid var(--borde);border-radius:12px;background:#ffffff06;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sidebar{width:252px;color:#bccbe0;background:radial-gradient(ellipse at 0% 0%,rgba(10,132,255,.13),transparent 55%),linear-gradient(180deg,#0C1A30,var(--nav));border-right:1px solid var(--borde);box-shadow:10px 0 40px #0000001f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);scrollbar-width:thin;scrollbar-color:#2A4364 transparent}.brand{color:#fff}.brand small{color:#a8bcd7;letter-spacing:1.1px}.brand-symbol{border:1px solid rgba(90,200,250,.35);border-radius:12px;background:linear-gradient(140deg,#259bff,#075cc7);box-shadow:0 6px 24px #0a84ff3b}.workspace-label{color:var(--tenue)}.workspace-label small{color:#d4e0f2}.nav-item{border:1px solid transparent;border-left:3px solid transparent;border-radius:10px;background:transparent;color:#b3c3da;box-shadow:none;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.nav-item:hover{background:#ffffff0b;color:#fff;box-shadow:none}.nav-item.active{border:1px solid rgba(10,132,255,.24);border-left:3px solid var(--acento);background:linear-gradient(90deg,#0a84ff40,#0a84ff1a);color:#fff;box-shadow:0 4px 18px #0a84ff14}.nav-icon{color:#8faacd}.nav-item.active .nav-icon{color:#52acff}.nav-item:hover .nav-icon{color:#70b8ff}.nav-item i{background:#70b8ff}.nav-group{position:relative;margin-top:21px}.nav-group-toggle{border:0;border-radius:0;background:transparent;color:#9aafcb;box-shadow:none}.nav-group-toggle:hover{background:transparent;color:#d5e7ff;box-shadow:none}.nav-group .nav-item{position:relative;width:calc(100% - 12px);margin-left:12px;padding-left:17px}.nav-group .nav-item:before{content:"";position:absolute;top:-5px;bottom:-5px;left:-10px;width:1px;background:#78a0ff2e;pointer-events:none}.sidebar-bottom{margin-top:auto;padding:16px 12px;border:1px solid var(--vidrio-borde);border-radius:14px;background:var(--vidrio);color:var(--texto);box-shadow:var(--sombra);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sidebar-bottom>span{color:#70b8ff}.sidebar-bottom small{color:#9aafcb}.sidebar-footer{margin-top:16px;border-top:1px solid var(--borde);color:#95a8c4}.topbar{background:#0a1428d6;border-bottom:1px solid var(--borde);box-shadow:0 4px 24px #0000001f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.breadcrumbs{color:var(--tenue)}.breadcrumbs strong{color:var(--texto)}.top-actions,.dropdown-wrap{min-width:0}.project-trigger{border:1px solid var(--borde);border-radius:999px;background:#ffffff0b;color:var(--texto)}.project-trigger:hover{border-color:#0a84ff73;background:#0a84ff1a}.project-trigger>span:first-child{color:#70b8ff}.icon-button,.text-button,.sec{border:1px solid rgba(120,160,255,.22);border-radius:999px;background:#ffffff09;color:#8cc5ff}.icon-button:hover,.text-button:hover,.sec:hover{border-color:#0a84ff80;background:#0a84ff1f;color:#d3e9ff;box-shadow:var(--glow)}.icon-button{padding:9px}.notification-button i{width:6px;height:6px;background:var(--acento);border:1px solid #0A1428;box-shadow:0 0 8px #0a84ff80}.profile-trigger{border-left:1px solid var(--borde);border-radius:0;background:transparent;color:var(--texto)}.profile-trigger:hover{background:transparent;color:#fff;box-shadow:none}.avatar{flex-shrink:0;border:2px solid rgba(120,160,255,.25);background:linear-gradient(145deg,#153e70,#102944);color:#a1d2ff}.profile-text small{color:var(--tenue)}.popover,.notifications{max-width:calc(100vw - 24px);border:1px solid rgba(120,160,255,.2);border-radius:14px;background:#0d1b2ef5;color:var(--texto);box-shadow:0 18px 60px #0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);scrollbar-width:thin;scrollbar-color:#2A4364 transparent}.popover>small{color:var(--tenue)}.popover button:not(.text-button){border:1px solid var(--borde);border-radius:12px;background:#ffffff0a;color:var(--texto)}.popover button:not(.text-button):hover{border-color:#0a84ff66;background:#0a84ff1f}.popover-heading{color:var(--tinta)}.text-button{padding:4px 9px;font-size:11px}.main-content{min-width:0;width:100%;max-width:1600px;padding:33px 32px 20px}.main-content>*,.page-heading>*,.panel-heading>*{min-width:0}.page-heading p{color:var(--tenue)}.eyebrow{color:#70b8ff}.connection{border:1px solid var(--borde);background:#ffffff09;color:#b3c3da}.connection i{background:var(--relevante)}.connection.online{border-color:#34d39933;background:#34d3990f;color:var(--ok)}.connection.online i{background:var(--ok);box-shadow:0 0 8px #34d3994d}.metric,.panel{border:1px solid var(--vidrio-borde);border-radius:var(--radio);background:var(--panel);box-shadow:var(--sombra);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.panel{min-width:0;padding:25px}.metric{padding:20px}@media (hover: hover) and (pointer: fine){.metric:hover{transform:translateY(-2px);border-color:#78a0ff45;box-shadow:var(--sombra),0 5px 24px #0a84ff14}}.panel-heading{gap:12px;flex-wrap:wrap}.panel-heading h2{margin-top:7px}.overview-hero{border:1px solid rgba(90,170,255,.25);border-radius:16px;background:radial-gradient(ellipse at 90% 80%,rgba(10,132,255,.35),transparent 58%),linear-gradient(110deg,#12294af5,#0f3668e0);color:#d4e5ff;box-shadow:var(--sombra),inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-copy{min-width:0}.hero-tag{border:1px solid rgba(112,184,255,.25);background:#0a84ff1a;color:#bddeff}.hero-copy h2{color:#fff}.hero-copy p{color:#bccfea}.hero-copy button{border:1px solid rgba(90,200,250,.3);border-radius:999px;background:var(--acento);color:#fff}.hero-copy button:hover{background:#1e90ff;box-shadow:var(--glow)}.blueprint{background:repeating-linear-gradient(0deg,transparent 0 25px,rgba(90,200,250,.07) 26px 27px),repeating-linear-gradient(90deg,transparent 0 25px,rgba(90,200,250,.07) 26px 27px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%);mask-image:linear-gradient(90deg,transparent,#000 20%);pointer-events:none}.tower{border-color:#8cd2ff8c;background:repeating-linear-gradient(0deg,transparent 0 18px,rgba(140,210,255,.28) 19px 20px),repeating-linear-gradient(90deg,#0a84ff14 0,#0a84ff14 15px,#8cd2ff47,#8cd2ff47 17px);box-shadow:15px 12px #04142f40,0 0 24px #0a84ff14}.blueprint-base{border-color:#8cd2ff66;background:#5ac8fa0a}.blueprint>span{color:#b5dbff}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.metric-top{color:#a5b5ce}.metric-icon{flex-shrink:0;border:1px solid rgba(10,132,255,.22);border-radius:50%;background:#0a84ff1f;color:#70b8ff}.metric-1 .metric-icon{border-color:#34d39938;background:#34d3991a;color:var(--ok)}.metric-2 .metric-icon{border-color:#fbbf2438;background:#fbbf241a;color:var(--relevante)}.metric-3 .metric-icon{border-color:#5ac8fa38;background:#5ac8fa1a;color:#5ac8fa}.metric>strong{color:var(--tinta);font-variant-numeric:tabular-nums}.metric>small{color:#9cadc6}.dashboard-grid{min-width:0;grid-template-columns:1.65fr 1fr;gap:23px}.chart-panel{min-width:0}.chart-empty{border:1px solid rgba(120,160,255,.09);background:linear-gradient(180deg,#0a84ff09,#ffffff04)}.chart-empty p{color:#9cadc6}.empty-chart-icon{border:1px solid rgba(10,132,255,.22);border-radius:16px;background:#0a84ff1a;color:#70b8ff}.shortcuts{min-width:0}.shortcut{border:0;border-bottom:1px solid var(--borde);border-radius:0;background:transparent;color:var(--texto)}.shortcut:hover{background:#0a84ff11;color:#fff;box-shadow:none}.shortcut-icon{border:1px solid rgba(10,132,255,.18);background:#0a84ff1a;color:#70b8ff}.shortcut small,.shortcut>span:last-child{color:#9cadc6}.shortcut>span{min-width:0}.info-note{border:1px solid rgba(10,132,255,.18);background:#0a84ff11}.info-note>span{color:#70b8ff}.info-note p{color:#abc3e2}.project-strip{min-width:0;border:1px solid var(--vidrio-borde);border-radius:var(--radio);background:var(--vidrio);box-shadow:var(--sombra);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.project-strip p{color:#9cadc6}.outline-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(138,155,184,.25);background:#8a9bb817;color:#bdcadf}.outline-badge:before{content:"";width:6px;height:6px;flex-shrink:0;border-radius:50%;background:currentColor}.content-footer{gap:12px;border-top:1px solid var(--borde);color:#95a8c4}.panel svg [stroke="#2463eb"],.overview-hero svg [stroke="#2463eb"],.metric svg [stroke="#2463eb"]{stroke:#0a84ff}.panel svg [fill="#2463eb"],.overview-hero svg [fill="#2463eb"],.metric svg [fill="#2463eb"]{fill:#0a84ff}.panel svg [stroke="#168465"],.metric svg [stroke="#168465"]{stroke:#34d399}.panel svg [fill="#168465"],.metric svg [fill="#168465"]{fill:#34d399}.panel svg [stroke="#a66512"],.panel svg [stroke="#aa7519"]{stroke:#fbbf24}.panel svg [fill="#a66512"],.panel svg [fill="#aa7519"]{fill:#fbbf24}.panel svg [stroke="#c53551"]{stroke:#fb7185}.panel svg [fill="#c53551"]{fill:#fb7185}@media (min-width: 1600px){.main-content{padding:40px 48px}}@media (max-width: 1200px){.main-content{padding:28px 24px}.metrics{gap:12px}.metric{padding:16px}.dashboard-grid{grid-template-columns:1.3fr 1fr}}@media (min-width: 761px) and (max-width: 980px){.sidebar{width:252px}.app-body{margin-left:252px}.topbar{gap:10px;padding-inline:16px}.breadcrumbs{min-width:0;white-space:normal}.project-trigger>span:nth-child(2){max-width:105px}}@media (max-width: 980px){.main-content{padding:25px 20px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 760px){.sidebar{width:252px}.app-body{margin-left:0}.main-content{padding:25px 16px 16px}.panel{padding:20px}.topbar{flex-wrap:nowrap}.breadcrumbs{min-width:0}.top-actions{flex-shrink:0}h1{font-size:28px}.mobile-toggle{border:1px solid var(--borde);background:#ffffff0a;color:#bddfff}.mobile-close{border:0;background:transparent;color:#fff;box-shadow:none}.sidebar-scrim.visible{background:#030a17b3;border:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.popover,.notifications,.project-dropdown .popover{position:fixed;top:83px;right:12px;width:290px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 100px);padding:16px}.project-strip{align-items:flex-start;flex-direction:column;gap:10px}.content-footer{flex-wrap:wrap}}@media (max-width: 440px){.main-content{padding-inline:12px}.metrics{gap:10px}.metric{padding:14px}.metric-top{font-size:10px}.metric-icon{width:26px;height:26px;font-size:18px}.metric>strong{font-size:27px}.topbar{padding-inline:10px}.project-trigger>span:nth-child(2){max-width:110px}.hero-copy{padding:25px 20px}.hero-copy h2{font-size:25px}.panel-heading{align-items:flex-start}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.metric:hover,.panel:hover{transform:none}}.mod-tarjeta,.mod-item,.mod-tabla,.fx-tabs,.fx-vacio,.ptz-panel,.ptz-slot,.auth-tarjeta{color:var(--texto, #E8EEF9);background:var(--vidrio, rgba(255, 255, 255, .045));border:1px solid var(--vidrio-borde, rgba(120, 160, 255, .14));border-radius:14px;box-shadow:0 10px 30px #0003;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mod-cabecera,.mod-tarjetas,.mod-formulario,.mod-lista,.fx-controles,.fx-visor,.advance-page,.advance-forms,.ptz-layout,.ptz-vista-container,.ptz-panel,.ptz-slot,.pm-campos,.pm-pie{min-width:0;max-width:100%}.mod-tarjeta,.mod-item,.ptz-slot,.auth-tarjeta{box-sizing:border-box;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.mod-cabecera h2,.mod-tarjeta h1,.mod-tarjeta h2,.mod-tarjeta h3,.advance-page h1,.advance-page h2,.advance-page h3,.ptz-panel h2,.ptz-panel h3{color:var(--texto, #E8EEF9);letter-spacing:-.025em}.mod-tarjetas{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}.mod-formulario{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.mod-tarjeta{padding:20px}.mod-item{background:#ffffff09;border-radius:12px}.mod-tarjeta,.mod-item,.mod-cabecera,.ptz-slot-cab,.pm-pie{overflow-wrap:anywhere}.mod-tenue,.fx-campo,.fx-meta,.fx-vacio,.fx-cargando,.ptz-slot-prog .ptz-slot-prog-item,.ptz-slot-prog .ptz-slot-prog-item label,.pm-pie,.auth-ayuda{color:var(--tenue, #8A9BB8)}.mod-lista .mod-tarjeta p{color:var(--texto, #E8EEF9);line-height:1.6}.advance-page,.auth-pantalla,.mod-tarjeta,.fx-visor,.ptz-panel,.pm-campos{font-family:Inter,Segoe UI,system-ui,sans-serif}.advance-forms{display:grid;gap:16px}.mod-formulario input,.mod-formulario select,.mod-formulario textarea,.mod-tabla select,.fx-campo input,.fx-campo select,.fx-campo textarea,.fx-nav select,.advance-forms input,.advance-forms select,.advance-forms textarea,.ptz-slot-form input,.ptz-slot-form select,.ptz-slot-form textarea,.ptz-slot-prog select,.pm-campos input,.pm-campos select,.pm-campos textarea,.auth-tarjeta input,.auth-tarjeta select,.auth-tarjeta textarea{box-sizing:border-box;min-width:0;max-width:100%;padding:10px 12px;color:var(--texto, #E8EEF9);background:#071122d9;border:1px solid var(--vidrio-borde, rgba(120, 160, 255, .2));border-radius:10px;font:inherit;color-scheme:dark;box-shadow:inset 0 1px 3px #00000026;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.fx-campo{min-width:min(200px,100%)}.fx-campo input,.fx-campo select,.fx-campo textarea,.pm-campos input,.pm-campos select,.pm-campos textarea{width:100%}.mod-formulario textarea{min-height:96px}.mod-formulario input::placeholder,.mod-formulario textarea::placeholder,.fx-campo input::placeholder,.fx-campo textarea::placeholder,.auth-tarjeta input::placeholder{color:var(--tenue, #8A9BB8);opacity:1}.mod-formulario input:focus,.mod-formulario select:focus,.mod-formulario textarea:focus,.mod-tabla select:focus,.fx-campo input:focus,.fx-campo select:focus,.fx-campo textarea:focus,.fx-nav select:focus,.advance-forms input:focus,.advance-forms select:focus,.advance-forms textarea:focus,.ptz-slot-form input:focus,.ptz-slot-form select:focus,.ptz-slot-form textarea:focus,.ptz-slot-prog select:focus,.pm-campos input:focus,.pm-campos select:focus,.pm-campos textarea:focus,.auth-tarjeta input:focus{outline:2px solid var(--acento, #0A84FF);outline-offset:2px;border-color:var(--acento, #0A84FF);box-shadow:0 0 0 4px #0a84ff1f}.auth-tarjeta input:autofill{background:#101f35;color:var(--texto, #E8EEF9)}.auth-tarjeta input:-webkit-autofill{-webkit-text-fill-color:var(--texto, #E8EEF9);-webkit-box-shadow:0 0 0 1000px #101F35 inset}.mod-acciones button,.fx-nav button,.advance-forms button,.ptz-zoom button,.ptz-slot button,.pm-pie button,.auth-tarjeta button{min-height:42px;padding:10px 18px;background:var(--acento, #0A84FF);color:#fff;border:1px solid transparent;border-radius:999px;font:inherit;font-weight:650;cursor:pointer;filter:none;box-shadow:0 4px 16px #0a84ff2e;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.mod-acciones button,.ptz-slot button,.pm-pie button{width:auto;max-width:100%}.mod-acciones button:hover,.fx-nav button:hover,.advance-forms button:hover,.ptz-zoom button:hover,.ptz-slot button:hover,.pm-pie button:hover,.auth-tarjeta button:hover{background:#1e90ff;box-shadow:0 5px 22px #0a84ff4d;filter:none}.mod-btn-secundario,.mod-acciones .mod-btn-secundario,.fx-nav .mod-btn-secundario,.advance-forms .mod-btn-secundario,.ptz-zoom .mod-btn-secundario,.ptz-slot .mod-btn-secundario,.pm-pie .mod-btn-secundario,.auth-tarjeta .mod-btn-secundario,.mod-acciones a{color:#79beff;background:#0a84ff0e;border:1px solid rgba(10,132,255,.4);border-radius:999px;box-shadow:none;filter:none}.mod-btn-secundario:hover,.mod-acciones .mod-btn-secundario:hover,.fx-nav .mod-btn-secundario:hover,.advance-forms .mod-btn-secundario:hover,.ptz-zoom .mod-btn-secundario:hover,.ptz-slot .mod-btn-secundario:hover,.pm-pie .mod-btn-secundario:hover,.auth-tarjeta .mod-btn-secundario:hover,.mod-acciones a:hover{background:#0a84ff24;border-color:var(--acento, #0A84FF);box-shadow:0 0 18px #0a84ff1f;filter:none}.mod-btn-peligro,.mod-acciones .mod-btn-peligro,.ptz-slot .mod-btn-peligro,.pm-pie .mod-btn-peligro{color:var(--critica, #FB7185);background:#fb718514;border:1px solid rgba(251,113,133,.35);border-radius:999px;box-shadow:none;filter:none}.mod-btn-peligro:hover,.mod-acciones .mod-btn-peligro:hover,.ptz-slot .mod-btn-peligro:hover,.pm-pie .mod-btn-peligro:hover{background:#fb718529;border-color:var(--critica, #FB7185);box-shadow:0 0 18px #fb71851f;filter:none}.mod-acciones a{box-sizing:border-box;text-align:center;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.mod-acciones button:disabled,.fx-nav button:disabled,.advance-forms button:disabled,.ptz-zoom button:disabled,.ptz-slot button:disabled,.pm-pie button:disabled,.auth-tarjeta button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.mod-etiqueta{gap:6px;padding:4px 10px;color:#bbc8db;background:#8a9bb81f;border:1px solid rgba(138,155,184,.22);line-height:1.5}.mod-etiqueta:before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:currentColor}.mod-etiqueta--ok,.auth-exito{color:var(--ok, #34D399);background:#34d3991a;border:1px solid rgba(52,211,153,.24)}.mod-etiqueta--alerta{color:var(--relevante, #FBBF24);background:#fbbf241a;border-color:#fbbf243d}.mod-etiqueta--critica,.mod-error,.auth-error{color:var(--critica, #FB7185);background:#fb71851a;border:1px solid rgba(251,113,133,.24)}.mod-error,.auth-error,.auth-exito{border-radius:10px;line-height:1.6;overflow-wrap:anywhere}.mod-tabla{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(120,160,255,.35) transparent}.mod-tabla table{width:100%;min-width:640px;border-collapse:collapse;background:transparent;color:var(--texto, #E8EEF9);font-variant-numeric:tabular-nums}.mod-tabla th,.mod-tabla td{padding:13px 16px;border:0;border-bottom:1px solid rgba(120,160,255,.1);background:transparent;text-align:start}.mod-tabla th{color:#b5c4db;background:#0a84ff0e;font-size:12px;font-weight:650}.mod-tabla tbody tr{transition:background .2s ease}.mod-tabla tbody tr:hover{background:#0a84ff13}.mod-tabla tbody tr:last-child td{border-bottom:0}.mod-tabla td select{padding:8px 10px}.fx-tabs{max-width:100%;box-sizing:border-box;gap:4px;overflow-x:auto;scrollbar-width:thin}.fx-tab{min-width:0;color:var(--tenue, #8A9BB8);background:transparent;border:1px solid transparent;border-radius:9px;box-shadow:none;filter:none;transition:color .2s ease,background .2s ease,border-color .2s ease}.fx-tab:hover{color:var(--texto, #E8EEF9);background:#0a84ff14;box-shadow:none}.fx-tab--activa,.fx-tab--activa:hover{color:#91caff;background:#0a84ff2e;border-color:#0a84ff59;box-shadow:inset 0 1px #ffffff0d}.fx-visor{border-radius:14px}.fx-linea{min-width:0;gap:16px}.fx-nav{min-width:0}.fx-nav select{min-width:min(200px,100%)}.fx-nav input[type=range]{max-width:100%;accent-color:var(--acento, #0A84FF)}.fx-imagen{box-sizing:border-box;background:#071122;border:1px solid var(--vidrio-borde, rgba(120, 160, 255, .18));border-radius:14px;box-shadow:0 12px 30px #0000003d}.fx-meta{color:#bbc8db;font-variant-numeric:tabular-nums}.fx-tira{max-width:100%;min-width:0;padding-top:3px;scrollbar-color:rgba(120,160,255,.35) transparent}.fx-thumb{box-sizing:border-box;background:#0d1b2e;border-radius:10px;opacity:.75;transition:opacity .2s ease,border-color .2s ease,box-shadow .2s ease}.fx-thumb:hover{opacity:1;border-color:#0a84ff80}.fx-thumb--activa{border-color:var(--acento, #0A84FF);opacity:1;box-shadow:0 0 14px #0a84ff33}.fx-progreso{overflow:hidden;height:6px;border:0;border-radius:999px;background:#78a0ff1f;accent-color:var(--acento, #0A84FF)}.fx-progreso::-webkit-progress-bar{background:#78a0ff1f;border-radius:999px}.fx-progreso::-webkit-progress-value{background:linear-gradient(90deg,#0a84ff,#5ac8fa);border-radius:999px}.fx-progreso::-moz-progress-bar{background:linear-gradient(90deg,#0a84ff,#5ac8fa);border-radius:999px}.fx-vacio{border-style:dashed;padding:40px 20px;line-height:1.6}.fx-cargando{border-radius:14px;background:#0a84ff09}.ptz-layout>*{min-width:0}.ptz-panel{padding:18px;box-sizing:border-box}.ptz-vista{box-sizing:border-box;background:radial-gradient(ellipse at center,#10243d,#050d1b 75%);border:1px solid var(--vidrio-borde, rgba(120, 160, 255, .18));border-radius:14px;box-shadow:0 12px 30px #00000047}.ptz-vista-aviso{max-width:calc(100% - 24px);box-sizing:border-box;color:#e8eef9;background:#071122d1;border:1px solid rgba(120,160,255,.18);border-radius:999px;padding:6px 10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ptz-pad{box-sizing:border-box;background:linear-gradient(transparent calc(50% - .5px),rgba(120,160,255,.14) 50%,transparent calc(50% + .5px)),linear-gradient(90deg,transparent calc(50% - .5px),rgba(120,160,255,.14) 50%,transparent calc(50% + .5px)),radial-gradient(circle,#0a84ff24,#081427e6 70%);border:2px solid rgba(120,160,255,.2);box-shadow:inset 0 0 25px #0000004d,0 0 22px #0a84ff12}.ptz-pad:active{border-color:var(--acento, #0A84FF);box-shadow:inset 0 0 25px #0000004d,0 0 22px #0a84ff2e}.ptz-perilla{background:radial-gradient(circle at 35% 25%,#5ac8fa,#0a84ff 65%,#0665ce);box-shadow:0 6px 18px #0006,0 0 22px #0a84ff4d}.ptz-zoom{flex-wrap:wrap;max-width:100%}.ptz-presets,.ptz-presets-list{min-width:0}.ptz-preset{border-bottom-color:#78a0ff24;color:var(--texto, #E8EEF9)}.ptz-slot{padding:14px}.ptz-slot-cab{min-width:0;flex-wrap:wrap;color:var(--texto, #E8EEF9)}.ptz-slot-form,.ptz-slot-prog,.ptz-slot-prog .ptz-slot-prog-item{min-width:0}.ptz-slot-prog select{padding:8px 10px;border-radius:9px}.pm-mapa{box-sizing:border-box;max-width:100%;background:#0d1b2e;border:1px solid var(--vidrio-borde, rgba(120, 160, 255, .2));border-radius:14px;box-shadow:0 10px 30px #0000003d}.pm-mapa .leaflet-container{background:#0d1b2e;font-family:Inter,Segoe UI,system-ui,sans-serif}.pm-mapa .leaflet-control-zoom,.pm-mapa .leaflet-control-layers,.pm-mapa .leaflet-popup-content-wrapper,.pm-mapa .leaflet-tooltip{color:var(--texto, #E8EEF9);background:#0a1428eb;border:1px solid rgba(120,160,255,.24);border-radius:12px;box-shadow:0 8px 24px #0000004d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.pm-mapa .leaflet-control-zoom{overflow:hidden}.pm-mapa .leaflet-control-zoom a{color:#e8eef9;background:transparent;border-color:#78a0ff29;transition:color .2s ease,background .2s ease}.pm-mapa .leaflet-control-zoom a:hover{color:#79beff;background:#0a84ff26}.pm-mapa .leaflet-control-zoom a.leaflet-disabled{color:#8a9bb8;background:#ffffff08;cursor:not-allowed}.pm-mapa .leaflet-control-layers{max-width:min(260px,calc(100vw - 100px));font:inherit}.pm-mapa .leaflet-control-layers-expanded{padding:10px 12px}.pm-mapa .leaflet-control-layers-toggle{background-image:none;position:relative}.pm-mapa .leaflet-control-layers-toggle:before{content:"";position:absolute;width:17px;height:17px;top:50%;left:50%;border:1px solid #79BEFF;border-radius:3px;background:#0a84ff33;transform:translate(-50%,-60%) rotate(45deg);box-shadow:3px 3px #10243d,4px 4px #79beff}.pm-mapa .leaflet-control-layers-separator{border-top-color:#78a0ff2e}.pm-mapa .leaflet-control-layers input{accent-color:var(--acento, #0A84FF)}.pm-mapa .leaflet-control-attribution{color:#bbc8db;background:#0a1428e6;border-radius:8px 0 0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pm-mapa .leaflet-control-attribution a,.pm-mapa .leaflet-popup-content a{color:#79beff}.pm-mapa .leaflet-popup-content{color:#e8eef9;overflow-wrap:anywhere;line-height:1.6}.pm-mapa .leaflet-popup-tip{background:#0d1b2e}.pm-mapa a.leaflet-popup-close-button{color:#bbc8db}.pm-mapa .leaflet-tooltip-top:before{border-top-color:#0d1b2e}.pm-mapa .leaflet-tooltip-bottom:before{border-bottom-color:#0d1b2e}.pm-mapa .leaflet-tooltip-left:before{border-left-color:#0d1b2e}.pm-mapa .leaflet-tooltip-right:before{border-right-color:#0d1b2e}.pm-marcador span{background:var(--acento, #0A84FF);border-color:#cee7ff;box-shadow:0 0 0 5px #0a84ff2e,0 4px 12px #00000073}.pm-marcador--cam span{background:var(--ok, #34D399);border-color:#d2f8ea;box-shadow:0 0 0 5px #34d39926,0 4px 12px #00000073}.auth-pantalla{box-sizing:border-box;min-height:100vh;min-height:100svh;color:var(--texto, #E8EEF9);background:#0a1428;color-scheme:dark;isolation:isolate}.auth-pantalla:before{background:radial-gradient(ellipse at 25% 18%,rgba(10,132,255,.2),transparent 52%),radial-gradient(ellipse at 85% 55%,rgba(90,200,250,.08),transparent 45%),linear-gradient(180deg,#0a1428,#0d1b2e 65%,#050c19)}.auth-pantalla:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.7;background:linear-gradient(#142a43,#142a43) 7% 72% / 1px 42% no-repeat,linear-gradient(#142a43,#142a43) 7% 30% / 25% 2px no-repeat,linear-gradient(#102037,#102037) 20% 100% / 16% 30% no-repeat,linear-gradient(#0b192e,#0b192e) 0 100% / 18% 42% no-repeat,linear-gradient(#102037,#102037) 96% 100% / 17% 48% no-repeat,linear-gradient(#081426,#081426) 76% 100% / 19% 24% no-repeat,repeating-linear-gradient(0deg,transparent 0 47px,rgba(90,200,250,.04) 48px 49px),repeating-linear-gradient(90deg,transparent 0 63px,rgba(90,200,250,.035) 64px 65px)}.auth-tarjeta{position:relative;max-width:440px;padding:36px 32px;background:#0e1c30c7;border:1px solid rgba(120,160,255,.22);border-radius:16px;box-shadow:0 25px 70px #00000073,0 0 45px #0a84ff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.auth-marca{color:#e8eef9;text-shadow:0 0 24px rgba(10,132,255,.25)}.auth-marca small{color:var(--tenue, #8A9BB8)}.auth-tarjeta h1{color:var(--texto, #E8EEF9);letter-spacing:-.025em}.auth-tarjeta form{min-width:0}.auth-tarjeta form button{width:100%;min-height:46px}.auth-ayuda{background:#0a84ff0e;border:1px solid rgba(120,160,255,.15);border-radius:12px}.auth-tarjeta a{color:#79beff;text-underline-offset:3px}:is(.mod-tarjeta,.mod-cabecera,.fx-visor,.advance-page,.ptz-layout,.pm-pie,.auth-tarjeta) svg [stroke="#2463eb"]{stroke:#0a84ff}:is(.mod-tarjeta,.mod-cabecera,.fx-visor,.advance-page,.ptz-layout,.pm-pie,.auth-tarjeta) svg [fill="#2463eb"]{fill:#0a84ff}:is(.mod-tarjeta,.fx-visor,.advance-page,.ptz-layout,.pm-pie,.auth-tarjeta) svg [stroke="#168465"]{stroke:#34d399}:is(.mod-tarjeta,.fx-visor,.advance-page,.ptz-layout,.pm-pie,.auth-tarjeta) svg [fill="#168465"]{fill:#34d399}:is(.mod-acciones,.fx-tabs,.fx-nav,.advance-forms,.ptz-layout,.pm-pie,.auth-tarjeta) button:focus-visible,.mod-acciones a:focus-visible,.fx-thumb:focus-visible,.ptz-pad:focus-visible,.auth-tarjeta a:focus-visible,.pm-mapa .leaflet-control a:focus-visible{outline:2px solid #5AC8FA;outline-offset:3px}@media (hover: hover) and (pointer: fine){.mod-tarjeta:hover,.mod-item:hover,.ptz-slot:hover{transform:translateY(-2px);border-color:#0a84ff4d;box-shadow:0 14px 32px #00000040,0 0 22px #0a84ff14}}@media (max-width: 900px){.ptz-layout{grid-template-columns:1fr}}@media (max-width: 760px){.mod-formulario{grid-template-columns:1fr}.mod-acciones button,.mod-acciones a{flex:1 1 auto}.mod-tarjeta,.ptz-panel{padding:16px}.fx-controles{flex-direction:column}.fx-campo{min-width:0;max-width:100%}.fx-nav{flex-direction:column;align-items:stretch}.fx-nav button,.fx-nav select{width:100%;min-width:0}.fx-nav input[type=range]{flex:none;width:100%;min-width:0}.fx-tabs{width:100%}.fx-tab{flex:1;padding:10px 8px;text-align:center;white-space:normal;overflow-wrap:anywhere}.pm-campos{grid-template-columns:1fr}.ptz-slot-prog .ptz-slot-prog-item{flex:1 1 120px}}@media (max-width: 480px){.auth-pantalla{padding:20px 16px}.auth-tarjeta{padding:28px 20px;border-radius:14px}.mod-cabecera{gap:12px}.ptz-slot{padding:12px}.ptz-panel .ptz-preset .mod-acciones{flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){.mod-tarjeta,.mod-item,.mod-acciones button,.mod-acciones a,.mod-tabla tbody tr,.fx-tab,.fx-thumb,.fx-nav button,.fx-progreso::-webkit-progress-value,.advance-forms button,.ptz-perilla,.ptz-slot,.ptz-zoom button,.ptz-slot button,.pm-pie button,.auth-tarjeta,.auth-tarjeta button{transition:none}.fx-cargando,.auth-tarjeta{animation:none}.mod-tarjeta:hover,.mod-item:hover,.ptz-slot:hover{transform:none}.fx-tira{scroll-behavior:auto;scroll-snap-type:none}}body{background-color:#0a1428;background-image:radial-gradient(ellipse at 12% 12%,#0a84ff38,#0a84ff00 52%),radial-gradient(ellipse at 88% 24%,#22d3ee24,#22d3ee00 48%),radial-gradient(ellipse at 62% 86%,#6366f133,#6366f100 55%),radial-gradient(ellipse at 4% 80%,#0a84ff1a,#0a84ff00 44%);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}.app-body,.main-content{background-color:transparent;background-image:none}.metric,.panel,.overview-hero,.project-strip,.tabla-caja,.sidebar-bottom,.mod-tarjeta,.mod-item,.mod-tabla,.fx-tabs,.fx-vacio,.ptz-slot,.auth-tarjeta{background-color:#ffffff08;background-image:linear-gradient(180deg,#ffffff12,#ffffff05);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);border-color:#8cb4ff2e;box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #8cb4ff2e,inset 0 0 0 1px #ffffff05,0 12px 32px #00051238}.panel{background-color:#0a14281a;background-image:linear-gradient(180deg,#ffffff06,#ffffff02);border-color:#8cb4ff1f;box-shadow:inset 0 1px #ffffff0e,inset 0 0 0 1px #8cb4ff14}.overview-hero{background-color:#0a142833;background-image:linear-gradient(180deg,#ffffff13,#ffffff04),linear-gradient(120deg,#0a84ff38,#6366f11f 65%,#22d3ee14);box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #8cb4ff2e,inset 0 0 48px #0a84ff1a,0 12px 32px #00051238}.topbar{background-color:#0a14288c;background-image:linear-gradient(180deg,#ffffff09,#fff0);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border-color:#8cb4ff29;box-shadow:inset 0 1px #ffffff0e,0 8px 28px #00051233}.sidebar{background-color:#0a1428b8;background-image:linear-gradient(180deg,#12243e42,#050c1a2e);-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);border-color:#8cb4ff24;box-shadow:inset 0 1px #ffffff0d,inset -1px 0 #8cb4ff14,8px 0 28px #00051229}.popover,.notifications{background-color:#0d1b2ea8;background-image:linear-gradient(180deg,#ffffff0f,#ffffff04);-webkit-backdrop-filter:blur(26px) saturate(160%);backdrop-filter:blur(26px) saturate(160%);border-color:#8cb4ff38;box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 1px #8cb4ff38,0 20px 52px #00051275}.pm-mapa .leaflet-control-zoom,.pm-mapa .leaflet-control-layers,.pm-mapa .leaflet-tooltip,.pm-mapa .leaflet-control-attribution{background-color:#0a14289e;background-image:linear-gradient(180deg,#ffffff0b,#ffffff03);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);border-color:#8cb4ff33;box-shadow:inset 0 1px #ffffff14,0 6px 20px #00051247;color:#e6effa}.pm-mapa .leaflet-control-attribution a{color:#8bc8ff}.ptz-vista-aviso{background-color:#07112299;background-image:linear-gradient(180deg,#ffffff09,#fff0);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);border-color:#8cb4ff2e;box-shadow:inset 0 1px #ffffff14,0 8px 24px #0005123d}@media (hover: hover){.metric:hover,.mod-tarjeta:hover,.mod-item:hover,.ptz-slot:hover{border-color:#8cb4ff57;box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #8cb4ff57,inset 0 0 0 1px #ffffff05,0 10px 30px #0a84ff24,0 12px 32px #00051238}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.metric,.panel,.overview-hero,.project-strip,.tabla-caja,.sidebar-bottom,.mod-tarjeta,.mod-item,.mod-tabla,.fx-tabs,.fx-vacio,.ptz-slot,.auth-tarjeta,.topbar,.sidebar,.popover,.notifications,.pm-mapa .leaflet-control-zoom,.pm-mapa .leaflet-control-layers,.pm-mapa .leaflet-tooltip,.pm-mapa .leaflet-control-attribution,.ptz-vista-aviso{background-color:#0d1b2eeb}}*{box-sizing:border-box}.app-shell{position:relative;min-height:100vh}@media (min-width: 761px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:252px;display:flex;flex-direction:column;overflow-y:auto;z-index:40}.brand{padding:20px 18px}.brand-nombre{font-weight:700;font-size:22px}.brand-nombre small{display:block;font-size:10px;letter-spacing:.12em}.mobile-close{display:none}nav{display:flex;flex-direction:column;gap:4px;padding:8px 12px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;text-decoration:none;color:inherit}.nav-item.active{border-left:3px solid var(--acento);background:#0a84ff29}.nav-icon{width:22px;text-align:center}.sidebar-bottom{margin-top:auto;padding:14px}.app-body{margin-left:252px}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:12px 24px}.mobile-toggle{display:none}.breadcrumbs{flex:1}.top-actions{display:flex;gap:10px;align-items:center}.avatar{width:34px;height:34px;border-radius:50%;object-fit:cover}.main-content{padding:28px 32px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 760px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:252px;display:flex;flex-direction:column;overflow-y:auto;z-index:60;transform:translate(-105%);transition:transform .25s ease}.sidebar.abierto{transform:none}.sidebar-scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.sidebar-scrim.visible{display:block}.mobile-toggle,.mobile-close{display:inline-flex}.app-body{margin-left:0}.main-content{padding:20px 14px}.metrics{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:22px}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:16px}}@media (min-width: 521px) and (max-width: 980px){.metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width: 360px){.main-content,.topbar{overflow-x:hidden}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.auth-pantalla{display:grid;place-items:center;padding:24px 16px}.auth-tarjeta{width:min(420px,100%);position:relative;z-index:1}.auth-tarjeta form{display:grid;gap:14px}.auth-field{display:grid;gap:6px}.auth-field input{width:100%;box-sizing:border-box}.mod-tabla .mod-etiqueta{white-space:nowrap}.brand-nombre{display:flex;flex-direction:column;gap:4px}.brand-logo-chip{display:block;width:100%;box-sizing:border-box;padding:0;background:transparent;box-shadow:none}.brand-logo-chip--grande{width:min(220px,100%);margin:0 auto 14px}.brand-logo{display:block;width:100%;height:auto;max-height:96px;object-fit:contain}.brand-app{font-weight:700;font-size:20px;letter-spacing:-.01em;margin-top:6px}.auth-marca{text-align:center}.auth-check{display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.auth-check input{width:18px;height:18px;margin:0;flex:0 0 auto;accent-color:var(--acento, #0A84FF)}.crm-chip{white-space:nowrap}.crm-toolbar,.crm-search,.crm-kanban,.crm-col,.crm-col-head,.crm-card,.crm-card-amount,.crm-card-meta,.crm-detail,.crm-kv,.crm-lines,.crm-totals,.crm-doc,.crm-doc-head,.crm-chip,.crm-timeline,.crm-timeline-item,.crm-progress{box-sizing:border-box;min-width:0}.crm-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:100%;margin-bottom:14px}.crm-toolbar input,.crm-toolbar select,input.crm-search,.crm-search input{box-sizing:border-box;min-width:0;max-width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--borde);border-radius:10px;background:var(--superficie);color:var(--texto);font:inherit;color-scheme:dark;transition:border-color .18s ease,box-shadow .18s ease}.crm-toolbar select{flex:0 1 auto;padding-right:28px}.crm-toolbar select option{background:var(--fondo);color:var(--texto)}.crm-toolbar input::placeholder,input.crm-search::placeholder,.crm-search input::placeholder{color:var(--tenue);opacity:1}.crm-toolbar input:focus,.crm-toolbar select:focus,input.crm-search:focus,.crm-search:focus-within{outline:2px solid var(--acento);outline-offset:2px;border-color:var(--acento);box-shadow:0 0 0 4px #0a84ff26}.crm-toolbar button{box-sizing:border-box;max-width:100%;min-height:42px;padding:10px 16px;border:1px solid rgba(10,132,255,.5);border-radius:10px;background:#0a84ff29;color:var(--texto);font:inherit;font-weight:600;line-height:1.3;white-space:normal;cursor:pointer;box-shadow:none;transition:background .18s ease,border-color .18s ease}.crm-toolbar button:hover{background:#0a84ff42;border-color:var(--acento)}.crm-toolbar button:focus-visible,.crm-card:focus-visible,.crm-lines button:focus-visible{outline:2px solid var(--acento);outline-offset:3px}.crm-toolbar button:disabled,.crm-lines button:disabled{opacity:.55;cursor:not-allowed}.crm-search{position:relative;flex:1 1 240px;min-width:min(240px,100%);max-width:100%;border:1px solid var(--borde);border-radius:10px;background:var(--superficie);color:var(--texto)}input.crm-search{padding-left:14px}.crm-search:not(input){display:flex;align-items:center;padding-left:36px}.crm-search:not(input):before{content:"⌕";position:absolute;top:50%;left:12px;color:var(--tenue);font:26px/1 system-ui,sans-serif;transform:translateY(-50%);pointer-events:none}.crm-search input{flex:1 1 auto;width:100%;border:0;background:transparent;box-shadow:none}.crm-search input:focus{outline:none;box-shadow:none}.crm-kanban{display:flex;gap:14px;width:100%;max-width:100%;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:rgba(120,160,255,.35) var(--fondo)}.crm-kanban::-webkit-scrollbar,.crm-lines::-webkit-scrollbar{height:7px}.crm-kanban::-webkit-scrollbar-track,.crm-lines::-webkit-scrollbar-track{background:var(--fondo);border-radius:999px}.crm-kanban::-webkit-scrollbar-thumb,.crm-lines::-webkit-scrollbar-thumb{background:#78a0ff59;border-radius:999px}.crm-col{display:flex;flex:0 0 270px;flex-direction:column;align-self:stretch;gap:10px;min-height:320px;padding:10px;border:1px solid var(--vidrio-borde);border-radius:15px;background:var(--vidrio);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scroll-snap-align:start;transition:background .18s ease}.crm-col.sobre{outline:2px dashed var(--acento);outline-offset:-3px;background:#0a84ff1f}.crm-col-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 8px;padding:2px 2px 10px;border-bottom:1px solid var(--borde);color:var(--texto)}.crm-col-head strong{min-width:0;overflow-wrap:anywhere;font-size:13px;font-weight:700}.crm-col-head small{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:2px 7px;border:1px solid var(--borde);border-radius:999px;background:var(--superficie);color:var(--texto);font-size:11px;font-variant-numeric:tabular-nums}.crm-col-head>:last-child:not(strong):not(small){color:var(--tenue);font-size:12px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.crm-card{padding:12px;border:1px solid var(--vidrio-borde);border-radius:12px;background:var(--superficie);color:var(--texto);cursor:grab;overflow-wrap:anywhere;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.crm-card strong{display:block;margin-bottom:5px;color:var(--texto);font-size:14px;line-height:1.4}.crm-card small{display:block;color:var(--tenue);font-size:12px;line-height:1.5}@media (hover: hover){.crm-card:hover{transform:translateY(-2px);border-color:#0a84ff8c;box-shadow:0 6px 20px #0a84ff29}}.crm-card.arrastrando{opacity:.5;cursor:grabbing}.crm-card-amount{margin-top:8px;color:var(--acento-texto);font-size:16px;font-weight:750;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.crm-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:8px;color:var(--tenue);font-size:11px;line-height:1.5;overflow-wrap:anywhere}.crm-detail{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;width:100%}.crm-detail>*{min-width:0;max-width:100%}@media (min-width: 900px){.crm-detail{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.crm-kv{margin:0}.crm-kv>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--borde)}.crm-kv>div:last-child{border-bottom:0}.crm-kv dt{margin:0;color:var(--tenue);font-size:11px;font-weight:600;line-height:1.6;letter-spacing:.06em;text-transform:uppercase;overflow-wrap:anywhere}.crm-kv dd{min-width:0;margin:0;color:var(--texto);font-size:14px;line-height:1.5;overflow-wrap:anywhere}.crm-lines{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:rgba(120,160,255,.35) var(--fondo)}.crm-lines table{width:100%;min-width:600px;border-collapse:collapse;background:transparent;color:var(--texto);font-size:13px}.crm-lines th,.crm-lines td{padding:10px 8px;border-bottom:1px solid var(--borde);text-align:left;vertical-align:middle}.crm-lines th{background:var(--superficie);color:var(--tenue);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.crm-lines input{box-sizing:border-box;width:100%;min-width:0;min-height:34px;padding:6px 4px;border:0;border-bottom:1px solid var(--borde);border-radius:0;background:transparent;color:var(--texto);font:inherit;color-scheme:dark;transition:border-color .18s ease,box-shadow .18s ease}.crm-lines input[type=number]{max-width:110px;text-align:right;font-variant-numeric:tabular-nums}.crm-lines input:focus{outline:2px solid var(--acento);outline-offset:2px;border-bottom-color:var(--acento);box-shadow:0 3px 8px #0a84ff33}.crm-lines td:last-child{text-align:center}.crm-lines td:last-child button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:34px;min-width:34px;height:34px;min-height:34px;padding:0;border:1px solid rgba(251,113,133,.35);border-radius:50%;background:#fb71851f;color:var(--critica);font:inherit;font-size:18px;line-height:1;cursor:pointer;box-shadow:none;transition:background .18s ease}.crm-lines td:last-child button:hover{background:#fb71853b}.crm-totals{width:min(360px,100%);margin-top:16px;margin-left:auto;color:var(--texto)}.crm-totals>*{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:0;padding:7px 0;font-size:14px}.crm-totals>*>:first-child{min-width:0;color:var(--tenue);overflow-wrap:anywhere}.crm-totals>*>:last-child{min-width:0;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.crm-totals>:last-child{margin-top:6px;padding-top:12px;border-top:1px solid var(--borde);color:var(--acento-texto);font-size:20px;font-weight:750}.crm-totals>:last-child>*{color:inherit}.crm-chip{display:inline-flex;align-items:center;max-width:100%;margin:0 6px 6px 0;padding:2px 9px;border:1px solid rgba(10,132,255,.3);border-radius:999px;background:#0a84ff24;color:var(--acento-texto);font-size:11px;line-height:1.5;vertical-align:middle;overflow-wrap:anywhere}.crm-timeline{margin:0;padding:0 0 0 22px;border-left:2px solid rgba(120,160,255,.25);list-style:none}.crm-timeline-item{position:relative;margin-bottom:16px;color:var(--texto);font-size:13px;line-height:1.5;overflow-wrap:anywhere}.crm-timeline-item:before{content:"";position:absolute;top:5px;left:-28px;box-sizing:border-box;width:10px;height:10px;border-radius:50%;background:var(--acento);box-shadow:0 0 10px #0a84ff8c}.crm-timeline-item>:first-child{display:block;margin:0 0 3px;color:var(--texto);font-weight:700}.crm-timeline-item>:nth-child(2){display:block;margin:0;color:var(--tenue);font-size:12px;font-weight:400}.crm-timeline-item:last-child{margin-bottom:0}.crm-progress{width:100%;height:8px;overflow:hidden;border-radius:999px;background:#ffffff14}.crm-progress>i{display:block;max-width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0a84ff,#5ac8fa);transition:width .4s ease}.crm-progress.alerta i{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.crm-progress.critica i{background:linear-gradient(90deg,#e11d48,#fb7185)}.crm-doc{width:100%;max-width:100%;padding:32px;border:0;border-radius:8px;background:#fff;color:#111;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;color-scheme:light;overflow-wrap:anywhere;box-shadow:0 12px 40px #0000003d}.crm-doc.crm-doc.crm-doc *{box-sizing:border-box;max-width:100%;color:#111;background:transparent;text-shadow:none}.crm-doc h1,.crm-doc h2,.crm-doc h3,.crm-doc h4,.crm-doc h5,.crm-doc h6{color:#111;line-height:1.25}.crm-doc table{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed;font-size:12px}.crm-doc th,.crm-doc td{padding:8px;border:1px solid #d1d5db;text-align:left;vertical-align:top;overflow-wrap:anywhere}.crm-doc th{font-weight:700}.crm-doc input,.crm-doc select,.crm-doc button{font:inherit;color-scheme:light}.crm-doc-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid #0A84FF}.crm-doc-head>:first-child{min-width:0;margin:0;color:#111;font-size:20px;font-weight:750;overflow-wrap:anywhere}.crm-doc-head>:nth-child(2){min-width:0;margin:0 0 0 auto;color:#111;font-size:12px;line-height:1.5;text-align:right;opacity:.72;overflow-wrap:anywhere}@media (prefers-reduced-motion: reduce){.crm-toolbar,.crm-toolbar *,.crm-search,.crm-search *,.crm-search:before,.crm-kanban,.crm-col,.crm-card,.crm-lines,.crm-lines *,.crm-progress,.crm-progress i{animation:none;transition:none;transform:none;scroll-behavior:auto}.crm-search:not(input):before{top:0;bottom:0;display:flex;align-items:center}}@page{size:A4;margin:14mm}@media print{body *{visibility:hidden!important}.crm-doc,.crm-doc *{visibility:visible!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.crm-doc{position:absolute!important;top:0!important;left:0!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;color:#111!important;box-shadow:none!important;overflow:visible!important}.crm-doc *{color:#111!important;background:transparent!important;box-shadow:none!important;text-shadow:none!important;overflow:visible!important}.crm-doc table{width:100%!important;min-width:0!important}.crm-doc thead{display:table-header-group}.crm-doc tr,.crm-doc-head,.crm-doc .crm-totals{break-inside:avoid}}.crm-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:16px;overflow:auto;background:#030a17b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.crm-modal,.crm-modal *{box-sizing:border-box}.crm-modal{width:min(720px,100%);min-width:0;max-height:calc(100dvh - 32px);overflow:auto;padding:22px;color:var(--texto, #E8EEF9);background:linear-gradient(145deg,#132440f7,#0a1428f5);border:1px solid var(--vidrio-borde, rgba(120, 160, 255, .14));border-radius:16px;box-shadow:0 24px 80px #0009,0 0 40px #0a84ff24;overflow-wrap:anywhere;animation:crm-modal-enter .18s ease-out both}.crm-modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.crm-modal-head h2{min-width:0;margin:0;font-size:20px}.crm-modal-head button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;padding:0;color:inherit;font:inherit;background:#ffffff0a;border:1px solid var(--borde, rgba(120, 160, 255, .14));border-radius:50%;cursor:pointer}.crm-modal-head button:hover{background:#0a84ff29}.crm-modal-head button:focus-visible{outline:2px solid #0A84FF;outline-offset:3px}.crm-form-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.crm-field{display:flex;flex-direction:column;gap:6px;min-width:0}.crm-field label{color:var(--tenue, #8A9BB8);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.crm-field :is(input,select,textarea){width:100%;min-width:0;max-width:100%;padding:10px 12px;color:inherit;font:inherit;background:#ffffff0d;border:1px solid var(--borde, rgba(120, 160, 255, .14));border-radius:10px}.crm-field :is(input,select,textarea):focus{outline:none;border-color:#0a84ff;box-shadow:0 0 0 3px #0a84ff40}.crm-field :is(input,textarea)::placeholder{color:var(--tenue, #8A9BB8);opacity:1}.crm-field textarea{min-height:88px;resize:vertical}.crm-field select{color-scheme:dark}.crm-field input[type=checkbox]{width:auto;inline-size:auto;align-self:flex-start;accent-color:#0A84FF}.crm-field--full{grid-column:1 / -1}.crm-error{margin-top:12px;padding:10px 12px;color:#ffb3bf;background:#fb71851f;border:1px solid rgba(251,113,133,.4);border-radius:10px;overflow-wrap:anywhere}.crm-form-grid>.crm-error{grid-column:1 / -1}.crm-modal-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:18px}@media (min-width: 560px){.crm-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes crm-modal-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.crm-modal{animation:none}}.gq-pane{position:sticky;top:16px;align-self:start;min-width:0;width:100%}.gq-sheet{container-type:inline-size;width:100%;max-width:760px;margin-inline:auto;background:#fff;color:#000;box-shadow:0 10px 40px #00000073;border-radius:4px;overflow:hidden;position:relative;display:flex;flex-direction:column;padding:0;aspect-ratio:612 / 792;min-height:min-content;font-family:Arial,Helvetica,sans-serif;font-weight:400;font-style:normal;line-height:normal;text-align:left;text-transform:none;isolation:isolate;-webkit-print-color-adjust:exact;print-color-adjust:exact}.gq-sheet,.gq-sheet *{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;text-shadow:none;letter-spacing:normal}.gq-sheet>*{--pt: calc(100cqw / 612);font-size:calc(9 * var(--pt));min-width:calc(0 * var(--pt));flex-shrink:0}.gq-sheet *{color:inherit}.gq-sheet :where(h1,h2,h3,h4,p,table){margin:calc(0 * var(--pt));font-size:inherit}.gq-membrete{display:block;width:100%;height:auto;border:none}.gq-cuerpo{position:relative;flex:1 0 auto;padding:calc(14 * var(--pt)) calc(45.4 * var(--pt)) calc(0 * var(--pt));color:#000;overflow-wrap:anywhere}.gq-titulo{font-size:calc(14 * var(--pt));font-weight:700;text-align:center;margin:calc(0 * var(--pt)) calc(0 * var(--pt)) calc(4 * var(--pt))}.gq-subtitulo{font-size:calc(9 * var(--pt));text-align:center;margin:calc(0 * var(--pt)) calc(0 * var(--pt)) calc(6 * var(--pt))}.gq-estado{position:absolute;top:calc(10 * var(--pt));right:calc(45.4 * var(--pt));font-size:calc(7 * var(--pt));font-weight:700;letter-spacing:calc(.4 * var(--pt));padding:calc(2 * var(--pt)) calc(7 * var(--pt));border-radius:calc(2 * var(--pt));text-transform:uppercase;white-space:nowrap}.gq-estado--borrador{color:#6b7280;background:#eef0f3}.gq-estado--enviada{color:#0b5cad;background:#e6f0fb}.gq-estado--aceptada{color:#0f7b4d;background:#e3f5ec}.gq-estado--rechazada{color:#b42335;background:#fbe7ea}.gq-estado--vencida{color:#9a6200;background:#fdf1d8}.gq-dirigido{background:#282d37;color:#fff;font-size:calc(9 * var(--pt));font-weight:700;letter-spacing:calc(.5 * var(--pt));text-align:center;padding:calc(5 * var(--pt)) calc(10 * var(--pt));margin:calc(18 * var(--pt)) calc(0 * var(--pt)) calc(0 * var(--pt))}.gq-datos{font-size:calc(9 * var(--pt));padding:calc(8 * var(--pt)) calc(10 * var(--pt));margin-bottom:calc(4 * var(--pt));background:#f5f6f8}.gq-datos p{margin:calc(2 * var(--pt)) calc(0 * var(--pt))}.gq-datos p>strong{font-weight:700}.gq-seccion{background:#282d37;color:#fff;font-size:calc(11 * var(--pt));font-weight:700;padding:calc(5 * var(--pt)) calc(10 * var(--pt));border-left:calc(4.5 * var(--pt)) solid #f08c00;margin:calc(18 * var(--pt)) calc(0 * var(--pt)) calc(8 * var(--pt));page-break-after:avoid;break-after:avoid}.gq-tabla-wrap{width:100%;min-width:calc(0 * var(--pt));overflow-x:auto}.gq-tabla{width:100%;border-collapse:collapse;border-spacing:calc(0 * var(--pt));border:none;font-size:calc(7.8 * var(--pt));line-height:normal;text-align:left;overflow-wrap:anywhere}.gq-tabla thead{display:table-header-group}.gq-tabla tr{page-break-inside:avoid;break-inside:avoid}.gq-tabla th{background:#282d37;color:#fff;font-weight:700;padding:calc(4 * var(--pt)) calc(6 * var(--pt));border:none;text-align:left}.gq-tabla td{padding:calc(4 * var(--pt)) calc(6 * var(--pt));border:none;border-bottom:calc(.5 * var(--pt)) solid #d9dce2;vertical-align:top}.gq-tabla:has(thead th:nth-child(7)) thead th:first-child{width:calc(34 * var(--pt));white-space:nowrap}.gq-tabla:has(thead th:nth-child(7)) tbody tr:not(.gq-fila-total) td:first-child{white-space:nowrap}.gq-tabla:not(:has(thead th:nth-child(3))) thead th:first-child{width:30%}.gq-tabla th{white-space:nowrap}.gq-tabla tbody tr:nth-child(2n):not(.gq-fila-total):not(.gq-fila-total--final) td{background:#f5f6f8}.gq-tabla .gq-num{text-align:right;font-variant-numeric:tabular-nums}.gq-tabla .gq-fila-total td{background:transparent;border-bottom:none;padding:calc(3 * var(--pt)) calc(6 * var(--pt))}.gq-etiqueta{text-align:right;font-weight:600}.gq-tabla .gq-fila-total--final td{background:#f5f6f8;font-weight:700;font-size:calc(9 * var(--pt));border-top:calc(.8 * var(--pt)) solid #282d37;border-bottom:none;padding:calc(3 * var(--pt)) calc(6 * var(--pt))}.gq-nota{font-size:calc(7.6 * var(--pt));margin:calc(6 * var(--pt)) calc(0 * var(--pt)) calc(0 * var(--pt))}.gq-texto{font-size:calc(9 * var(--pt));margin:calc(0 * var(--pt)) calc(0 * var(--pt)) calc(5 * var(--pt));line-height:1.45}.gq-firma{display:flex;gap:calc(40 * var(--pt));margin-top:calc(40 * var(--pt));page-break-inside:avoid;break-inside:avoid}.gq-firma-col{flex:1;min-width:calc(0 * var(--pt));text-align:center}.gq-rubrica{height:calc(80 * var(--pt));display:flex;align-items:flex-end;justify-content:center}.gq-rubrica img{display:block;width:auto;height:auto;max-height:calc(42 * var(--pt));max-width:70%;margin-bottom:calc(-3 * var(--pt));object-fit:contain;mix-blend-mode:multiply}.gq-rubrica--sello{height:calc(80 * var(--pt))}.gq-rubrica--sello img{max-height:calc(92 * var(--pt));max-width:calc(92 * var(--pt));margin-bottom:calc(-12 * var(--pt))}.gq-linea{border-top:calc(.8 * var(--pt)) solid #000;margin-bottom:calc(6 * var(--pt))}.gq-firma p{font-size:calc(8 * var(--pt));margin:calc(4 * var(--pt)) calc(0 * var(--pt))}.gq-firma .gq-nombre,.gq-nombre{font-weight:700;font-size:calc(9 * var(--pt));margin-top:calc(2 * var(--pt))}.gq-negrita{font-weight:700}.gq-pie{position:relative;margin-top:calc(28 * var(--pt))}.gq-pie-texto{font-size:calc(6.8 * var(--pt));color:#6b7280;padding:calc(0 * var(--pt)) calc(45.4 * var(--pt)) calc(3 * var(--pt));overflow-wrap:anywhere}.gq-pie img{display:block;width:100%;height:auto;border:none}@media (max-width: 899.98px){.gq-pane{position:static}}@media print{.gq-pane{position:static}.gq-sheet{box-shadow:none;border-radius:0;max-width:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}.gq-sheet *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.gq-sheet .gq-tabla th{font-size:calc(7.8 * var(--pt));line-height:1.3;letter-spacing:normal;text-transform:none}