:root{--bg: #0d1117;--bg-2: #0a0e14;--panel: #161b24;--panel-2: #1c232e;--panel-3: #232b38;--border: #283341;--border-soft: #1f2733;--text: #e8eef5;--text-dim: #93a1b3;--text-faint: #6b7888;--verde: #3fb950;--verde-bg: #0f2417;--amarillo: #d6a017;--amarillo-bg: #2a2210;--rojo: #f0596b;--rojo-bg: #2a1417;--gris: #7785927e;--gris-solid: #768295;--gris-bg: #1a212b;--azul: #4d8bf5;--azul-bg: #0f1d36;--violeta: #a371f7;--violeta-bg: #1c1430;--violeta-2: #7c5cff;--critico: #ff5d61;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--r-sm: 7px;--r: 10px;--r-lg: 14px;--r-pill: 999px;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.2);--shadow-lg: 0 8px 24px rgba(0,0,0,.35);--focus: 0 0 0 2px rgba(77,139,245,.45);--sidebar-w: 244px;--maxw: 1320px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:radial-gradient(1200px 600px at 80% -10%,#131c2b 0%,var(--bg) 55%) fixed;color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{line-height:1.25}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:linear-gradient(180deg,var(--panel) 0%,var(--bg-2) 100%);border-right:1px solid var(--border);padding:var(--s4) var(--s3);flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 2px;margin-bottom:2px}.brand-logo{width:32px;height:32px;border-radius:9px;flex-shrink:0;background:linear-gradient(135deg,var(--violeta-2),var(--azul));display:grid;place-items:center;font-size:17px;box-shadow:var(--shadow)}.brand-name{font-size:15px;font-weight:700;letter-spacing:.2px}.brand-sub{font-size:10.5px;color:var(--text-faint);margin:0 0 var(--s4) 8px}.nav-group-label{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-faint);margin:var(--s4) 8px var(--s1);font-weight:600}.nav-group-label:first-of-type{margin-top:var(--s2)}.nav-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:none;border:none;color:var(--text-dim);padding:9px 11px;border-radius:var(--r-sm);cursor:pointer;font-size:13.5px;margin-bottom:1px;position:relative;transition:background .12s,color .12s}.nav-item .nav-ico{width:18px;text-align:center;opacity:.9;font-size:14px}.nav-item .nav-label{flex:1}.nav-item:hover{background:var(--panel-2);color:var(--text)}.nav-item.activo{background:linear-gradient(90deg,var(--azul-bg),transparent);color:var(--text);font-weight:600}.nav-item.activo:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:3px;background:var(--azul)}.nav-badge{font-size:11px;background:var(--rojo);color:#fff;border-radius:var(--r-pill);padding:1px 7px;min-width:18px;text-align:center;font-weight:700}.sidebar-footer{margin-top:auto;padding:var(--s3) 8px 2px;color:var(--text-faint);font-size:11px;border-top:1px solid var(--border-soft)}.contenido{flex:1;min-width:0;padding:var(--s5) var(--s6);width:100%;max-width:var(--maxw);margin:0 auto}.contenido h2{margin:0 0 4px;font-size:23px;font-weight:700;letter-spacing:-.2px}.contenido .desc{color:var(--text-dim);margin:0 0 var(--s5);font-size:13px}.appbar{display:flex;align-items:center;gap:var(--s3);padding:10px 14px;margin-bottom:var(--s4);background:var(--panel);border:1px solid var(--border);border-radius:var(--r);position:sticky;top:0;z-index:5;box-shadow:var(--shadow)}.appbar-detail{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appbar-right{margin-left:auto;display:flex;align-items:center;gap:var(--s3)}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:var(--r-pill);font-size:12.5px;font-weight:600;border:1px solid var(--border);background:var(--panel-2);white-space:nowrap}.status-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--gris-solid)}.status-pill.verde{color:var(--verde);border-color:#3fb95066;background:var(--verde-bg)}.status-pill.verde .dot{background:var(--verde);box-shadow:0 0 0 3px #3fb9502e}.status-pill.azul{color:var(--azul);border-color:#4d8bf566;background:var(--azul-bg)}.status-pill.azul .dot{background:var(--azul)}.status-pill.amarillo{color:var(--amarillo);border-color:#d6a01766;background:var(--amarillo-bg)}.status-pill.amarillo .dot{background:var(--amarillo)}.aviso-ejemplo,.aviso-supabase,.aviso-ok,.aviso-error{padding:9px 13px;border-radius:var(--r);font-size:12.5px;margin-bottom:var(--s4);border:1px solid var(--border);display:flex;align-items:center;gap:8px}.aviso-ejemplo{background:var(--azul-bg);border-color:#4d8bf559}.aviso-supabase{background:var(--verde-bg);border-color:#3fb95059}.aviso-ok{background:var(--verde-bg);border-color:#3fb95066}.aviso-error{background:var(--rojo-bg);border-color:#f0596b73}.btn{background:var(--panel-2);color:var(--text);cursor:pointer;border:1px solid var(--border);border-radius:var(--r-sm);padding:7px 13px;font-size:13px;font-weight:500;transition:border-color .12s,background .12s,transform .05s}.btn:hover{border-color:var(--azul);background:var(--panel-3)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--focus)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn-primario{background:linear-gradient(180deg,var(--azul),#3573df);border-color:#3573df;color:#fff;font-weight:600}.btn-primario:hover{background:linear-gradient(180deg,#5e9af6,var(--azul));border-color:var(--azul)}.btn-secundario{background:var(--panel-2);border-color:var(--border)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn-ghost:hover{background:var(--panel-2);color:var(--text)}.btn-ia{background:linear-gradient(180deg,var(--violeta-2),#6a48e6);border-color:#6a48e6;color:#fff;font-weight:600}.btn-ia:hover{background:linear-gradient(180deg,#9d82ff,var(--violeta-2))}.btn-mini{padding:4px 9px;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 14px}.form-grid label,.form-full{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-dim)}.form-full{margin-top:10px}.form-grid input,.form-grid select,.form-full textarea,.auth-form input{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px 10px;font-size:13px;transition:border-color .12s,box-shadow .12s}.form-grid input:focus,.form-grid select:focus,.form-full textarea:focus,.auth-form input:focus{outline:none;border-color:var(--azul);box-shadow:var(--focus)}.form-grid input:disabled{opacity:.6}.sel-mini{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--r-sm);padding:4px 7px;font-size:12px}.cargando-sesion{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-dim);gap:10px}.auth-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.auth-card{width:100%;max-width:390px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px;box-shadow:var(--shadow-lg)}.auth-title{margin:0;font-size:22px}.auth-sub{margin:2px 0 18px;color:var(--text-dim);font-size:13px}.auth-tabs{display:flex;gap:6px;margin-bottom:16px}.auth-tab{flex:1;background:transparent;color:var(--text-dim);cursor:pointer;border:1px solid var(--border);border-radius:var(--r-sm);padding:8px;font-size:13px}.auth-tab.activo{background:var(--azul);border-color:var(--azul);color:#fff}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-dim)}.auth-form .btn-primario{margin-top:4px;padding:10px}.auth-cambio,.auth-demo{text-align:center;font-size:12.5px;color:var(--text-dim);margin:14px 0 0}.link{background:none;border:none;color:var(--azul);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.user-menu{display:flex;align-items:center;gap:10px;font-size:12.5px}.user-menu .dim{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-id{display:flex;flex-direction:column;line-height:1.2;text-align:right}.user-nombre{font-weight:600;color:var(--text)}.user-email{font-size:11px}.saludo{margin:0 0 2px;font-size:14px;color:var(--text)}.grid{display:grid;gap:var(--s4)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s4) var(--s4);box-shadow:var(--shadow);transition:border-color .12s,box-shadow .12s,transform .12s}.card h3{margin:0 0 var(--s3);font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.card .big{font-size:28px;font-weight:700;letter-spacing:-.5px}.card .small{font-size:12px;color:var(--text-dim)}.card.destacada{border-width:1px}.card-borde-verde{border-color:#3fb95073;box-shadow:var(--shadow),inset 3px 0 0 var(--verde)}.card-borde-amarillo{border-color:#d6a01773;box-shadow:var(--shadow),inset 3px 0 0 var(--amarillo)}.card-borde-rojo{border-color:#f0596b80;box-shadow:var(--shadow),inset 3px 0 0 var(--rojo)}.card-borde-critico{border-color:#ff5d6199;box-shadow:var(--shadow),inset 3px 0 0 var(--critico),0 0 0 1px #ff5d6140}.card-borde-azul{border-color:#4d8bf573;box-shadow:var(--shadow),inset 3px 0 0 var(--azul)}.metric{display:flex;flex-direction:column;gap:2px}.metric-label{font-size:11.5px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.metric-value{font-size:28px;font-weight:700;letter-spacing:-.5px}.metric-sub{font-size:12px;color:var(--text-dim);display:flex;align-items:center;gap:6px}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 var(--s5);flex-wrap:wrap}.section-header .sh-titulo{margin:0;font-size:23px;font-weight:700;letter-spacing:-.2px}.section-header .sh-desc{margin:4px 0 0;color:var(--text-dim);font-size:13px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--r-pill);font-size:11.5px;font-weight:600;white-space:nowrap;border:1px solid transparent}.b-verde{background:var(--verde-bg);color:var(--verde);border-color:#3fb95066}.b-amarillo{background:var(--amarillo-bg);color:var(--amarillo);border-color:#d6a01766}.b-rojo{background:var(--rojo-bg);color:var(--rojo);border-color:#f0596b73}.b-gris{background:var(--gris-bg);color:var(--gris-solid);border-color:var(--border)}.b-azul{background:var(--azul-bg);color:var(--azul);border-color:#4d8bf566}.b-violeta{background:var(--violeta-bg);color:var(--violeta);border-color:#a371f773}.b-critico{background:var(--rojo-bg);color:#fff;border-color:var(--critico)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--border-soft)}th{color:var(--text-dim);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.4px;background:var(--panel-2)}tbody tr:hover td{background:var(--panel-2)}td.num{text-align:right;font-variant-numeric:tabular-nums}.tabla-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel)}.tabla-wrap table{border-radius:var(--r-lg);overflow:hidden}.pendiente{color:var(--azul);font-style:italic}ul.limpia{list-style:none;padding:0;margin:8px 0 0}ul.limpia li{padding:7px 0;border-bottom:1px dashed var(--border-soft)}ul.limpia li:last-child{border-bottom:none}.fila{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.mt{margin-top:var(--s4)}.dim{color:var(--text-dim)}.b{font-weight:700}tr.clicable{cursor:pointer}tr.clicable:hover td{background:var(--azul-bg)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:22px 16px;text-align:center;border:1px dashed var(--border);border-radius:var(--r);background:var(--bg);color:var(--text-dim)}.empty-state .ico{font-size:22px;opacity:.7}.empty-state .txt{font-size:13px}.empty-state .sub{font-size:11.5px;color:var(--text-faint)}.empty-inline{color:var(--text-faint);font-size:12.5px;font-style:italic}.spinner{display:inline-block;width:15px;height:15px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--azul);animation:spin .7s linear infinite;vertical-align:-2px}.spinner.ia{border-top-color:var(--violeta)}.loading-row{display:flex;align-items:center;gap:9px;color:var(--text-dim);font-size:13px;padding:4px 0}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--panel-2) 25%,var(--panel-3) 37%,var(--panel-2) 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite;border-radius:6px;height:12px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.barra-wrap{margin:12px 0}.barra-top{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:5px}.barra-top .det{color:var(--text-dim);font-variant-numeric:tabular-nums}.barra{height:9px;background:var(--panel-2);border-radius:var(--r-pill);overflow:hidden;border:1px solid var(--border-soft)}.barra>span{display:block;height:100%;border-radius:var(--r-pill);transition:width .3s ease}.barra-verde>span{background:linear-gradient(90deg,#2ea043,var(--verde))}.barra-amarillo>span{background:linear-gradient(90deg,#b88912,var(--amarillo))}.barra-rojo>span{background:linear-gradient(90deg,#c93b46,var(--rojo))}.barra-pendiente>span{background:repeating-linear-gradient(45deg,var(--azul),var(--azul) 4px,transparent 4px,transparent 8px);width:100%!important;opacity:.5}.volver{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:var(--r-sm);padding:6px 12px;cursor:pointer;font-size:13px;margin-bottom:var(--s4)}.volver:hover{background:var(--panel-3);border-color:var(--azul)}.kv{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed var(--border-soft);font-size:13px}.kv:last-child{border-bottom:none}.kv .k{color:var(--text-dim)}.kv .v{font-weight:600;text-align:right}.respuesta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px dashed var(--border-soft)}.respuesta:last-child{border-bottom:none}.respuesta .preg{font-size:13.5px}.decision-hero{border-radius:var(--r-lg);padding:22px 24px;margin-bottom:var(--s5);border:1px solid var(--border);background:radial-gradient(600px 200px at 100% 0%,rgba(77,139,245,.1),transparent 70%),linear-gradient(180deg,var(--panel),var(--panel-2));box-shadow:var(--shadow-lg)}.decision-hero .etiqueta{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.decision-hero .accion{font-size:21px;font-weight:700;margin:6px 0 0;letter-spacing:-.3px}.hero-stat{display:flex;flex-direction:column;gap:2px}.hero-stat .hs-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px}.ai-card{position:relative;border-radius:var(--r-lg);padding:1px;margin-top:var(--s4);background:linear-gradient(135deg,#a371f799,#4d8bf573 60%,#28334166);box-shadow:var(--shadow)}.ai-card-inner{background:radial-gradient(500px 180px at 0% 0%,rgba(124,92,255,.1),transparent 60%),var(--panel);border-radius:calc(var(--r-lg) - 1px);padding:var(--s4) var(--s4)}.ai-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ai-title{display:flex;align-items:center;gap:9px;margin:0;font-size:15px;font-weight:700}.ai-badge-ia{background:var(--violeta-bg);color:var(--violeta);border:1px solid rgba(163,113,247,.45);border-radius:var(--r-pill);padding:2px 9px;font-size:11px;font-weight:600}.ai-glyph{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,var(--violeta-2),var(--azul));font-size:14px}.ai-section-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);font-weight:600;margin-top:var(--s3)}@media (max-width: 1180px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.grid-3{grid-template-columns:repeat(2,1fr)}.contenido{padding:var(--s4) var(--s4)}}@media (max-width: 860px){.app{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;align-items:center;overflow-x:auto;padding:8px 10px;gap:4px;border-right:none;border-bottom:1px solid var(--border)}.brand{margin-bottom:0;padding:0 6px}.brand-sub,.nav-group-label,.sidebar-footer{display:none}.nav-item{width:auto;margin-bottom:0;white-space:nowrap;padding:8px 10px}.nav-item.activo:before{display:none}.nav-item.activo{box-shadow:inset 0 -2px 0 var(--azul)}}@media (max-width: 680px){.grid-2,.grid-3,.grid-4,.form-grid{grid-template-columns:1fr}.appbar{flex-wrap:wrap}.appbar-detail{display:none}.appbar-right{margin-left:0;width:100%;justify-content:space-between}.contenido{padding:var(--s3)}.decision-hero{padding:16px}}