:root{--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--fs-display: 27px;--fs-h1: 17px;--fs-h2: 15px;--fs-body: 13.5px;--fs-sm: 12px;--fs-label: 11px;--tracking-label: .14em;--lima: #C4D600;--lima-d: #5f6a00;--lima-soft: rgba(196, 214, 0, .16);--lima-line: rgba(150, 170, 0, .5);--lima-glow: rgba(196, 214, 0, .45);--on-lima: #2a3300;--crit: #e2554b;--crit-soft: rgba(226, 85, 75, .12);--warn: #e0a32a;--warn-soft: rgba(224, 163, 42, .14);--info: #3b82c4;--info-soft: rgba(59, 130, 196, .12);--ok: #5f6a00;--ok-soft: rgba(95, 106, 0, .14);--bg: #f3f5ef;--surface: #ffffff;--surface-2: #f6f8f1;--tx: #14160f;--dim: #767c6e;--line: #e0e3d9;--track: #e6e9dd;--r: 4px;--r-lg: 6px;--bd: 1px solid var(--line);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--glass: rgba(255, 255, 255, .72);--glass-bd: rgba(20, 22, 15, .12);--glass-blur: blur(15px) saturate(1.35);--glass-sh: 0 14px 44px -22px rgba(20, 24, 10, .5);--chart-glass: rgba(243, 245, 239, .66);--chart-bd: rgba(20, 22, 15, .1);--chart-blur: blur(18px) saturate(1.4);--chart-hi: inset 0 1px 0 rgba(255, 255, 255, .95);--serie-glow: 6px;--chart-sheen: rgba(255, 255, 255, .5);--chart-glow: var(--chart-hi), 0 0 0 1px rgba(196, 214, 0, .22), 0 8px 30px -12px rgba(150, 170, 0, .35);--chart-glow-mute: var(--chart-hi), 0 0 0 1px rgba(196, 214, 0, .12), 0 6px 22px -14px rgba(150, 170, 0, .22)}:root[data-theme=dark]{--bg: #0c0e0a;--surface: #161b12;--surface-2: #1d241a;--tx: #eaeee1;--dim: #9ba392;--line: #2a3222;--track: #232b1c;--lima-d: #C4D600;--lima-glow: rgba(196, 214, 0, .55);--crit: #ef4444;--warn: #f5a623;--glass: rgba(19, 23, 15, .62);--glass-bd: rgba(255, 255, 255, .1);--chart-glass: rgba(22, 27, 18, .55);--chart-bd: rgba(255, 255, 255, .1);--chart-hi: inset 0 1px 0 rgba(255, 255, 255, .06);--serie-glow: 7px;--chart-sheen: rgba(255, 255, 255, .05);--chart-glow: var(--chart-hi), 0 0 0 1px rgba(196, 214, 0, .28), 0 8px 34px -12px rgba(196, 214, 0, .22);--chart-glow-mute: var(--chart-hi), 0 0 0 1px rgba(196, 214, 0, .14), 0 6px 24px -14px rgba(196, 214, 0, .14)}:root[data-brand=smartconnect]{--lima: #00B8F6;--lima-d: #0a6c95;--lima-soft: rgba(0, 184, 246, .14);--lima-line: rgba(0, 140, 190, .45);--on-lima: #04212e}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);font-size:var(--fs-body);background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.num,.kpi .v,td.num,.adv-num{font-variant-numeric:tabular-nums}.label,.ctitle,.kpi .l,.adv-label{font-size:var(--fs-label);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--dim)}.card,.glass,.panel{background:var(--surface);border:var(--bd);border-radius:var(--r);backdrop-filter:none;-webkit-backdrop-filter:none}.card{padding:var(--sp-4) 18px}.tile{background:var(--surface-2);border:var(--bd);border-radius:var(--r);padding:var(--sp-3) 13px}.floating,.adv-glass{background:var(--glass);border:1px solid var(--glass-bd);border-radius:var(--r);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-sh)}.chart-card{background:var(--chart-glass);border:1px solid var(--chart-bd);border-radius:var(--r);backdrop-filter:var(--chart-blur);-webkit-backdrop-filter:var(--chart-blur);box-shadow:var(--chart-glow);padding:var(--sp-4) 18px}.chart-card.mute{box-shadow:var(--chart-glow-mute)}.chart-card{transition:transform .25s ease,box-shadow .25s ease}.chart-card:hover{transform:translateY(-2px);box-shadow:var(--chart-hi),0 0 0 1px var(--lima-line),0 14px 40px -14px var(--lima-glow)}.chart-card .cw{position:relative}.chart-card .chh{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-body);font-weight:600;margin-bottom:var(--sp-3)}.chart-card{position:relative}.chart-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,var(--chart-sheen),transparent 26%);pointer-events:none}.donut-lay{display:flex;align-items:center;gap:22px}.donut-box{position:relative;flex:none;width:min(46%,240px)}.chart-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;pointer-events:none}.chart-center .v{font-size:var(--fs-display);font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.chart-center .l{font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);max-width:96px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donut-leg{display:flex;flex-direction:column;gap:9px;min-width:0;flex:1;max-width:320px}.dl-row{display:flex;align-items:center;gap:8px;font-size:12.5px}.dl-row i{width:9px;height:9px;border-radius:50%;flex:none}.dl-t{color:var(--tx);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-v{margin-left:auto;font-weight:600;font-variant-numeric:tabular-nums}.despliega .dl-row{opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s ease}.despliega.in .dl-row{opacity:1;transform:none}.despliega.in .dl-row:nth-child(2){transition-delay:.12s}.despliega.in .dl-row:nth-child(3){transition-delay:.24s}.despliega.in .dl-row:nth-child(4){transition-delay:.36s}.despliega.in .dl-row:nth-child(5){transition-delay:.48s}.despliega.in .dl-row:nth-child(6){transition-delay:.6s}@media (prefers-reduced-motion: reduce){.despliega .dl-row{opacity:1;transform:none;transition:none}}@media (prefers-reduced-transparency: reduce){.chart-card{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-color:var(--line)}}.app{display:flex;height:100vh;padding:14px;gap:14px}.sb{width:220px;flex-shrink:0;display:flex;flex-direction:column;padding:6px}.main{flex:1;display:flex;flex-direction:column;min-width:0;gap:14px}.top{height:58px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-5)}.top h1{margin:0;font-size:var(--fs-h1);font-weight:600}.cont{flex:1;overflow:auto;padding:18px var(--sp-5)}.nav{display:flex;flex-direction:column;padding:6px;gap:var(--sp-1)}.nav a,.nav button{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:var(--r);font-size:var(--fs-body);font-weight:500;color:var(--dim);background:transparent;border:1px solid transparent;cursor:pointer;transition:.18s}.nav a:hover,.nav button:hover{color:var(--tx);background:var(--surface-2)}.nav a.active,.nav button.on{background:var(--lima-soft);border-color:var(--lima-line);color:var(--lima-d)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:14px}.kpi{padding:var(--sp-4)}.kpi .v{font-size:var(--fs-display);font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.kpi.hero .v{color:var(--lima-d)}.kpi .l{margin-top:7px}.btn{font-family:inherit;font-size:var(--fs-sm);font-weight:600;padding:var(--sp-2) 14px;border-radius:var(--r);border:var(--bd);background:var(--surface);color:var(--tx);cursor:pointer}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--lima);color:var(--on-lima);border-color:transparent}.btn.ghost{background:transparent;border-color:transparent;color:var(--dim)}.btn:disabled{opacity:.45;cursor:not-allowed}.seg--fantasma button.on,.seg--fantasma a.active{color:var(--lima-d);background:transparent;box-shadow:0 0 0 1px var(--lima-line),0 0 14px -2px var(--lima-glow)}.seg--tinta button.on,.seg--tinta a.active{background:var(--tx);color:var(--bg)}.btn-tema{display:inline-flex;align-items:center;gap:7px;font-family:inherit;font-size:var(--fs-sm);font-weight:600;color:var(--dim);background:transparent;border:var(--bd);border-radius:var(--r);padding:7px 12px;cursor:pointer;transition:.18s}.btn-tema:hover{color:var(--tx);background:var(--surface-2)}.btn-tema:focus-visible{outline:2px solid var(--lima-d);outline-offset:1px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:var(--sp-1) 9px;border-radius:var(--r);white-space:nowrap}.badge.crit{color:var(--crit);background:var(--crit-soft)}.badge.warn{color:var(--warn);background:var(--warn-soft)}.badge.info{color:var(--info);background:var(--info-soft)}.badge.ok{color:var(--ok);background:var(--ok-soft)}.badge.mark{color:var(--lima-d);background:var(--lima-soft)}table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}th{text-align:left;padding:9px 11px;font-size:var(--fs-label);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--dim);border-bottom:var(--bd)}td{padding:10px 11px;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}tbody tr:hover{background:var(--surface-2)}.track{height:9px;background:var(--track);border-radius:var(--r);overflow:hidden}.track>.fill{height:100%;border-radius:var(--r);background:var(--lima)}.track>.fill.crit{background:var(--crit)}.track>.fill.warn{background:var(--warn)}.live{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px var(--ok-soft)}input,select,textarea{font-family:inherit;font-size:var(--fs-sm);padding:var(--sp-2) 11px;border-radius:var(--r);border:var(--bd);background:var(--surface);color:var(--tx)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--lima-line);box-shadow:0 0 0 3px var(--lima-soft)}