:root{color-scheme:dark;--bg:#030a12;--panel:#07131f;--panel2:#091a28;--line:#123b50;--cyan:#2ce1f2;--cyan-soft:#0a7184;--text:#ecf8ff;--muted:#8299aa;--yellow:#ffd54a;--red:#ff405f;--blue:#3c8cff;--green:#35db9b;--shadow:0 18px 55px #0009;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{min-width:320px}.sc-grid{position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(#0e334455 1px,transparent 1px),linear-gradient(90deg,#0e334455 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent 92%)}
button,a,input,select{font:inherit}.sc-app{position:relative;min-height:100vh}.sc-app[hidden],.sc-session[hidden],[hidden]{display:none!important}
.sc-topbar{height:82px;display:grid;grid-template-columns:minmax(250px,1fr) auto minmax(330px,1fr);align-items:center;gap:24px;padding:0 28px;border-bottom:1px solid #1ad2e46b;background:#040c15e8;backdrop-filter:blur(14px);position:sticky;top:0;z-index:50}.sc-brand{color:inherit;text-decoration:none;display:flex;flex-direction:column;letter-spacing:.05em}.sc-brand small{color:var(--cyan);font-size:.68rem;font-weight:800}.sc-brand strong{font-size:1.65rem;line-height:1.05;letter-spacing:.025em}
.sc-tabs{display:flex;gap:8px}.sc-tabs button{min-width:145px;border:1px solid var(--cyan-soft);border-radius:9px;background:#07131f;color:#d7e5ec;padding:12px 15px;font-size:.76rem;font-weight:800;letter-spacing:.035em;cursor:pointer;white-space:nowrap}.sc-tabs button b{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:7px;border-radius:20px;background:#ff405f;color:white;font-size:.72rem}.sc-tabs button.is-active{border-color:var(--cyan);color:white;background:linear-gradient(180deg,#0c4252,#092231);box-shadow:0 0 20px #20dbea55,inset 0 0 12px #28dfee22}
.sc-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.sc-tenant{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8babbc;font-size:.75rem}.sc-refresh,.sc-back{border:1px solid #176178;border-radius:8px;color:#dffbff;background:#081722;padding:10px 13px;text-decoration:none;font-weight:750;cursor:pointer;white-space:nowrap}.sc-back{border-color:var(--cyan);color:white}.sc-refresh:hover,.sc-back:hover{background:#0b2a38}
main{padding:0 28px 36px}.sc-livebar{display:flex;align-items:center;gap:18px;color:#7e99a9;font-size:.74rem;padding:12px 2px}.sc-livebar span:first-child{color:#79e7c0;font-weight:800}.sc-livebar i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:6px}.sc-livebar time{margin-left:auto}.sc-view{max-width:1880px;margin:0 auto}.sc-view-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:18px 0 16px}.sc-eyebrow{display:block;color:var(--cyan);font-size:.68rem;font-weight:900;letter-spacing:.13em}.sc-view h1{font-size:clamp(1.45rem,2vw,2rem);margin:4px 0 5px}.sc-view-head p{margin:0;color:var(--muted)}
.sc-legend{display:flex;gap:16px;flex-wrap:wrap;border:1px solid var(--line);border-radius:10px;background:#07131fd6;padding:12px 16px}.sc-legend span{display:flex;align-items:center;gap:7px;font-size:.77rem}.sc-legend i{width:11px;height:11px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px currentColor}.sc-legend .is-warning{background:var(--yellow);color:var(--yellow)}.sc-legend .is-critical{background:var(--red);color:var(--red)}.sc-legend .is-escalated{background:var(--blue);color:var(--blue)}
.sc-kpis{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px;margin-bottom:14px}.sc-kpi{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#0a1723,#06101a);padding:13px 15px}.sc-kpi::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--tone,var(--cyan))}.sc-kpi strong{font-size:1.45rem;display:block}.sc-kpi span{font-size:.67rem;text-transform:uppercase;letter-spacing:.09em;color:#8ba3b2}.sc-kpi.is-red{--tone:var(--red)}.sc-kpi.is-yellow{--tone:var(--yellow)}.sc-kpi.is-blue{--tone:var(--blue)}.sc-kpi.is-green{--tone:var(--green)}
.sc-tower-shell{border:1px solid #16657b;border-radius:16px;background:linear-gradient(165deg,#071722e8,#030a12e8);box-shadow:var(--shadow),inset 0 0 50px #0b60702b;padding:12px}.sc-levels{display:grid;gap:9px}.sc-level{display:grid;grid-template-columns:160px minmax(0,1fr);min-height:142px;border:1px solid #103b4e;border-radius:11px;background:#06111bd9;overflow:hidden}.sc-level-head{display:flex;flex-direction:column;justify-content:center;padding:20px;border-right:1px solid #155167;background:linear-gradient(90deg,#092331,#07131f)}.sc-level-code{color:var(--cyan);font-size:1.8rem;font-weight:900;letter-spacing:.08em}.sc-level-head h2{font-size:.86rem;margin:5px 0}.sc-level-head p{font-size:.7rem;color:#7794a5;margin:0}.sc-agent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:9px;padding:10px}
.sc-agent{position:relative;text-align:left;border:1px solid #17657a;border-radius:10px;min-height:118px;background:linear-gradient(145deg,#0a2431,#07131e);color:var(--text);padding:13px;cursor:pointer;box-shadow:inset 0 0 18px #16c9df12;overflow:hidden}.sc-agent::after{content:"";position:absolute;inset:auto 12% 0;height:2px;background:var(--cyan);box-shadow:0 0 13px var(--cyan)}.sc-agent:hover,.sc-agent:focus-visible{outline:none;transform:translateY(-2px);border-color:var(--cyan)}.sc-agent strong{display:block;padding-right:30px;font-size:.85rem}.sc-agent small{display:block;color:#7f9aaa;margin-top:5px;font-size:.68rem}.sc-agent .sc-count{position:absolute;right:8px;top:8px;display:grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border-radius:30px;background:var(--cyan);color:#021016;font-weight:900}.sc-agent .sc-agent-meta{position:absolute;left:13px;right:13px;bottom:12px;display:flex;justify-content:space-between;gap:7px;color:#91aaba;font-size:.65rem}.sc-agent.is-warning{border-color:#d7a910;background:linear-gradient(145deg,#29230c,#111308);box-shadow:inset 0 0 22px #ffd54a25}.sc-agent.is-warning::after,.sc-agent.is-warning .sc-count{background:var(--yellow);box-shadow:0 0 14px var(--yellow)}.sc-agent.is-critical{border-color:var(--red);background:linear-gradient(145deg,#31101a,#17090e);box-shadow:inset 0 0 24px #ff405f2b;animation:criticalPulse 1.35s ease-in-out infinite}.sc-agent.is-critical::after,.sc-agent.is-critical .sc-count{background:var(--red);color:white;box-shadow:0 0 16px var(--red)}.sc-agent .sc-up{color:#74a8ff}@keyframes criticalPulse{50%{border-color:#ff8b9d;box-shadow:0 0 24px #ff405f6b,inset 0 0 24px #ff405f35}}
.sc-admin{margin-top:10px;border:1px solid #5c4d9a;border-radius:12px;background:linear-gradient(120deg,#0e1528,#07131e);padding:12px}.sc-admin>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:3px 8px 10px}.sc-admin>header div{display:flex;align-items:center;gap:12px}.sc-admin .sc-level-code{color:#b89cff;font-size:1.2rem}.sc-admin h2{font-size:1rem;margin:0}.sc-admin p{font-size:.73rem;color:#8b91ad;margin:0}.sc-admin-agents{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:9px}.sc-admin .sc-agent{border-color:#584d8c;background:linear-gradient(145deg,#151a31,#0a1220)}
.sc-agent-focus{border:1px solid #17657a;border-radius:12px;margin-top:12px;background:#07131f;padding:15px}.sc-agent-focus header{display:flex;justify-content:space-between;align-items:center}.sc-agent-focus h2{margin:2px 0}.sc-agent-focus button{border:1px solid var(--cyan);border-radius:7px;background:#0b2b38;color:white;padding:9px 13px;cursor:pointer}.sc-agent-focus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:10px}.sc-agent-focus-grid article{border:1px solid #17394a;border-radius:8px;padding:10px}.sc-agent-focus-grid strong{display:block}.sc-agent-focus-grid small{color:#8ca4b3}
.sc-order{font-size:.72rem;color:#94aabc;border:1px solid var(--line);padding:9px 12px;border-radius:8px}.sc-filters{display:grid;grid-template-columns:repeat(7,minmax(115px,1fr)) minmax(240px,2fr) auto;gap:8px;align-items:end;border:1px solid var(--line);border-radius:11px;background:#07131fe8;padding:11px;margin-bottom:12px}.sc-filters label{display:grid;gap:4px;color:#8da6b6;font-size:.64rem;text-transform:uppercase;letter-spacing:.07em}.sc-filters select,.sc-filters input{width:100%;border:1px solid #1a5369;border-radius:7px;background:#05101a;color:white;padding:9px 10px;outline:none}.sc-filters select:focus,.sc-filters input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #2ce1f21c}.sc-filters>button{border:1px solid #31546a;border-radius:7px;background:#0a1c28;color:#dcecf3;padding:9px 12px;cursor:pointer}
.sc-matrix-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:12px;align-items:start}.sc-table-section,.sc-detail{border:1px solid #17657a;border-radius:12px;background:#06111bd9;overflow:hidden}.sc-table-section>header,.sc-detail>header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #16485c}.sc-table-section h2,.sc-detail h2{font-size:1rem;margin:0}.sc-table-section header span{font-size:.72rem;color:#85a0b1}.sc-table-scroll{overflow:auto;max-height:calc(100vh - 365px)}table{border-collapse:collapse;width:100%;min-width:1200px}th{position:sticky;top:0;z-index:2;text-align:left;background:#0a1c28;color:#8faaba;font-size:.63rem;text-transform:uppercase;letter-spacing:.05em;padding:10px;border-bottom:1px solid #1a4d61}td{font-size:.72rem;padding:10px;border-bottom:1px solid #102f3e;vertical-align:top}tbody tr{cursor:default}tbody tr:hover{background:#0c2633}tbody tr.is-selected{background:#0c3140;box-shadow:inset 3px 0 var(--cyan)}td strong{font-size:.75rem}.sc-status{display:inline-flex;align-items:center;border:1px solid currentColor;border-radius:20px;padding:4px 7px;font-size:.61rem;font-weight:900;white-space:nowrap}.sc-status.is-open{color:var(--yellow)}.sc-status.is-overdue{color:#ff7085;background:#361019}.sc-status.is-escalated{color:#67a2ff;background:#0b1c39}.sc-status.is-resolved{color:var(--green)}.sc-owner{max-width:220px}.sc-owner small{display:block;color:#8fa5b2;margin-top:3px}.sc-view-button{border:1px solid #207b91;border-radius:6px;background:#09222e;color:#dffbff;padding:6px 9px;cursor:pointer}
.sc-detail{position:sticky;top:96px;min-height:420px;max-height:calc(100vh - 112px);overflow:auto}.sc-detail>header{background:#081927}.sc-detail-body{padding:13px}.sc-detail-grid{display:grid;gap:1px;background:#15394a;border:1px solid #15394a;border-radius:8px;overflow:hidden}.sc-detail-grid div{display:grid;grid-template-columns:145px 1fr;gap:8px;background:#07131f;padding:9px}.sc-detail-grid dt{color:#809bab;font-size:.67rem}.sc-detail-grid dd{margin:0;font-size:.72rem;font-weight:700;overflow-wrap:anywhere}.sc-users{margin-top:12px;border:1px solid #17394a;border-radius:8px;padding:10px}.sc-users h3,.sc-timeline h3{font-size:.78rem;margin:0 0 8px}.sc-users ul{margin:0;padding-left:18px;color:#a8bdc8;font-size:.7rem}.sc-timeline{margin-top:12px}.sc-timeline article{position:relative;margin-left:7px;padding:0 0 14px 17px;border-left:1px solid #25566b}.sc-timeline article::before{content:"";position:absolute;left:-5px;top:3px;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.sc-timeline strong{display:block;font-size:.7rem}.sc-timeline p,.sc-timeline small{margin:3px 0;color:#91a9b6;font-size:.66rem}.sc-empty{color:#7f98a7;padding:15px;text-align:center}
.sc-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#092431;border:1px solid var(--cyan);border-radius:8px;padding:10px 14px;z-index:80;transition:.2s}.sc-toast.is-visible{opacity:1;transform:translate(-50%,0)}.sc-session{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#02070de8}.sc-session>div{max-width:460px;border:1px solid #17657a;border-radius:14px;background:#081722;padding:28px;box-shadow:var(--shadow)}.sc-session h1{margin:4px 0}.sc-session p{color:#94a9b5}.sc-session a{display:inline-block;color:white;border:1px solid var(--cyan);border-radius:7px;padding:9px 12px;text-decoration:none}
@media (max-width:1280px){.sc-topbar{grid-template-columns:auto 1fr}.sc-top-actions{grid-column:1/-1;position:absolute;right:18px}.sc-tenant,.sc-refresh{display:none}.sc-tabs{justify-self:end;margin-right:210px}.sc-tabs button{min-width:150px}.sc-kpis{grid-template-columns:repeat(3,1fr)}.sc-filters{grid-template-columns:repeat(4,1fr)}.sc-search{grid-column:span 2}.sc-matrix-layout{grid-template-columns:1fr}.sc-detail{position:static;max-height:none}.sc-admin-agents{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.sc-topbar{height:auto;position:relative;display:flex;flex-wrap:wrap;padding:14px}.sc-brand{width:100%}.sc-tabs{order:3;width:100%;margin:0}.sc-tabs button{min-width:0;flex:1;padding:10px}.sc-top-actions{position:static;margin-left:auto}.sc-top-actions .sc-refresh{display:inline-block}.sc-back{font-size:0}.sc-back::after{content:"← TORRE";font-size:.72rem}.sc-tenant{display:none}main{padding:0 12px 24px}.sc-livebar{font-size:.62rem}.sc-view-head{align-items:flex-start;flex-direction:column}.sc-kpis{grid-template-columns:repeat(2,1fr)}.sc-level{grid-template-columns:1fr}.sc-level-head{border-right:0;border-bottom:1px solid #155167;padding:10px 14px}.sc-agent-grid{grid-template-columns:1fr 1fr}.sc-admin>header{align-items:flex-start;flex-direction:column}.sc-admin-agents{grid-template-columns:1fr 1fr}.sc-filters{grid-template-columns:1fr 1fr}.sc-search{grid-column:1/-1}.sc-matrix-layout{display:block}.sc-detail{margin-top:12px}.sc-table-scroll{max-height:60vh}.sc-agent-focus header{align-items:flex-start;gap:8px;flex-direction:column}}
@media (max-width:470px){.sc-agent-grid,.sc-admin-agents{grid-template-columns:1fr}.sc-kpis{grid-template-columns:1fr 1fr}.sc-legend{gap:9px}.sc-refresh{font-size:0}.sc-refresh::after{content:"↻";font-size:1rem}}
.sc-supervision{margin-top:10px;border:1px solid #23799a;border-radius:12px;background:linear-gradient(120deg,#092438,#07131e);padding:12px}.sc-supervision>header,.sc-systemic-agents>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:3px 8px 10px}.sc-supervision>header div,.sc-systemic-agents>header div{display:flex;align-items:center;gap:12px}.sc-supervision .sc-level-code{color:#64d8ff;font-size:1.2rem}.sc-supervision h2,.sc-systemic-agents h2{font-size:1rem;margin:0}.sc-supervision p,.sc-systemic-agents p{font-size:.73rem;color:#8bacc0;margin:0}.sc-supervision-agents{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:9px}.sc-supervision .sc-agent{border-color:#23799a;background:linear-gradient(145deg,#0b2b40,#0a1622)}
.sc-systemic-agents{margin-bottom:12px;border:1px solid #1b6077;border-radius:12px;background:linear-gradient(120deg,#081d2a,#06111b);padding:12px}.sc-systemic-agent-grid{display:grid;grid-template-columns:repeat(6,minmax(160px,1fr));gap:9px}.sc-systemic-agent-grid .sc-agent{min-height:108px}
.sc-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sc-report-panel{border:1px solid #17657a;border-radius:13px;background:#06111bd9;overflow:hidden;min-height:520px}.sc-report-panel>header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;border-bottom:1px solid #16485c;background:#081927}.sc-report-panel>header>div{display:flex;align-items:center;gap:12px}.sc-report-panel h2{font-size:1rem;margin:0}.sc-report-panel header p{font-size:.7rem;color:#8ba4b3;margin:3px 0 0}.sc-report-panel header label{display:grid;gap:4px;color:#8da6b6;font-size:.63rem;text-transform:uppercase}.sc-report-panel select{border:1px solid #1a5369;border-radius:7px;background:#05101a;color:white;padding:8px}.sc-report-number{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan);font-weight:900}.sc-report-list{display:grid;gap:9px;padding:12px}.sc-report-list article{position:relative;border:1px solid #173f52;border-radius:9px;background:#081824;padding:12px}.sc-report-list article.is-pending{border-color:#c89720;box-shadow:inset 3px 0 var(--yellow)}.sc-report-list article>header{display:flex;justify-content:space-between;gap:10px}.sc-report-list article time{color:#809baa;font-size:.67rem}.sc-report-list article p{color:#99afba;font-size:.7rem}.sc-report-list dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:9px 0 0}.sc-report-list dl div{border:1px solid #143748;border-radius:6px;padding:7px}.sc-report-list dt{color:#7893a4;font-size:.6rem}.sc-report-list dd{margin:2px 0 0;font-weight:800}.sc-report-list ul{font-size:.68rem;color:#aabcc5;padding-left:18px}.sc-score{position:absolute;right:12px;top:43px;text-align:center}.sc-score b{display:block;color:var(--cyan);font-size:1.35rem}.sc-score span{color:#7e99a9;font-size:.58rem;text-transform:uppercase}.sc-report-error{margin:12px;border:1px solid #a53b51;border-radius:8px;background:#2c1018;color:#ff9aaa;padding:12px;font-size:.75rem}
@media (max-width:1500px){.sc-topbar{grid-template-columns:minmax(210px,.7fr) auto minmax(280px,.7fr);gap:14px;padding-inline:18px}.sc-tabs button{min-width:120px;padding-inline:10px}.sc-systemic-agent-grid{grid-template-columns:repeat(4,minmax(160px,1fr))}}
@media (max-width:1280px){.sc-tabs{flex-wrap:wrap}.sc-report-grid{grid-template-columns:1fr}}
@media (max-width:760px){.sc-tabs{display:grid;grid-template-columns:1fr 1fr}.sc-admin>header,.sc-supervision>header,.sc-systemic-agents>header{align-items:flex-start;flex-direction:column}.sc-supervision-agents,.sc-systemic-agent-grid{grid-template-columns:1fr 1fr}.sc-report-panel>header{align-items:flex-start;flex-direction:column}.sc-report-list dl{grid-template-columns:1fr 1fr}}
@media (max-width:470px){.sc-supervision-agents,.sc-systemic-agent-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.sc-agent.is-critical{box-shadow:inset 0 0 24px #ff405f4a}}