@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--primary: #3b82f6;--primary-glow: rgba(59, 130, 246, .5);--bg-deep: #020617;--bg-surface: #0f172a;--bg-elevated: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .08);--accent-green: #10b981;--accent-purple: #8b5cf6;--accent-orange: #f59e0b;--accent-pink: #ec4899;--accent-red: #ef4444;--accent-blue: #3b82f6;--pink-glow: rgba(236, 72, 153, .4);--red-glow: rgba(239, 68, 68, .4);--green-glow: rgba(16, 185, 129, .4);--amber-glow: rgba(245, 158, 11, .4);color-scheme:dark}input,textarea,select,button{font-family:inherit;font-size:inherit;box-sizing:border-box}input,textarea,select{background:#ffffff0d!important;color:var(--text-main)!important;border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;outline:none;color-scheme:dark;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}select option{background:#1e293b!important;color:#f8fafc!important}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.6}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}input:focus,select:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-glow)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--bg-deep);color:var(--text-main);overflow:hidden}.app-layout{display:flex;height:100vh;width:100vw}.sidebar{width:280px;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:50;transition:width .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.sidebar.collapsed{width:80px}.sidebar-header{padding:2rem 1.5rem}.brand{display:flex;align-items:center;gap:.75rem;font-weight:800;font-size:1.25rem;letter-spacing:-.025em;color:var(--primary)}.brand-icon{width:40px;height:40px;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:10px;box-shadow:0 0 15px var(--primary-glow);padding:4px;flex-shrink:0}.brand-icon img{max-width:100%;max-height:100%;object-fit:contain}.sidebar-nav{flex:1;padding:0 .75rem;overflow-y:auto;overflow-x:hidden}.nav-header{padding:1.5rem .75rem .5rem;font-size:.65rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:.75rem}.header-line{height:1px;background:var(--border);flex:1}.collapsed-header-dot{width:4px;height:4px;background:var(--text-muted);border-radius:50%;margin:0 auto}.nav-item{width:100%;display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;margin-bottom:.125rem;border:none;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.875rem;font-weight:500;border-radius:10px;cursor:pointer;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-item:hover{color:var(--text-main);background:#ffffff08}.nav-item.active{color:var(--item-color, var(--primary));background:color-mix(in srgb,var(--item-color, var(--primary)) 12%,transparent)}.nav-icon-container{display:flex;align-items:center;justify-content:center;width:24px;transition:transform .2s}.nav-item:hover .nav-icon-container{transform:scale(1.1)}.active-indicator{position:absolute;left:-.75rem;width:4px;height:18px;background:var(--item-color, var(--primary));box-shadow:0 0 10px var(--item-color, var(--primary));border-radius:0 4px 4px 0}.sidebar.collapsed .nav-item{justify-content:center;padding:.75rem 0}.sidebar.collapsed .nav-item span{display:none}.main-viewport{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-width:0;background:radial-gradient(circle at top right,rgba(59,130,246,.05),transparent)}.top-bar{height:72px;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:40;transition:padding .3s ease}.sidebar-collapsed .top-bar{padding:0 1rem}.search-box{display:flex;align-items:center;gap:.75rem;background:#ffffff0d;padding:.625rem 1rem;border-radius:10px;width:320px;border:1px solid var(--border)}.search-box input{background:transparent;border:none;outline:none;color:var(--text-main);font-size:.875rem;width:100%}.top-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap}.stat-card{background:var(--bg-elevated);padding:1.5rem;border-radius:20px;border:1px solid var(--border);display:flex;gap:1.25rem;transition:transform .2s}.stat-card:hover{transform:translateY(-4px);border-color:var(--primary)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.blue .stat-icon{background:#3b82f61a;color:#3b82f6}.green .stat-icon{background:#10b9811a;color:#10b981}.purple .stat-icon{background:#8b5cf61a;color:#8b5cf6}.orange .stat-icon{background:#f59e0b1a;color:#f59e0b}.stat-title{color:#cbd5e1;font-size:.8125rem;margin-bottom:.25rem;font-weight:500}.stat-value{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.stat-footer{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--accent-green)}.charts-section{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-top:2rem}.chart-card{background:var(--bg-surface);padding:1.5rem;border-radius:20px;border:1px solid var(--border)}.card-header{display:flex;justify-content:space-between;margin-bottom:1.5rem}.dashboard-content{padding:2rem;max-width:1400px;margin:0 auto;width:100%}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-top:1.5rem}.primary-btn{background:var(--primary);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:10px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px var(--primary-glow)}.loading-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-deep);font-size:1.25rem;font-weight:600;color:var(--primary)}.urgency-value{font-size:3.5rem;font-weight:800;color:var(--accent-orange);margin:1rem 0}.text-orange{color:var(--accent-orange)}.w-full{width:100%}.mt-4{margin-top:1rem}.secondary-btn{background:#ffffff0d;border:1px solid var(--border);color:var(--text-main);padding:.75rem;border-radius:10px;cursor:pointer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.data-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:1rem}.data-table th{text-align:left;padding:1rem;color:#e2e8f0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid rgba(255,255,255,.1);background:#ffffff05}.data-table td{padding:1rem;border-bottom:1px solid var(--border);font-size:.875rem}.compact-table th,.compact-table td{padding:.5rem .75rem!important;font-size:.75rem!important}.compact-table .status-tag{padding:.15rem .5rem;font-size:.7rem}.compact-table .icon-btn-sm{width:24px;height:24px}.data-table tr:hover td{background:#ffffff05}.id-badge{background:var(--bg-deep);padding:.25rem .625rem;border-radius:6px;font-family:monospace;font-weight:600;color:var(--primary);border:1px solid var(--border)}.emp-name-cell{display:flex;flex-direction:column}.status-tag{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.status-tag.active{background:#10b9811a;color:#10b981}.status-tag.inactive{background:#ef44441a;color:#ef4444}.icon-btn-sm{background:#ffffff0d;border:1px solid var(--border);color:var(--text-muted);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer}.icon-btn-sm:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.view-container{width:100%;max-width:1400px;margin:0 auto}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px}.mirror-table{border:1px solid var(--border);border-radius:12px;overflow:hidden}.mirror-table thead tr.header-bg{background:#ffffff08}.mirror-table th,.mirror-table td{border:1px solid var(--border);text-align:center;padding:.75rem}.mirror-table td:first-child,.mirror-table th:first-child{text-align:left}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-surface);border-radius:24px;border:1px solid var(--border);padding:2.5rem;width:90%;box-shadow:0 25px 50px -12px #00000080,0 0 15px var(--primary-glow);position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700}.modal-body{margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.8125rem;color:var(--text-muted);margin-bottom:.5rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid var(--border);border-radius:8px;color:var(--text-main);outline:none;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--primary)}.header-filter-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.header-filter{height:36px;min-height:36px;max-height:36px;background:var(--bg-elevated)!important;border:1px solid var(--border);border-radius:8px;color:var(--text-main)!important;padding:0 .75rem;font-size:.8rem;outline:none;cursor:pointer;transition:all .2s;box-sizing:border-box}.header-filter:hover{border-color:var(--primary);background:#ffffff14!important}.header-search{height:36px;min-height:36px;max-height:36px;flex-shrink:0;width:280px;display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid var(--border);border-radius:10px;padding:0 .75rem;box-sizing:border-box;overflow:hidden}.header-search input{background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important;padding:0!important;margin:0!important;height:100%!important;min-height:unset!important;font-size:.875rem;color:var(--text-main);width:100%}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem;gap:1.5rem}.section-title h1{font-size:1.875rem;font-weight:800;margin-bottom:.25rem;display:flex;align-items:center;gap:.75rem}.section-title p{color:var(--text-muted);font-size:1rem}.badge-primary{background:var(--primary-glow);color:#60a5fa;font-size:.75rem;padding:.2rem .6rem;border-radius:20px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.glass-card{background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:20px;padding:1.5rem}.top-sync-indicator{display:flex;align-items:center;gap:1.25rem;padding:.75rem 1.5rem}.sync-item{display:flex;flex-direction:column}.sync-label{font-size:.625rem;color:var(--text-muted);text-transform:uppercase;font-weight:700}.sync-value{font-size:.8125rem;font-weight:600}.sync-divider{width:1px;height:24px;background:var(--border)}.sync-status{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%}.online .status-dot{background:var(--accent-green);box-shadow:0 0 10px var(--accent-green)}.loan-kpi-container{display:grid;gap:1.5rem}.kpi-main{background:#ffffff05;padding:1.25rem;border-radius:16px;border:1px solid var(--border)}.kpi-info{margin-bottom:1rem}.kpi-label{font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.kpi-value{font-size:1.25rem;font-weight:800}.kpi-target{font-size:.875rem;color:var(--text-muted);font-weight:500}.progress-bar-container{height:8px;background:#ffffff0d;border-radius:10px;margin-bottom:.75rem;overflow:hidden}.progress-bar-fill{height:100%;border-radius:10px;transition:width .8s ease}.progress-bar-fill.primary{background:linear-gradient(90deg,var(--primary),#60a5fa);box-shadow:0 0 10px var(--primary-glow)}.kpi-description{font-size:.75rem;color:var(--text-muted)}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.kpi-mini-card{padding:1rem;border-radius:16px;border:1px solid var(--border);display:flex;flex-direction:column}.kpi-mini-card.full-width{grid-column:span 2}.kpi-mini-card .mini-label{font-size:.625rem;text-transform:uppercase;font-weight:700;margin-bottom:.25rem}.kpi-mini-card .mini-value{font-size:1.125rem;font-weight:700}.kpi-mini-card.blue{border-left:3px solid var(--primary);background:#3b82f60d}.kpi-mini-card.red{border-left:3px solid var(--accent-red);background:#ef44440d}.kpi-mini-card.green{border-left:3px solid var(--accent-green);background:#10b9810d}.erogacion-header{display:flex;padding:.75rem 0;border-bottom:2px solid var(--border);font-size:.625rem;text-transform:uppercase;font-weight:800;color:var(--text-muted);letter-spacing:.1em}.erogacion-row{display:flex;padding:1rem 0;border-bottom:1px solid var(--border);align-items:center}.erogacion-empresa-col{flex:1.5;font-weight:700;color:var(--text-main)}.erogacion-col{flex:1;text-align:right;font-family:JetBrains Mono,monospace;font-size:.8125rem}.erogacion-total{font-weight:800;color:#f8fafc}.erogacion-imss{color:#60a5fa}.erogacion-comp{color:#facc15}.erogacion-totals-row{background:#ffffff08;margin-top:.5rem;padding-left:1rem;padding-right:1rem;border-radius:8px;border:1px solid var(--primary-glow)}.item-list{display:flex;flex-direction:column;gap:.75rem}.list-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#ffffff05;border-radius:12px;border:1px solid var(--border)}.avatar{width:36px;height:36px;background:var(--primary-glow);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:10px;font-weight:800;font-size:.875rem}.item-details{display:flex;flex-direction:column}.item-name{font-weight:700;font-size:.875rem}.item-meta{font-size:.75rem;color:var(--text-muted)}.list-item-between{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0;border-bottom:1px solid var(--border)}.list-item-between:last-child{border:none}.item-date{font-size:.75rem;font-weight:700;color:var(--accent-pink);background:#ec48991a;padding:.2rem .5rem;border-radius:6px}.pink-glow{border:1px solid rgba(236,72,153,.2)!important;box-shadow:0 0 20px #ec48990d}.red-glow{border:1px solid rgba(239,68,68,.2)!important;box-shadow:0 0 20px #ef44440d}.badge-pink{background:#ec489933;color:#f472b6;font-size:.75rem;padding:.1rem .5rem;border-radius:20px;font-weight:800}.alert-stack{display:flex;flex-direction:column;gap:1rem}.alert-item{padding:1.25rem;border-radius:16px;border:1px solid var(--border);position:relative;overflow:hidden}.alert-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.alert-item.danger{background:#ef44440d}.alert-item.danger:before{background:var(--accent-red)}.alert-item.warning{background:#f59e0b0d}.alert-item.warning:before{background:var(--accent-orange)}.alert-title{font-weight:800;font-size:.9375rem;margin-bottom:.25rem}.alert-desc{font-size:.8125rem;color:var(--text-muted)}.nav-header{padding:1.5rem 1rem .5rem;font-size:.625rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.sidebar-footer{padding:1.5rem;border-top:1px solid var(--border);display:flex;align-items:center;gap:.75rem}.user-avatar{width:36px;height:36px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--primary);flex-shrink:0}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-xs{font-size:.625rem}.fs-sm{font-size:.8125rem}.fw-bold{font-weight:700}.mb-0{margin-bottom:0}