@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Chakra+Petch:wght@600;700&display=swap");:root{--bg:#f2f3ef;--bg-grid:rgba(20,22,26,.035);--surface:#fff;--surface-2:#f7f8f4;--surface-hover:#eff1ea;--border:#e0e3da;--border-strong:#cbcfc2;--text:#14161a;--text-2:#4a4f58;--text-3:#868c96;--neon:#4c9a00;--neon-bg:#dfff9e;--neon-glow:rgba(163,230,53,.35);--magenta:#d5006d;--magenta-bg:#ffe0ef;--cyan:#0e7c93;--cyan-bg:#d6f4fa;--amber:#b26a00;--amber-bg:#ffedcc;--danger:#c42828;--danger-bg:#ffe1e1;--shadow:0 1px 2px rgba(20,22,26,.05),0 8px 24px rgba(20,22,26,.06);--shadow-lg:0 2px 4px rgba(20,22,26,.06),0 20px 48px rgba(20,22,26,.1);--radius:14px;--radius-sm:9px}[data-theme=dark]{--bg:#0a0c0f;--bg-grid:rgba(210,255,120,.045);--surface:#12161b;--surface-2:#171c22;--surface-hover:#1d242c;--border:#232b34;--border-strong:#333d49;--text:#ecf1e6;--text-2:#a2adb8;--text-3:#6b7783;--neon:#c4f538;--neon-bg:rgba(196,245,56,.12);--neon-glow:rgba(196,245,56,.45);--magenta:#ff3d8b;--magenta-bg:rgba(255,61,139,.13);--cyan:#35dcf0;--cyan-bg:rgba(53,220,240,.12);--amber:#ffb020;--amber-bg:rgba(255,176,32,.13);--danger:#ff5b5b;--danger-bg:rgba(255,91,91,.13);--shadow:0 1px 2px rgba(0,0,0,.5),0 8px 24px rgba(0,0,0,.45);--shadow-lg:0 2px 6px rgba(0,0,0,.55),0 24px 56px rgba(0,0,0,.55)}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);font-family:Archivo,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .28s ease,color .28s ease}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px);background-size:56px 56px}.display{font-family:Chakra Petch,system-ui,sans-serif;letter-spacing:-.01em}button,input,select{font-family:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--neon);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shell{display:flex;min-height:100vh;position:relative;z-index:1}.sidebar{width:244px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:20px 14px;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 22px}.brand-mark{width:34px;height:34px;border-radius:9px;background:var(--neon);color:#0a0c0f;display:grid;place-items:center;box-shadow:0 0 0 1px var(--border),0 0 20px var(--neon-glow)}.brand-mark,.brand-name{font-family:Chakra Petch,sans-serif;font-weight:700;font-size:19px}.brand-name{letter-spacing:.02em}.brand-sub{font-size:10px;color:var(--text-3);letter-spacing:.08em;margin-top:-3px}.nav{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-2);font-size:14px;font-weight:500;border:1px solid transparent;background:none;cursor:pointer;width:100%;text-align:left;transition:background-color .15s,color .15s}.nav-item:hover{background:var(--surface-hover);color:var(--text)}.nav-item.active{background:var(--neon-bg);color:var(--text);border-color:color-mix(in srgb,var(--neon) 32%,transparent);font-weight:600}.nav-item.active svg{color:var(--neon)}.sidebar-foot{margin-top:auto;padding-top:18px;border-top:1px solid var(--border);font-size:11px;color:var(--text-3);line-height:1.5}.main{flex:1 1;min-width:0;padding:26px 30px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap}.page-title{font-family:Chakra Petch,sans-serif;font-size:27px;font-weight:700}.page-sub{font-size:13.5px;color:var(--text-2);margin-top:3px}.theme-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);display:grid;place-items:center;cursor:pointer;transition:color .18s,border-color .18s,background-color .18s}.theme-btn:hover{color:var(--neon);border-color:var(--neon)}.mobile-bar{display:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:18px 20px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-title{font-size:14px;font-weight:600}.card-note{font-size:12px;color:var(--text-3)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--kpi-color,var(--neon))}.kpi-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-2);margin-bottom:10px}.kpi-value{font-family:Chakra Petch,sans-serif;font-size:25px;font-weight:700;line-height:1.1}.kpi-delta{font-size:11.5px;margin-top:6px;color:var(--text-3)}.kpi-delta strong{color:var(--kpi-color,var(--neon));font-weight:600}.grid-2{grid-template-columns:1.65fr 1fr;grid-gap:14px;margin-bottom:18px}.grid-2,.grid-cards{display:grid;gap:14px}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:14px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}thead th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--text-3);padding:11px 14px;white-space:nowrap}tbody td,thead th{border-bottom:1px solid var(--border)}tbody td{padding:13px 14px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background-color .12s}tbody tr:hover{background:var(--surface-2)}.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.muted{color:var(--text-2)}.chip,.strong{font-weight:600}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:100px;font-size:11.5px;white-space:nowrap}.chip.ok{background:var(--neon-bg);color:var(--neon)}.chip.warn{background:var(--amber-bg);color:var(--amber)}.chip.danger{background:var(--danger-bg);color:var(--danger)}.chip.info{background:var(--cyan-bg);color:var(--cyan)}.chip.pink{background:var(--magenta-bg);color:var(--magenta)}.chip.neutral{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.bar-track{height:6px;border-radius:100px;background:var(--surface-hover);overflow:hidden;min-width:74px}.bar-fill{height:100%;border-radius:100px;transition:width .5s ease}.avatar{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:11.5px;font-weight:700;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);flex-shrink:0}.cell-person{display:flex;align-items:center;gap:10px}.ai-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow);position:relative;overflow:hidden}.ai-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--neon),var(--cyan),var(--magenta))}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:9px;border:1px solid transparent;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--neon);color:#0a0c0f}[data-theme=dark] .btn-primary{box-shadow:0 0 22px var(--neon-glow)}.btn-ghost{background:var(--surface-2);border-color:var(--border);color:var(--text)}.ai-empty{font-size:13.5px;color:var(--text-2);line-height:1.6;max-width:62ch}.ai-out{font-size:13.5px;line-height:1.75;color:var(--text);white-space:pre-wrap;max-width:78ch}.ai-error{font-size:13.5px;color:var(--danger)}.skeleton{height:13px;border-radius:4px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-hover) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite;margin-bottom:10px}@keyframes shimmer{to{background-position:-200% 0}}.empty-state{padding:44px 20px;text-align:center;color:var(--text-3);font-size:13.5px}@media (max-width:1080px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}}@media (max-width:860px){.sidebar{display:none}.sidebar.open{display:flex;position:fixed;inset:0 auto 0 0;width:252px;z-index:60;box-shadow:var(--shadow-lg)}.scrim{position:fixed;inset:0;z-index:55;background:rgba(0,0,0,.45)}.mobile-bar{display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:40;padding:11px 14px;background:var(--surface);border-bottom:1px solid var(--border)}.main{padding:16px 14px 48px}.page-title{font-size:22px}.kpi-value{font-size:21px}}@media (max-width:480px){.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:13px 14px}}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.campo{display:flex;flex-direction:column;gap:6px;min-width:0}.campo-label{font-size:12px;font-weight:600;color:var(--text-2)}.campo-error{font-size:11.5px;color:var(--danger)}.campo-ayuda{font-size:11.5px;color:var(--text-3)}.input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:13.5px;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--neon);box-shadow:0 0 0 3px var(--neon-bg)}.input.invalido{border-color:var(--danger)}.input.invalido:focus{box-shadow:0 0 0 3px var(--danger-bg)}select.input{cursor:pointer}textarea.input{resize:vertical;min-height:74px}.form-acciones{display:flex;justify-content:flex-end;gap:9px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.btn-peligro{background:var(--danger);color:#fff}.btn-sutil{background:transparent;border-color:var(--border);color:var(--text-2);padding:6px 10px;font-size:12.5px}.btn-sutil:hover{color:var(--text);border-color:var(--border-strong)}.btn-icono{width:30px;height:30px;padding:0;display:grid;place-items:center;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-3);cursor:pointer;transition:color .15s,border-color .15s}.btn-icono:hover{color:var(--text);border-color:var(--border-strong)}.btn-icono.peligro:hover{color:var(--danger);border-color:var(--danger)}.acciones-fila{display:flex;gap:6px;justify-content:flex-end}.interruptor{display:flex;align-items:center;gap:10px;font-size:13.5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.interruptor input{position:absolute;opacity:0;width:0;height:0}.interruptor-pista{width:38px;height:22px;flex-shrink:0;border-radius:100px;background:var(--surface-hover);border:1px solid var(--border);position:relative;transition:background-color .18s}.interruptor-bola{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-3);transition:transform .18s,background-color .18s}.interruptor input:checked+.interruptor-pista{background:var(--neon);border-color:var(--neon)}.interruptor input:checked+.interruptor-pista .interruptor-bola{transform:translateX(16px);background:#0a0c0f}.interruptor input:focus-visible+.interruptor-pista{box-shadow:0 0 0 3px var(--neon-bg)}.modal-fondo{position:fixed;inset:0;z-index:100;background:rgba(8,10,13,.58);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:18px;animation:aparecer .16s ease}.modal{width:100%;max-height:90vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);animation:subir .2s cubic-bezier(.2,.8,.3,1)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 22px 0}.modal-title{font-family:Chakra Petch,sans-serif;font-size:19px;font-weight:700}.modal-desc{font-size:12.5px;color:var(--text-2);margin-top:3px}.modal-body{padding:18px 22px 22px}@keyframes aparecer{0%{opacity:0}}@keyframes subir{0%{opacity:0;transform:translateY(14px)}}.toasts{position:fixed;bottom:20px;right:20px;z-index:200;display:flex;flex-direction:column;gap:9px;max-width:calc(100vw - 40px)}.toast{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:11px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);font-size:13px;animation:entrar .22s cubic-bezier(.2,.8,.3,1);max-width:380px}.toast.ok svg{color:var(--neon);flex-shrink:0}.toast.error svg{color:var(--danger);flex-shrink:0}.toast button{margin-left:auto;background:none;border:none;color:var(--text-3);cursor:pointer;padding:2px;display:grid;place-items:center}@keyframes entrar{0%{opacity:0;transform:translateX(24px)}}.login-pantalla{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;z-index:1}.login-caja{width:100%;max-width:386px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:32px 30px;box-shadow:var(--shadow-lg)}.login-marca{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:26px;text-align:center}.login-marca .brand-mark{width:46px;height:46px;font-size:25px;border-radius:12px}.login-titulo{font-family:Chakra Petch,sans-serif;font-size:22px;font-weight:700}.login-sub{font-size:13px;color:var(--text-2)}.login-demo{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);font-size:11.5px;color:var(--text-3);line-height:1.7}.login-demo code{color:var(--text-2);font-family:ui-monospace,monospace;font-size:11px}.usuario-caja{display:flex;align-items:center;gap:10px;padding:10px 8px;border-top:1px solid var(--border);margin-top:12px}.usuario-info{min-width:0;flex:1 1}.usuario-nombre{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usuario-rol{font-size:10.5px;color:var(--text-3)}.paginacion{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid var(--border);font-size:12.5px;color:var(--text-2)}.paginacion-botones{display:flex;gap:6px}.filtros{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:14px}.filtro-pill{padding:6px 13px;border-radius:100px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:12.5px;font-weight:500;cursor:pointer;transition:all .15s}.filtro-pill:hover{border-color:var(--border-strong);color:var(--text)}.filtro-pill.activo{background:var(--neon-bg);border-color:color-mix(in srgb,var(--neon) 40%,transparent);color:var(--neon);font-weight:600}@media (max-width:600px){.form-grid{grid-template-columns:1fr}.campo[style*="span 2"]{grid-column:span 1!important}.toasts{left:14px;right:14px;bottom:14px}.toast{max-width:none}}