*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--sapFontFamily, "72", "72full", Arial, Helvetica, sans-serif);background-color:var(--sapBackgroundColor, #f7f7f7);color:var(--sapTextColor, #32363a)}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-body{display:flex;flex:1;overflow:hidden}.app-side{width:240px;flex-shrink:0;overflow-y:auto;border-right:1px solid var(--sapGroup_ContentBorderColor, #e5e5e5);background:var(--sapBaseColor, #fff);transition:width .25s ease;position:relative}.app-side.collapsed{width:52px}.app-side.collapsed .snav-group-label,.app-side.collapsed .snav-solo-label,.app-side.collapsed .snav-item-label,.app-side.collapsed .snav-chevron,.app-side.collapsed .snav-plan-badge,.app-side.collapsed .snav-children,.app-side.collapsed .snav-separator{display:none}.app-side.collapsed .snav-group-header,.app-side.collapsed .snav-solo{justify-content:center;padding:.55rem 0}.app-side.collapsed .snav-group-header-left{justify-content:center}.app-side.collapsed .empresa-selector{display:none}.snav{padding:.5rem 0}.snav-group{margin-bottom:.25rem}.snav-group-header{display:flex;align-items:center;justify-content:space-between;padding:.55rem 1rem;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:0;transition:background .12s}.snav-group-header:hover{background:#0a6ed10f}.snav-group-header.snav-active{background:#0a6ed114}.snav-group-header-left{display:flex;align-items:center;gap:.6rem}.snav-group-icon{width:1.5rem;display:flex;align-items:center;justify-content:center;color:#0a6ed1;font-size:1rem}.snav-group-label{font-size:.875rem;font-weight:600;color:#32363a}.snav-chevron{font-size:.7rem;color:#8a8d90;transition:transform .2s}.snav-chevron.open{transform:rotate(90deg)}.snav-children{overflow:hidden}.snav-item{display:flex;align-items:center;gap:.55rem;padding:.45rem 1rem .45rem 2.75rem;cursor:pointer;border-radius:0;transition:background .12s;text-decoration:none;border-left:3px solid transparent}.snav-item:hover{background:#0a6ed10d}.snav-item.snav-active{background:#0a6ed117;border-left-color:#0a6ed1}.snav-item-icon{color:#6a6d70;font-size:.9rem}.snav-item.snav-active .snav-item-icon{color:#0a6ed1}.snav-item-label{font-size:.845rem;color:#32363a}.snav-item.snav-active .snav-item-label{color:#0a6ed1;font-weight:500}.snav-solo{display:flex;align-items:center;gap:.6rem;padding:.55rem 1rem;cursor:pointer;transition:background .12s;border-left:3px solid transparent}.snav-solo:hover{background:#0a6ed10f}.snav-solo.snav-active{background:#0a6ed117;border-left-color:#0a6ed1}.snav-solo-icon{color:#0a6ed1;font-size:1rem;width:1.5rem;display:flex;justify-content:center}.snav-solo-label{font-size:.875rem;font-weight:600;color:#32363a}.snav-solo.snav-active .snav-solo-label{color:#0a6ed1}.snav-separator{height:1px;background:#f0f0f0;margin:.25rem .75rem}.snav-item.snav-locked,.snav-solo.snav-locked,.snav-group-header.snav-locked{opacity:.55}.snav-item.snav-locked .snav-item-icon,.snav-item.snav-locked .snav-item-label{color:#a0a4a8}.snav-plan-badge{display:inline-flex;align-items:center;font-size:.62rem;font-weight:700;letter-spacing:.3px;color:#0a6ed1;background:#e8f1fb;border-radius:4px;padding:1px 5px;white-space:nowrap;flex-shrink:0}.app-main{flex:1;overflow-y:auto;padding:1.5rem}.side-overlay{display:none}@media(max-width:768px){.app-side{position:fixed;top:44px;left:0;bottom:0;z-index:100;transform:translate(-100%);transition:transform .25s ease;box-shadow:none}.app-side.mobile-open{transform:translate(0);box-shadow:4px 0 16px #00000026}.app-side.collapsed{width:240px}.app-side.collapsed .snav-group-label,.app-side.collapsed .snav-solo-label,.app-side.collapsed .snav-item-label,.app-side.collapsed .snav-chevron,.app-side.collapsed .snav-plan-badge,.app-side.collapsed .snav-children,.app-side.collapsed .snav-separator,.app-side.collapsed .empresa-selector{display:unset}.app-side.collapsed .snav-group-header,.app-side.collapsed .snav-solo{justify-content:unset;padding:.55rem 1rem}.side-overlay{display:block;position:fixed;top:44px;left:0;right:0;bottom:0;z-index:99;background:#0000004d}.app-main{padding:1rem}}.login-page{min-height:100vh;display:flex;align-items:stretch}.login-right{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:4rem 4.5rem;background:linear-gradient(145deg,#0a6ed1,#0854a0 45%,#213158 80%,#192540);position:relative;overflow:hidden}.login-right:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#0854a0eb,#042d63e0 60%,#042d63d1);pointer-events:none;z-index:0}.login-right>*{position:relative;z-index:1}.login-dashboard-preview{position:absolute;right:-20px;top:50%;width:78%;height:auto;border-radius:12px;box-shadow:-12px 12px 48px #00000073;opacity:.28;pointer-events:none;z-index:0;transform:translateY(-50%) rotate(-3deg);transform-origin:center right}.login-right-logo-wrap{position:relative;margin-bottom:3.5rem}.login-right-logo-wrap img{height:auto;position:relative}.login-right h1{font-size:2.8rem;font-weight:800;color:#fff;line-height:1.15;margin-bottom:1.25rem;position:relative;letter-spacing:-.5px}.login-right h1 span{color:#e8600a}.login-right-tagline{font-size:1.05rem;color:#ffffffa6;line-height:1.7;max-width:380px;position:relative;margin-bottom:3rem}.login-features{display:flex;flex-direction:column;gap:.75rem;position:relative}.login-feature-item{display:flex;align-items:center;gap:.75rem;color:#ffffffd9;font-size:.9rem}.login-feature-dot{width:8px;height:8px;border-radius:50%;background:#e8600a;flex-shrink:0}.login-right-footer{position:absolute;bottom:1.75rem;left:4.5rem;font-size:.75rem;color:#ffffff40}.login-left{width:480px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 3.5rem;background:#eef2f7}.login-left-logo{margin-bottom:2.25rem;align-self:flex-start}.login-left-body{width:100%;display:flex;flex-direction:column}.login-left h2{font-size:1.85rem;font-weight:700;color:#0f1d35;margin-bottom:.35rem;letter-spacing:-.3px}.login-left p.login-subtitle{font-size:.9rem;color:#8a93a2;margin-bottom:2rem}.login-field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem}.login-field label{font-size:.82rem;font-weight:600;color:#3d4a5c;letter-spacing:.2px}.login-left-footer{margin-top:1.75rem;font-size:.83rem;color:#8a93a2;text-align:center}@media(max-width:900px){.login-page{flex-direction:column-reverse}.login-left{width:100%;padding:2.5rem 1.5rem}.login-right{padding:2.5rem 2rem;min-height:320px}.login-right h1{font-size:2rem}.login-right-footer{left:2rem}}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.chart-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:1rem;margin-bottom:1.5rem}.page-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.status-pending{color:#e9730c}.status-active{color:#107e3e}.status-error{color:#b00}.status-neutral{color:#6a6d70}.table-container{background:var(--sapBaseColor, #fff);border-radius:.5rem;overflow:hidden;border:1px solid var(--sapGroup_ContentBorderColor, #e5e5e5)}.table-container>*{width:100%}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.gap-1{gap:.5rem}.gap-2{gap:1rem}.w-full{width:100%}.text-right{text-align:right}.top-nav{display:flex;align-items:center;gap:.25rem;background:var(--sapBaseColor, #fff);border-bottom:1px solid var(--sapGroup_ContentBorderColor, #e5e5e5);padding:.35rem 1rem;overflow-x:auto;flex-shrink:0;scrollbar-width:thin}.top-nav::-webkit-scrollbar{height:4px}.top-nav::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.top-nav-item-wrap{position:relative;flex-shrink:0}.top-nav-item{display:inline-flex;align-items:center;gap:.45rem;background:transparent;border:none;padding:.45rem .85rem;border-radius:.4rem;font-size:.85rem;font-weight:500;color:var(--sapTextColor, #32363a);cursor:pointer;white-space:nowrap;transition:background .12s ease,color .12s ease;font-family:inherit}.top-nav-item:hover{background:#0a6ed114}.top-nav-item.active{background:#0a6ed11f;color:#0a6ed1;font-weight:600}.top-nav-item.locked{color:#8a8d90}.top-nav-icon{font-size:1rem;color:inherit}.top-nav-chevron{font-size:.75rem;opacity:.6;margin-left:.1rem}.top-nav-plan-badge{background:#fdecea;color:#b00;font-size:.65rem;font-weight:700;padding:.05rem .4rem;border-radius:.5rem;margin-left:.2rem;text-transform:uppercase;letter-spacing:.03em}.app-body-topnav .app-main{width:100%}@media(max-width:768px){.top-nav{display:none}}.dialog-legal::part(content){outline:none;border:none}.skn-toast-stack{position:fixed;top:3.25rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;width:min(400px,calc(100vw - 2rem));pointer-events:none}.skn-toast{pointer-events:auto;animation:skn-toast-in .2s ease-out;box-shadow:0 4px 16px #0000002e;border-radius:.5rem}@keyframes skn-toast-in{0%{opacity:0;transform:translate(1.5rem)}to{opacity:1;transform:translate(0)}}.skn-toast-accion{background:none;border:none;padding:0;font:inherit;font-weight:700;color:inherit;text-decoration:underline;cursor:pointer}@media(prefers-reduced-motion:reduce){.skn-toast{animation:none}}@media(max-width:768px){.skn-toast-stack{top:auto;bottom:1rem;left:1rem;right:1rem;width:auto}@keyframes skn-toast-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}}.skn-notif-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem .4rem .65rem .85rem;border-bottom:1px solid #e5e5e5}.skn-notif-vacio{padding:2.25rem 1rem;text-align:center;color:#8a8d90;font-size:.82rem}.skn-notif-lista{max-height:min(60vh,460px);overflow-y:auto}.skn-notif-item{display:flex;align-items:flex-start;gap:.65rem;padding:.7rem .6rem .7rem .85rem;border-bottom:1px solid #f0f0f0}.skn-notif-item.clicable{cursor:pointer}.skn-notif-item.clicable:hover{background:#f5f6fa}.skn-notif-item.no-leida{background:#f2f7fd;box-shadow:inset 3px 0 #0a6ed1}.skn-notif-item.no-leida.clicable:hover{background:#e8f1fb}.skn-notif-icono{flex-shrink:0;width:1.65rem;height:1.65rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0000000d}.skn-notif-titulo{font-size:.83rem;font-weight:600;color:#1a2332;line-height:1.35}.skn-notif-detalle{font-size:.76rem;color:#6a6d70;line-height:1.4;margin-top:.15rem}.skn-notif-meta{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin-top:.3rem;font-size:.7rem;color:#8a8d90}.skn-notif-ref{padding:.05rem .35rem;border-radius:.25rem;background:#eaecee;font-weight:600;color:#6a6d70}.skn-notif-cerrar{flex-shrink:0;width:1.35rem;height:1.35rem;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;color:#8a8d90;cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease}.skn-notif-item:hover .skn-notif-cerrar{opacity:1}.skn-notif-cerrar:hover{background:#e5e5e5;color:#32363a}@media(hover:none){.skn-notif-cerrar{opacity:1}}.skn-ayuda-dialogo::part(content){padding:0}.skn-ayuda{width:min(560px,92vw);max-height:min(58vh,560px);overflow-y:auto;padding:1rem 1.35rem 1.35rem;font-size:.87rem;line-height:1.6;color:#1a2332}.skn-ayuda section{margin-top:1.35rem}.skn-ayuda-resumen{margin:0;padding:.8rem .95rem;background:#f2f7fd;border-left:3px solid #0a6ed1;border-radius:0 .4rem .4rem 0;color:#35465c}.skn-ayuda-titulo{margin:0 0 .6rem;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#8a8d90}.skn-ayuda-pasos{margin:0;padding-left:1.35rem;counter-reset:paso}.skn-ayuda-pasos li{margin-bottom:.75rem}.skn-ayuda-paso-titulo{display:block;font-weight:600;color:#1a2332}.skn-ayuda-paso-detalle{display:block;color:#5b6472;margin-top:.1rem}.skn-ayuda-error{border:1px solid #f0e0cd;background:#fffcf7;border-radius:.45rem;padding:.7rem .85rem;margin-bottom:.6rem}.skn-ayuda-sintoma{display:flex;align-items:flex-start;gap:.4rem;font-weight:600;color:#8a4b00}.skn-ayuda-icono-alerta{color:#e67e00;font-size:.85rem;flex-shrink:0;margin-top:.22rem}.skn-ayuda-causa{color:#6a6d70;font-size:.83rem;margin-top:.25rem}.skn-ayuda-solucion{color:#1a2332;margin-top:.3rem}.skn-ayuda-enlaces{display:flex;flex-wrap:wrap;gap:.4rem}.skn-ayuda-enlace{background:#eef2f6;border:1px solid #dde3ea;border-radius:1rem;padding:.25rem .75rem;font:inherit;font-size:.8rem;color:#0a6ed1;cursor:pointer}.skn-ayuda-enlace:hover{background:#e3ebf3;border-color:#c6d3df}