:root{--purple: #6a0dad;--blue: #007fff;--sky: #87ceeb;--lavender: #e6e6fa;--coral: #ff6f61;--gray: #c0c0c0;--white: #ffffff;--void: #0b1026;--void-mid: #101736;--surface: #121a38;--surface-2: #0e1530;--panel: rgba(255, 255, 255, .045);--panel-strong: rgba(255, 255, 255, .08);--line: rgba(135, 206, 235, .18);--line-strong: rgba(135, 206, 235, .34);--radius: 18px;--radius-panel: 18px;--radius-card: 14px;--radius-control: 10px;--radius-pill: 999px;--shadow-panel: 0 6px 24px rgba(6, 10, 26, .45);--shadow-modal: 0 24px 70px rgba(4, 8, 22, .72);--glow-core: 0 0 80px rgba(106, 13, 173, .45);--font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--mono: "SFMono-Regular", ui-monospace, Consolas, monospace;--text-micro: clamp(.75rem, .71rem + .2vw, .8125rem);--text-sm: clamp(.8125rem, .78rem + .25vw, .9375rem);--text-base: clamp(.9375rem, .9rem + .3vw, 1.0625rem);--text-lg: clamp(1.0625rem, 1rem + .5vw, 1.25rem);--text-h3: clamp(1.125rem, 1rem + .8vw, 1.5rem);--text-h2: clamp(1.25rem, 1rem + 1.2vw, 1.75rem);--text-h1: clamp(1.5rem, 1.1rem + 2vw, 2.25rem);--text-display: clamp(1.75rem, 1.2rem + 3vw, 3rem);--text-cifra: clamp(2.25rem, 1.5rem + 3.5vw, 3.5rem);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background-color:var(--void)}html{scroll-behavior:auto}body{color:var(--lavender);font-family:var(--font);background-image:radial-gradient(1200px 700px at 12% -10%,rgba(106,13,173,.35),transparent 60%),radial-gradient(900px 600px at 100% 0%,rgba(0,127,255,.22),transparent 55%),radial-gradient(800px 800px at 50% 120%,rgba(106,13,173,.18),transparent 60%),linear-gradient(180deg,#0b1026,#101736 48%,#0b1026);background-attachment:fixed}#root{background:transparent}:focus-visible{outline:2px solid var(--sky);outline-offset:3px;border-radius:6px}.shell{max-width:1560px;margin:0 auto;padding:26px 26px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-bottom:22px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:46px;height:46px;filter:drop-shadow(0 6px 18px rgba(106,13,173,.55))}.brand-text strong{display:block;font-size:var(--text-h1);line-height:1.1;letter-spacing:.01em;color:var(--white)}.brand-text span{display:block;font-size:var(--text-micro);color:var(--gray);text-transform:uppercase;letter-spacing:.16em}.topbar-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.clock{font-family:var(--mono);font-size:var(--text-base);color:var(--sky);font-variant-numeric:tabular-nums}.badge{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius-pill);padding:7px 14px;font-size:var(--text-micro);color:var(--gray);display:inline-flex;align-items:center;gap:8px;min-height:34px}.badge.link{cursor:pointer;color:var(--lavender);text-decoration:none}.badge.link:hover{border-color:var(--sky);color:var(--sky)}.grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr);gap:var(--space-5);align-items:start}.col-main,.col-side{min-width:0}.col-main>*+*,.col-side>*+*{margin-top:18px}@media(max-width:1279px){.grid{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);padding:20px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panel-summary{cursor:pointer;list-style:none;display:block}.panel-summary::-webkit-details-marker{display:none}.panel h2{margin:0 0 4px;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.14em;color:var(--sky);font-weight:600}.panel .hint{margin:0 0 16px;font-size:var(--text-sm);color:var(--gray);max-width:75ch}.panel-body>*{min-width:0}.radar-block{position:relative;min-width:0}.radar-heading{position:absolute;top:0;left:50%;transform:translate(-50%);margin:0;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.14em;color:var(--sky);font-weight:600;pointer-events:none;z-index:3}.radar{position:relative;min-width:0}.radar svg{width:100%;height:auto;display:block}.radar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.radar-scale{position:absolute;top:0;right:0;bottom:0;left:0}.radar-scale-label{position:absolute;left:51.67%;transform:translateY(-50%);font-family:var(--mono);font-size:var(--text-micro);color:var(--gray);white-space:nowrap}.quad-mark{fill:none;stroke:var(--gray);stroke-width:1.5}.quad-hit{fill:transparent;cursor:pointer}.quad-hit:hover,.quad-hit:focus-visible{fill:#87ceeb1a}.quad-chip{position:absolute;transform:translate(-50%,-50%);display:inline-flex;flex-direction:column;align-items:center;gap:2px;max-width:200px;padding:6px 14px;border:1px solid var(--line);border-radius:var(--radius-pill);background:#0b1026b8;color:var(--lavender);font-family:inherit;text-align:center;cursor:pointer;pointer-events:auto}.quad-chip:disabled{cursor:default}.quad-chip:hover:not(:disabled){border-color:var(--line-strong);background:var(--panel-strong)}.quad-name{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.12em;line-height:1.15}.quad-abbr{display:none}.quad-estado{font-size:var(--text-micro);color:var(--gray);line-height:1.15}.radar-core-chip,.radar-state-chip{position:absolute;left:50%;top:65.28%;transform:translate(-50%,-50%);margin:0;max-width:92%;padding:8px 14px;border:1px solid var(--line);border-radius:var(--radius-pill);background:#0b1026b8;text-align:center;white-space:nowrap;pointer-events:none}.radar-core-chip{font:600 var(--text-sm) / 1.2 var(--mono);color:var(--lavender);font-variant-numeric:tabular-nums}.radar-state-chip{font-size:var(--text-sm);color:#e6e6fad9}.radar-core-disc{fill:url(#coreGradient);filter:drop-shadow(0 0 80px rgba(106,13,173,.45))}.radar-constelacion{opacity:.07;animation:twinkle 7s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.04}50%{opacity:.1}}.radar-ambient-sweep{transform-origin:360px 360px;animation:sweep 6s linear infinite;pointer-events:none}.radar-sweep-fixed{transform:rotate(45deg);transform-origin:360px 360px;pointer-events:none}.radar-ambient-echo{fill:none;stroke:var(--sky);stroke-opacity:.18;stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:echo 4.5s infinite ease-out;pointer-events:none}@keyframes echo{0%{transform:scale(1);opacity:.18}to{transform:scale(1.06);opacity:0}}.radar-core-pulse{fill:none;stroke:var(--blue);stroke-opacity:.45;animation:corePulse 3s infinite ease-out;transform-box:fill-box;transform-origin:center;pointer-events:none}@keyframes corePulse{0%{transform:scale(.6);opacity:.5}80%{transform:scale(1.7);opacity:0}to{transform:scale(1.7);opacity:0}}@keyframes sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.asset-node{stroke:#0b1026e6;stroke-width:1.6;transition:transform .16s ease;cursor:pointer}.asset-node--sin-proteccion{fill:none;stroke:var(--gray);stroke-width:1.5}.asset-node:focus-visible{outline:none;stroke:var(--sky);stroke-width:3}.asset-hit{fill:transparent;cursor:pointer}.asset-hit:hover{fill:#87ceeb0f}.alert-pulse{fill:var(--coral);opacity:.9;animation:pulse 2.4s infinite ease-out;transform-box:fill-box;transform-origin:center}@keyframes pulse{0%{transform:scale(.7);opacity:.85}70%{transform:scale(2.1);opacity:0}to{transform:scale(2.1);opacity:0}}.relation-line{fill:none;stroke:var(--coral);stroke-opacity:.45;stroke-width:1.2;stroke-dasharray:3 4}.radar-conexion{fill:none;stroke:var(--sky);stroke-opacity:.35;stroke-width:1;stroke-dasharray:2 6;animation:conexionFlujo 2.4s linear infinite}.radar-conexion--estatica{animation:none}@keyframes conexionFlujo{to{stroke-dashoffset:-24}}.radar-sync-trace{fill:none;stroke:var(--sky);stroke-opacity:.55;stroke-width:3;stroke-linecap:round;animation:syncTrace .9s ease-out 1}@keyframes syncTrace{0%{opacity:0}20%{opacity:.9}to{opacity:0}}.quadrant-nav{display:none}.quadrant-nav-btn{min-height:44px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--lavender);font-family:inherit;text-align:left;cursor:pointer}.quadrant-nav-btn:hover{border-color:var(--line-strong);background:var(--panel-strong)}.quadrant-nav-name{font-size:15px;font-weight:600}.quadrant-nav-estado{font-size:12px;color:var(--gray)}@media(min-width:768px)and (max-width:1279px){.radar{max-width:560px;margin-inline:auto}}@media(min-width:1280px){.radar{max-width:720px}}@media(max-width:767px){.radar-scale,.quad-full,.quad-estado{display:none}.quad-abbr{display:inline}.quad-chip{padding:5px 10px}.quadrant-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}}.provider{border:1px solid var(--line);border-radius:var(--radius-card);padding:14px 16px;background:var(--panel-strong);display:grid;gap:8px}.provider+.provider{margin-top:12px}.provider-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.provider-detail{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}.provider-name{font-weight:600;font-size:var(--text-lg);color:var(--lavender)}.provider-detail:hover .provider-name{color:var(--sky)}.status{display:inline-flex;align-items:center;gap:7px;font-size:var(--text-micro);padding:5px 11px;border-radius:var(--radius-pill);border:1px solid transparent;white-space:nowrap;min-height:28px}.status.on{color:var(--blue);border-color:#007fff66;background:#007fff1f}.status.warn{color:var(--sky);border-color:#87ceeb66;background:#87ceeb1a}.status.idle{color:var(--gray);border-color:#c0c0c066;background:#c0c0c014}.status.off{color:var(--coral);border-color:#ff6f6166;background:#ff6f611a}.dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.provider-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:var(--text-sm);color:var(--gray)}.provider-meta b{color:var(--lavender);font-family:var(--mono);font-weight:600}.missing{margin:0;padding-left:18px;font-size:var(--text-sm);color:var(--gray)}.provider-actions{display:flex;gap:8px;flex-wrap:wrap}button.ghost{background:transparent;border:1px solid var(--line);color:var(--lavender);border-radius:var(--radius-control);padding:7px 12px;font-size:var(--text-sm);cursor:pointer;font-family:inherit;min-height:36px}button.ghost:hover{border-color:var(--sky);color:var(--sky)}button.ghost:disabled{opacity:.45;cursor:progress}.risk-track{position:relative;height:16px;border-radius:var(--radius-pill);background:linear-gradient(90deg,#007fffb3,#87ceebcc,#ff6f61e6);overflow:hidden}.risk-marker{position:absolute;top:-5px;width:2px;height:26px;background:var(--white);box-shadow:0 0 10px #fffc}.risk-scale{display:flex;justify-content:space-between;font-size:var(--text-micro);color:var(--gray);margin-top:8px;text-transform:uppercase;letter-spacing:.1em}.reason{font-size:var(--text-base);color:var(--gray);margin:10px 0 0}.reason strong{color:var(--lavender);font-family:var(--mono)}.relations{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.relation{border:1px dashed var(--line);border-radius:var(--radius-card);padding:12px 14px}.relation b{display:block;font-family:var(--mono);font-size:var(--text-h2);color:var(--lavender);font-variant-numeric:tabular-nums}.relation span{font-size:var(--text-micro);color:var(--gray)}.stream{display:grid;gap:10px;max-height:420px;overflow:auto;padding-right:4px;padding-bottom:22px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 26px),transparent 100%);mask-image:linear-gradient(180deg,#000 calc(100% - 26px),transparent 100%)}.stream-item{display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--panel);min-height:44px}button.stream-item{font:inherit;color:inherit;text-align:left;width:100%;cursor:pointer}button.stream-item:hover{background:var(--panel-strong);border-color:var(--line-strong)}.stream-item .marker{width:10px;height:10px;border-radius:50%;background:var(--sky);box-shadow:0 0 10px currentColor}.stream-item.crit .marker{background:var(--coral)}.stream-item.warn .marker{background:var(--gray)}.stream-item .title{display:block;font-size:var(--text-base);color:var(--lavender)}.stream-item .meta{display:block;font-size:var(--text-micro);color:var(--gray);font-family:var(--mono);white-space:nowrap}.asset-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}.asset-list-item{width:100%;display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-height:44px;cursor:pointer;font:inherit;color:inherit;text-align:left}.asset-list-item:hover{background:var(--panel-strong)}.asset-list-item b{color:var(--lavender)}.asset-list-item span{color:var(--gray);font-size:var(--text-micro)}.notes{margin:0;padding-left:18px;font-size:var(--text-sm);color:var(--gray)}.notes li+li{margin-top:6px}.empty{border:1px dashed var(--line);border-radius:var(--radius-card);padding:18px;text-align:center;color:var(--gray);font-size:var(--text-base)}.footnote{margin-top:26px;font-size:var(--text-micro);color:var(--gray);text-align:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;background:#060a1ab8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(560px,100%);max-height:min(86vh,720px);overflow:auto;background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid var(--line);border-left:4px solid var(--coral);border-radius:var(--radius-panel);padding:22px 24px;box-shadow:var(--shadow-modal)}.modal--blue{border-left-color:var(--blue)}.modal--gray{border-left-color:var(--gray)}.modal h3{margin:0 0 4px;font-size:var(--text-h3);color:var(--lavender)}.modal .modal-sev{display:inline-block;margin-bottom:14px;padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--text-micro);letter-spacing:.06em;text-transform:uppercase;background:#ff6f6129;color:var(--coral)}.modal .modal-sev--blue{background:#007fff29;color:var(--sky)}.modal .modal-sev--gray{background:#c0c0c024;color:var(--gray)}.modal dl{margin:0 0 18px;display:grid;grid-template-columns:150px 1fr;gap:8px 12px;font-size:var(--text-base)}.modal dt{color:var(--gray)}.modal dd{margin:0;color:var(--lavender)}.modal .modal-empty{color:var(--gray);font-size:var(--text-micro);font-style:italic}.modal-eventos{list-style:none;margin:0;padding:0;display:grid;gap:6px}.modal-eventos li{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:var(--text-sm)}.modal-eventos .severidad{flex:0 0 auto;padding:1px 8px;border-radius:var(--radius-pill);font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.06em;border:1px solid currentColor}.modal-eventos .severidad--critical,.modal-eventos .severidad--critica,.modal-eventos .severidad--crítica,.modal-eventos .severidad--high,.modal-eventos .severidad--alta{color:var(--coral)}.modal-eventos .severidad--medium,.modal-eventos .severidad--media{color:var(--sky)}.modal-eventos .severidad--low,.modal-eventos .severidad--baja,.modal-eventos .severidad--sin-severidad{color:var(--gray)}.modal-evento-hora{margin-left:auto;font-family:var(--mono);font-size:var(--text-micro);color:var(--gray);white-space:nowrap}.modal-actions{display:flex;justify-content:flex-end}.vw{min-height:100dvh;padding:26px 34px 34px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:20px}.vw-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.vw-head .vw-title{display:flex;align-items:center;gap:16px}.vw-head img{width:62px;height:62px}.vw-head h1{margin:0;font-size:var(--text-h1);letter-spacing:.02em;color:var(--white)}.vw-head p{margin:3px 0 0;color:var(--gray);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.22em}.vw-clock{font-size:28px}.vw-body{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.7fr) minmax(280px,.85fr);gap:22px;align-items:start;min-height:0}.vw-col{display:grid;gap:16px;align-content:start;min-width:0}.vw-radar{display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;width:100%}.vw-stat{border:1px solid var(--line);border-radius:16px;padding:16px 18px;background:var(--panel);display:grid;gap:6px}.vw-stat b{font-family:var(--mono);font-size:44px;line-height:1;color:var(--white);font-variant-numeric:tabular-nums}.vw-stat span{font-size:var(--text-sm);color:var(--gray)}.vw-stat .vw-cap{font-size:var(--text-base);color:var(--sky);text-transform:uppercase;letter-spacing:.12em}.vw-stat.crit b{color:var(--coral)}.vw-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:var(--text-base);color:var(--gray);border-top:1px solid var(--line);padding-top:14px}.alert-row{display:grid;grid-template-columns:12px 1fr;gap:14px;align-items:center;padding:12px 14px;border-radius:var(--radius-card);border:1px solid var(--line);background:var(--panel);min-height:44px}.alert-row .marker{width:12px;height:12px;border-radius:50%;background:var(--coral);box-shadow:0 0 14px currentColor}.alert-row .t{font-size:var(--text-lg);color:var(--lavender)}.alert-row .m{font-size:var(--text-micro);color:var(--gray);font-family:var(--mono)}@media(min-width:1920px){.vw{height:100dvh;overflow:hidden;grid-template-rows:auto minmax(0,1fr) auto}.vw-body{grid-template-columns:minmax(260px,.7fr) minmax(0,2fr) minmax(260px,.7fr)}.vw .radar{max-width:none;width:min(100%,max(560px,calc(100dvh - 320px)));margin-inline:auto}.vw .radar svg{width:100%;height:auto;aspect-ratio:1 / 1}.vw-head h1{font-size:34px}.vw-head p,.vw .badge,.vw-stat span,.vw .panel h2,.vw .panel .hint,.vw .status,.vw .empty{font-size:16px}.vw-stat b{font-size:48px}.vw-stat .vw-cap{font-size:18px}.vw .quad-name,.vw .quad-estado,.vw .radar-scale-label,.vw .radar-state-chip,.vw .radar-core-chip{font-size:16px}.vw-foot{font-size:17px}.vw-syncs .stream{max-height:none}.vw-syncs .alert-row .t{font-size:17px}.vw-syncs .alert-row .m{font-size:16px}}@media(max-width:767px){.shell{padding:16px 12px 40px}.panel{padding:16px}.topbar{gap:12px}.grid,.col-main,.col-side{gap:16px}.stream-item{grid-template-columns:10px 1fr}.stream-item .meta{white-space:normal;overflow-wrap:anywhere}.stream-item>.meta:last-child{grid-column:2}.provider-meta,.provider-name,.relation span,.notes li{overflow-wrap:anywhere}.relations{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.quadrant-nav-name{font-size:15px}.modal-overlay{padding:0;align-items:end}.modal{width:100%;max-height:92dvh;border-radius:var(--radius-panel) var(--radius-panel) 0 0;border-left-width:4px;padding:20px 18px 26px}.modal dl{grid-template-columns:1fr;gap:2px 0}.modal dd{margin-bottom:10px}.vw{padding:16px 14px 24px}.vw-body{grid-template-columns:1fr}.vw-clock{font-size:22px}}@media(max-width:1200px){.vw-body{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.radar-constelacion,.radar-ambient-sweep,.radar-ambient-echo,.radar-core-pulse,.alert-pulse,.radar-conexion,.radar-sync-trace{animation:none!important}.radar-ambient-sweep,.radar-ambient-echo,.radar-core-pulse{display:none!important}}