:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eceef1;--bg-rail:#f5f6f8;--surface:#fff;--surface-2:#f8f9fb;--surface-3:#f2f4f6;--surface-translucent:#ffffffdb;--border:#e2e5ea;--border-strong:#cfd4db;--border-strong-hover:#b6bcc6;--border-hair:#edeff2;--text:#1a1e24;--text-2:#565e69;--text-3:#8a929e;--text-on:#fff;--kbd-en-boton-bg:#ffffff2e;--accent:#1168bd;--accent-d:#0c4f93;--accent-bg:#e9f1fb;--accent-line:#bcd6f2;--accent-shadow:#0c4f9380;--green:#1c7d54;--green-bg:#e3f2ea;--green-line:#bfe2cf;--green-text-d:#125f3d;--amber:#a8700d;--amber-bg:#faf0d9;--amber-line:#ecd6a3;--amber-text-d:#7a5208;--red:#c23a2c;--red-bg:#fbe8e6;--red-line:#f0c5bf;--red-text-d:#8f2519;--red-border-d:#a82e22;--slate:#5b6470;--slate-bg:#eef0f3;--radius:7px;--radius-sm:5px;--radius-lg:10px;--shadow-1:0 1px 2px #141e300f, 0 1px 1px #141e300a;--shadow-2:0 4px 14px #141e301a, 0 1px 3px #141e300f;--shadow-pop:0 10px 34px #141e302e;--highlight-inset:#ffffff40;--sans:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--rail-w:248px}:root[data-theme=oscuro]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12161c;--bg-rail:#191e26;--surface:#1c212a;--surface-2:#232933;--surface-3:#2a313d;--surface-translucent:#12161cdb;--border:#63728a;--border-strong:#6f7d92;--border-strong-hover:#8593a8;--border-hair:#262c35;--text:#e8eaed;--text-2:#aab2bd;--text-3:#929cae;--text-on:#0b0f14;--kbd-en-boton-bg:#0b0f142e;--accent:#4f9de0;--accent-d:#7fb8ec;--accent-bg:#17293b;--accent-line:#2c5478;--accent-shadow:#00000073;--green:#4caf7d;--green-bg:#12261c;--green-line:#234a34;--green-text-d:#79d9a3;--amber:#d9a441;--amber-bg:#2b220f;--amber-line:#5c491f;--amber-text-d:#f0c878;--red:#e2685a;--red-bg:#2e1512;--red-line:#5c2a23;--red-text-d:#f2a99c;--red-border-d:#a83f30;--slate:#9aa3b0;--slate-bg:#232933;--shadow-1:0 1px 2px #00000073, 0 1px 1px #0000004d;--shadow-2:0 4px 14px #00000080, 0 1px 3px #00000059;--shadow-pop:0 10px 34px #0009;--highlight-inset:#ffffff1f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;white-space:nowrap}.mono{font-family:var(--mono)}.app{background:var(--bg);min-height:100vh;display:flex}.rail{width:var(--rail-w);flex:0 0 var(--rail-w);background:var(--bg-rail);border-right:1px solid var(--border);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.rail__brand{border-bottom:1px solid var(--border-hair);align-items:center;gap:10px;padding:18px 18px 14px;display:flex}.brand-mark{background:linear-gradient(150deg, var(--accent), var(--accent-d));width:30px;height:30px;color:var(--text-on);letter-spacing:-.5px;box-shadow:inset 0 1px 0 var(--highlight-inset);border-radius:7px;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.brand-name{letter-spacing:-.2px;font-size:16px;font-weight:600}.brand-name b{color:var(--accent);font-weight:700}.brand-sub{color:var(--text-3);letter-spacing:.04em;text-transform:uppercase;margin-top:1px;font-size:10.5px}.rail__role{border-bottom:1px solid var(--border-hair);padding:12px 14px}.role-switch{background:var(--surface-3);border:1px solid var(--border);border-radius:8px;gap:2px;padding:3px;display:flex}.role-switch button{cursor:pointer;font-family:var(--sans);color:var(--text-2);background:0 0;border:0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 6px;font-size:12px;font-weight:500;display:flex}.role-switch button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1);font-weight:600}.rail__nav{flex:1;padding:10px;overflow-y:auto}.nav-group-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);padding:12px 10px 6px;font-size:10.5px;font-weight:600}.nav-item{cursor:pointer;width:100%;font-family:var(--sans);color:var(--text-2);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;font-weight:500;display:flex;position:relative}.nav-item:hover{background:var(--surface-3);color:var(--text)}.nav-item.on{background:var(--accent-bg);color:var(--accent-d);font-weight:600}.nav-item.on:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:7px;bottom:7px;left:-10px}.nav-item .ico{color:currentColor;opacity:.85;flex:0 0 17px;width:17px;height:17px}.nav-item .count{font-family:var(--mono);background:var(--surface);border:1px solid var(--border);color:var(--text-2);border-radius:20px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:600}.nav-item.on .count{background:var(--surface);border-color:var(--accent-line);color:var(--accent-d)}.nav-item .count.alert{background:var(--red-bg);border-color:var(--red-line);color:var(--red)}.rail__foot{border-top:1px solid var(--border-hair);align-items:center;gap:10px;padding:12px 14px;display:flex}.avatar{background:var(--slate-bg);width:30px;height:30px;color:var(--slate);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.who{line-height:1.25}.who b{font-size:12.5px;font-weight:600}.who span{color:var(--text-3);font-size:11px;display:block}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:5;background:var(--surface-translucent);-webkit-backdrop-filter:saturate(180%)blur(8px);backdrop-filter:saturate(180%)blur(8px);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:13px 26px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.2px;white-space:nowrap;margin:0;font-size:17px;font-weight:600}.topbar .crumb{color:var(--text-3);white-space:nowrap;margin-top:2px;font-size:12px}.topbar>div:first-child{flex-shrink:0}.topbar__spacer{flex:1}.notif{position:relative}.notif__btn{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text-2);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.notif__btn:hover{background:var(--surface-2)}.notif__badge{background:var(--red);min-width:16px;height:16px;color:var(--text-on);font-family:var(--mono);border-radius:20px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:600;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.notif__panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:340px;max-height:420px;box-shadow:var(--shadow-2);z-index:20;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif__head{border-bottom:1px solid var(--border-hair);justify-content:space-between;align-items:center;padding:10px 12px;font-size:12.5px;font-weight:600;display:flex}.notif__marcar-todas,.notif__marcar-una{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.notif__marcar-todas:disabled{color:var(--text-3);cursor:default}.notif__list{overflow-y:auto}.notif__empty{color:var(--text-3);text-align:center;padding:16px 12px;font-size:12.5px}.notif__item{border-bottom:1px solid var(--border-hair);padding:10px 12px}.notif__item:last-child{border-bottom:none}.notif__item.unread{background:var(--accent-bg)}.notif__item-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.notif__fecha{color:var(--text-3);white-space:nowrap;font-size:11px}.notif__mensaje{color:var(--text);margin:0 0 4px;font-size:12.5px}.content{width:100%;padding:24px 26px 60px}.tema-btn{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text-2);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.tema-btn:hover{background:var(--surface-2);color:var(--text)}.tema-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1)}.card__h{border-bottom:1px solid var(--border-hair);align-items:center;gap:10px;padding:14px 16px;display:flex}.card__h h3{letter-spacing:-.1px;margin:0;font-size:13.5px;font-weight:600}.card__h .sub{color:var(--text-3);font-size:11.5px}.card__b{padding:16px}.section-title{letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);margin:0 0 12px;font-size:12px;font-weight:600}.kpi-row{gap:14px;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:15px 16px;position:relative;overflow:hidden}.kpi .lbl{color:var(--text-2);align-items:center;gap:7px;font-size:11.5px;font-weight:500;display:flex}.kpi .val{font-family:var(--mono);letter-spacing:-.5px;white-space:nowrap;margin-top:7px;font-size:25px;font-weight:600;line-height:1}.kpi .val small{color:var(--text-3);font-size:14px;font-weight:500}.kpi .delta{align-items:center;gap:5px;margin-top:7px;font-size:11.5px;font-weight:500;display:flex}.kpi .delta.up{color:var(--green)}.kpi .delta.down{color:var(--red)}.kpi .delta.flat{color:var(--text-3)}.kpi .tick{background:var(--accent);opacity:0;width:3px;position:absolute;top:0;bottom:0;left:0}.chip{white-space:nowrap;border:1px solid #0000;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;line-height:1.45;display:inline-flex}.chip .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.chip.gray{background:var(--slate-bg);color:var(--slate);border-color:var(--border-strong)}.chip.blue{background:var(--accent-bg);color:var(--accent-d);border-color:var(--accent-line)}.chip.green{background:var(--green-bg);color:var(--green);border-color:var(--green-line)}.chip.amber{background:var(--amber-bg);color:var(--amber);border-color:var(--amber-line)}.chip.red{background:var(--red-bg);color:var(--red);border-color:var(--red-line)}.chip.ghost{color:var(--text-2);border-color:var(--border-strong);background:0 0}.btn{font-family:var(--sans);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--surface-3)}.btn .ico{width:15px;height:15px}.btn--pri{background:var(--accent);border-color:var(--accent-d);color:var(--text-on);box-shadow:0 1px 0 var(--accent-shadow)}.btn--pri:hover{background:var(--accent-d)}.btn--ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--surface-3);color:var(--text)}.btn--danger{background:var(--red);border-color:var(--red-border-d);color:var(--text-on)}.btn--danger:hover{filter:brightness(.95)}.btn--sm{padding:6px 10px;font-size:12px}.btn--lg{padding:11px 18px;font-size:14px}.btn:disabled{opacity:.5;cursor:not-allowed}.tbl-wrap{overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;font-size:13px}table.tbl thead th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap;padding:9px 12px;font-size:11px;font-weight:600;position:sticky;top:0}table.tbl tbody td{border-bottom:1px solid var(--border-hair);vertical-align:middle;padding:10px 12px}table.tbl tbody tr:hover{background:var(--surface-2)}table.tbl tbody tr:last-child td{border-bottom:0}table.tbl .r{text-align:right}table.tbl .num{text-align:right;white-space:nowrap}table.tbl tfoot td{border-top:2px solid var(--border-strong);background:var(--surface-2);padding:11px 12px;font-weight:600}.code-tag{font-family:var(--mono);color:var(--accent-d);background:var(--accent-bg);border:1px solid var(--accent-line);white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:11.5px;font-weight:600}.muted{color:var(--text-3)}.t2{color:var(--text-2)}.prog{background:var(--surface-3);border:1px solid var(--border-hair);border-radius:6px;height:7px;overflow:hidden}.prog>span{background:var(--accent);border-radius:6px;height:100%;display:block}.prog.green>span{background:var(--green)}.prog.amber>span{background:var(--amber)}.prog.red>span{background:var(--red)}.conf{align-items:center;gap:8px;display:inline-flex}.conf__bar{background:var(--surface-3);border:1px solid var(--border-hair);border-radius:6px;width:64px;height:6px;overflow:hidden}.conf__bar>span{height:100%;display:block}.conf__pct{font-family:var(--mono);font-size:11.5px;font-weight:600}.conf.high .conf__bar>span{background:var(--green)}.conf.high .conf__pct{color:var(--green)}.conf.mid .conf__bar>span{background:var(--amber)}.conf.mid .conf__pct{color:var(--amber)}.conf.low .conf__bar>span{background:var(--red)}.conf.low .conf__pct{color:var(--red)}.grid{display:grid}.row{align-items:center;display:flex}.between{justify-content:space-between}.gap6{gap:6px}.gap8{gap:8px}.gap10{gap:10px}.gap12{gap:12px}.gap14{gap:14px}.gap16{gap:16px}.gap20{gap:20px}.wrap{flex-wrap:wrap}.col{flex-direction:column;display:flex}.stack8>*+*{margin-top:8px}.stack12>*+*{margin-top:12px}.stack16>*+*{margin-top:16px}.stack20>*+*{margin-top:20px}.hr{background:var(--border-hair);border:0;height:1px;margin:0}.alert-banner{border-radius:var(--radius);align-items:flex-start;gap:10px;padding:11px 14px;font-size:12.5px;line-height:1.45;display:flex}.alert-banner.amber{background:var(--amber-bg);border:1px solid var(--amber-line);color:var(--amber-text-d)}.alert-banner.red{background:var(--red-bg);border:1px solid var(--red-line);color:var(--red-text-d)}.alert-banner.blue{background:var(--accent-bg);border:1px solid var(--accent-line);color:var(--accent-d)}.alert-banner.green{background:var(--green-bg);border:1px solid var(--green-line);color:var(--green-text-d)}.meta{color:var(--text-3);font-size:11.5px}.kbd{font-family:var(--mono);background:var(--surface);border:1px solid var(--border-strong);color:var(--text-2);border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-size:11px;font-weight:600}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:content-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong-hover);background-clip:content-box}