@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.login-page-root{background-image:url(/login-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;margin:0;padding:0;display:flex;position:fixed;top:0;left:0}.login-overlay{z-index:1;background-color:#0006;width:100%;height:100%;position:absolute;top:0;left:0}.right-aligned-login-area{z-index:2;justify-content:flex-end;align-items:center;width:100%;height:100%;padding-right:8%;display:flex;position:relative}.slim-glass-login-card{-webkit-backdrop-filter:blur(16px);background:#0f172a8c;border:1px solid #ffffff26;border-radius:16px;flex-direction:column;width:100%;max-width:380px;padding:35px 30px;display:flex;box-shadow:0 25px 50px -12px #00000080}.logo-section{justify-content:center;align-items:center;gap:10px;margin-bottom:15px;display:flex}.logo-icon{color:#00ff9d}.logo-text{color:#00ff9d;letter-spacing:.5px;font-size:15px;font-weight:800}.welcome-header{color:#fff;text-align:center;margin:0 0 10px;font-size:22px;font-weight:700}.subtitle{color:#cbd5e1;text-align:center;margin-bottom:25px;font-size:12px;line-height:1.5}.login-form{flex-direction:column;gap:15px;display:flex}.input-group{flex-direction:column;gap:5px;display:flex}.input-group label{color:#cbd5e1;margin-left:2px;font-size:11px;font-weight:600}.input-group input{color:#fff;box-sizing:border-box;background-color:#00000040;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-size:13px;transition:all .3s}.input-group input::placeholder{color:#8fa1c4;opacity:.7}.input-group input:focus{background-color:#0006;border-color:#00ff9d;box-shadow:0 0 0 1px #00ff9d}.submit-btn{color:#172647;cursor:pointer;background-color:#00ff9d;border:none;border-radius:8px;width:100%;margin-top:5px;padding:12px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #00ff9d33}.submit-btn:hover{background-color:#00e68d;transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.form-links{flex-direction:column;align-items:center;gap:8px;margin-top:15px;display:flex}.link-muted{color:#8fa1c4;font-size:11px;text-decoration:none;transition:color .2s}.link-muted:hover{color:#fff;text-decoration:underline}.footer-links{gap:12px;display:flex}.error-box{text-align:center;box-sizing:border-box;border-radius:8px;width:100%;margin-top:15px;padding:10px;font-size:12px;font-weight:500}.error-box.error{color:#fca5a5;background-color:#ef444426;border:1px solid #ef44444d}.error-box.success{color:#00ff9d;background-color:#00ff9d26;border:1px solid #00ff9d4d}.sidebar-root{color:#8fa1c4;z-index:100;background-color:#162032;flex-direction:column;flex-shrink:0;height:100vh;transition:width .8s ease-in-out;display:flex;overflow:hidden auto;box-shadow:2px 0 10px #0000001a}.sidebar-root.expanded{width:260px}.sidebar-root.collapsed{width:65px}@keyframes fadeInSoft{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.sidebar-logo-text span,.profile-info,.nav-label,.submenu-interno{opacity:0;animation:.6s ease-out .2s forwards fadeInSoft}.sidebar-header{background-color:#00ff9d;justify-content:space-between;align-items:center;height:45px;min-height:45px;padding:0 15px;display:flex}.sidebar-logo-text{color:#172647;letter-spacing:.5px;white-space:nowrap;font-size:14px;font-weight:800}.btn-hamburger{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.sidebar-profile{border-bottom:1px solid #ffffff0d;align-items:center;gap:15px;padding:20px 15px;display:flex}.avatar-wrapper{min-width:35px;position:relative}.profile-avatar{object-fit:cover;border:2px solid #162032;border-radius:50%;width:35px;height:35px}.status-dot{color:#172647;background-color:#00ff9d;border:2px solid #162032;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;font-weight:700;display:flex;position:absolute;bottom:-2px;right:-2px}.profile-info{white-space:nowrap;flex-direction:column;display:flex}.profile-name{color:#fff;font-size:13px;font-weight:600}.profile-role{color:#8fa1c4;letter-spacing:.5px;margin-top:2px;font-size:10px;font-weight:600}.sidebar-nav{flex-direction:column;gap:0;padding:15px 0;display:flex}.nav-icon{min-width:18px}.nav-label{white-space:nowrap;font-size:13px;font-weight:500}.nav-item-simple,.nav-folder-header{cursor:pointer;color:#8fa1c4;border-left:3px solid #0000;justify-content:space-between;align-items:center;padding:12px 23px;transition:all .2s;display:flex}.nav-item-simple:hover,.nav-folder-header:hover{color:#fff;background-color:#ffffff0d}.nav-folder-header.active{color:#fff}.nav-folder-header.highlight-green{background-color:#00ff9d}.submenu-animado{background-color:#0f1623;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out;display:grid}.submenu-animado.abierto{grid-template-rows:1fr}.submenu-interno{flex-direction:column;padding:0;display:flex;overflow:hidden}.nav-sub-item{color:#8fa1c4;cursor:pointer;white-space:nowrap;border-left:3px solid #0000;padding:12px 20px 12px 50px;font-size:12px;transition:background-color .2s,color .2s}.nav-sub-item:hover{color:#00ff9d;background-color:#00ff9d0d}.item-pintado,.subitem-pintado{background-color:#00ff9d14;border-left:3px solid #00ff9d;font-weight:700;color:#00ff9d!important}.sidebar-root::-webkit-scrollbar{width:5px}.sidebar-root::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.topbar-container{background-color:var(--bg-topbar);height:45px;min-height:45px;color:var(--text-main);z-index:10;justify-content:space-between;align-items:center;padding:0 20px;transition:all .3s;display:flex}.topbar-left{align-items:center;gap:8px;width:250px;display:flex}.seccion-label{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:600}.seccion-title{color:var(--text-main);border-left:3px solid #00ff9d;padding-left:8px;font-size:14px;font-weight:700}.topbar-telemetry{background-color:var(--bg-workspace);border:1px solid var(--border-color);color:var(--text-muted);border-radius:20px;align-items:center;gap:12px;padding:4px 12px;font-size:11px;font-weight:600;display:flex;box-shadow:inset 0 2px 4px #00000005}.telemetry-item{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex}.telemetry-icon-green{color:#10b981}.telemetry-icon-blue{color:#3b82f6}.telemetry-divider{background-color:var(--border-color);width:1px;height:12px}.topbar-right{justify-content:flex-end;align-items:center;gap:8px;width:250px;display:flex}.icon-btn-wrapper{position:relative}.icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.icon-btn:hover{background-color:var(--border-color);color:var(--text-main)}.settings-menu{background-color:var(--bg-card);border:1px solid var(--border-color);z-index:100;border-radius:8px;flex-direction:column;gap:5px;width:160px;padding:10px;display:flex;position:absolute;top:40px;right:0;box-shadow:0 10px 15px -3px #0000001a}.settings-header{color:var(--text-muted);border-bottom:1px solid var(--border-color);letter-spacing:.5px;margin-bottom:0;padding:0 5px 5px;font-size:10px;font-weight:700}.theme-option{color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:500;transition:background .2s}.theme-option:hover{background-color:var(--border-color)}.theme-option.active-theme{color:#00ff9d;background-color:#00ff9d1a}.notification-btn{position:relative}.notification-dot{border:2px solid var(--bg-topbar);background-color:#ef4444;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:6px}.topbar-divider{background-color:var(--border-color);width:1px;height:16px;margin:0 5px}.logout-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;text-transform:uppercase;background-color:#0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.logout-btn:hover{color:#e11d48;background-color:#ef44441a;border-color:#fecdd3}:root,.theme-light{--bg-workspace:#f8fafc;--bg-topbar:#fff;--bg-card:#fff;--text-main:#0f172a;--text-muted:#64748b;--border-color:#f1f5f9;--shadow-color:#0000000d}.theme-slate{--bg-workspace:#e2e8f0;--bg-topbar:#f1f5f9;--bg-card:#f8fafc;--text-main:#1e293b;--text-muted:#475569;--border-color:#cbd5e1;--shadow-color:#00000014}.theme-dark{--bg-workspace:#0b1319;--bg-topbar:#172647;--bg-card:#1e293b;--text-main:#fff;--text-muted:#8fa1c4;--border-color:#233966;--shadow-color:#0003}.dashboard-main-area{background-color:var(--bg-workspace);flex:1;padding:15px;transition:background-color .3s;overflow-y:auto}.dashboard-content{flex-direction:column;width:100%;max-width:100%;height:100%;margin:0;display:flex}.dashboard-header{margin-bottom:30px}.dashboard-header h1{color:var(--text-main);margin-bottom:5px;font-size:24px;font-weight:700}.dashboard-header p{color:var(--text-muted);font-size:14px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;display:grid}.kpi-card{background-color:var(--bg-card);box-shadow:0 4px 6px -1px var(--shadow-color);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;padding:24px;transition:all .3s;display:flex}.kpi-card:hover{transform:translateY(-2px)}.kpi-top{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.kpi-title{color:var(--text-muted);text-transform:uppercase;font-size:13px;font-weight:600}.kpi-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.icon-blue{color:#3b82f6;background-color:#3b82f61a}.icon-green{color:#22c55e;background-color:#22c55e1a}.icon-orange{color:#f97316;background-color:#f973161a}.icon-purple{color:#a855f7;background-color:#a855f71a}.kpi-value{color:var(--text-main);margin-bottom:5px;font-size:28px;font-weight:800}.kpi-trend{font-size:13px;font-weight:500}.trend-up{color:#22c55e}.trend-down{color:#ef4444}.trend-text{color:var(--text-muted);margin-left:5px;font-weight:400}.chart-placeholder{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 4px 6px -1px var(--shadow-color);text-align:center;color:var(--text-muted);border-radius:12px;padding:40px;transition:all .3s}.table-controls{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.search-bar{background-color:var(--bg-card);border:1px solid var(--border-color);max-width:400px;box-shadow:0 2px 4px var(--shadow-color);border-radius:8px;flex:1;align-items:center;padding:8px 15px;display:flex}.search-bar input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;margin-left:10px;font-size:13px}.search-bar input::placeholder{color:var(--text-muted)}.action-buttons{gap:10px;display:flex}.btn-secondary{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;box-shadow:0 2px 4px var(--shadow-color);border-radius:8px;align-items:center;gap:8px;padding:8px 15px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-secondary:hover{background-color:var(--border-color);color:var(--text-main)}.table-container{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 4px 6px -1px var(--shadow-color);border-radius:12px;overflow:hidden}.crm-table{border-collapse:collapse;text-align:left;width:100%}.crm-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);background-color:#00000005;padding:15px 20px;font-size:12px;font-weight:600}.crm-table td{color:var(--text-main);border-bottom:1px solid var(--border-color);vertical-align:middle;padding:16px 20px;font-size:14px}.crm-table tbody tr{transition:background-color .2s}.crm-table tbody tr:hover{background-color:#00ff9d0d}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-critical{color:#ef4444;background-color:#ef44441a;border:1px solid #ef444433}.status-warning{color:#f97316;background-color:#f973161a;border:1px solid #f9731633}.status-success{color:#22c55e;background-color:#22c55e1a;border:1px solid #22c55e33}.btn-manage{color:#00ff9d;cursor:pointer;background-color:#0000;border:1px solid #00ff9d;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.theme-light .btn-manage,.theme-slate .btn-manage{color:#172647;border-color:#172647}.btn-manage:hover{color:#172647;background-color:#00ff9d;border-color:#00ff9d}.fw-bold{font-weight:700}.client-name{font-weight:600}.client-phone{color:var(--text-muted);margin-top:2px;font-size:11px}.debt-critical{color:#ef4444;font-weight:800}.debt-warning,.debt-good{font-weight:800}.tabla-dark-excel{border-collapse:separate;border-spacing:0;text-align:center;white-space:nowrap;width:100%;color:var(--text-main);background-color:var(--bg-card);font-size:13px}.tabla-dark-excel th{background-color:var(--bg-card);color:var(--text-main);letter-spacing:.5px;border-bottom:2px solid var(--border-color);border-right:1px solid var(--border-color);z-index:10;padding:10px 12px;font-size:11px;font-weight:800;position:sticky;top:0}.tabla-dark-excel th:last-child{z-index:11;border-right:none}.tabla-dark-excel td{border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);background-color:#0000;padding:10px 12px;transition:all .2s}.tabla-dark-excel tbody tr:nth-child(2n) td{background-color:#8080800d}.tabla-dark-excel tbody tr:hover td{background-color:#00ff9d1a}.tabla-dark-excel .texto-mutado{color:var(--text-muted)!important}.tabla-dark-excel td:last-child{background-color:var(--bg-card);z-index:2;border-right:none;position:sticky;right:0;box-shadow:-4px 0 8px #0000000d}.tabla-dark-excel tbody tr:nth-child(2n) td:last-child{background-color:var(--bg-card);box-shadow:inset 0 0 0 9999px #8080800d,-4px 0 8px #0000000d}.tabla-dark-excel tbody tr:hover td:last-child{background-color:var(--bg-card);box-shadow:inset 0 0 0 9999px #00ff9d1a,-4px 0 8px #0000000d}.table-scroll-wrapper{flex:1;min-height:0;overflow:auto}.table-scroll-wrapper::-webkit-scrollbar{width:8px;height:8px}.table-scroll-wrapper::-webkit-scrollbar-track{background:var(--bg-card);border-bottom-left-radius:8px}.table-scroll-wrapper::-webkit-scrollbar-thumb{background:#8fa1c44d;border-radius:4px}.table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#3b82f6}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;width:450px;max-width:90%;animation:.3s ease-out modalEntrada;display:flex;box-shadow:0 10px 30px #0000004d}@keyframes modalEntrada{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.modal-header h3{color:var(--text-main);margin:0;font-size:15px}.btn-cerrar{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:5px;transition:all .2s;display:flex}.btn-cerrar:hover{color:#ef4444;background-color:#ef44441a}.modal-body{flex-direction:column;gap:15px;padding:20px;display:flex}.campo-formulario{text-align:left;flex-direction:column;gap:5px;display:flex}.campo-formulario label{color:var(--text-muted);font-size:12px;font-weight:600}.campo-formulario input,.campo-formulario select,.campo-formulario textarea{border:1px solid var(--border-color);color:var(--text-main);background-color:#80808014;border-radius:6px;outline:none;padding:10px;font-family:inherit;font-size:13px;transition:border-color .2s}.campo-formulario input:focus,.campo-formulario select:focus,.campo-formulario textarea:focus{border-color:#3b82f6}.modal-footer{border-top:1px solid var(--border-color);background-color:#8080800d;border-bottom-right-radius:10px;border-bottom-left-radius:10px;justify-content:flex-end;gap:10px;padding:15px 20px;display:flex}.select-paginador{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:#80808014;border-radius:4px;outline:none;padding:4px 8px}.select-paginador option{background-color:var(--bg-card);color:var(--text-main)}