:root{color-scheme:dark;--bg: #030608;--panel: rgba(7, 12, 14, .86);--panel-soft: rgba(11, 18, 21, .72);--line: rgba(132, 151, 153, .22);--line-strong: rgba(166, 185, 186, .34);--text: #b8c2c2;--muted: #6d797a;--faint: #394649;--bright: #e1e7e4;--cyan: #9fc8cd;--amber: #bca16b;--red: #ba6e67;--green: #8aa387;--blue: #768da5;font-family:SF Mono,IBM Plex Mono,Cascadia Mono,Roboto Mono,monospace;background:var(--bg)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 72% 14%,rgba(152,174,176,.08),transparent 32%),linear-gradient(180deg,#05090b,#020405);color:var(--text);overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr) 0;min-height:100vh;border:1px solid var(--line);background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px),var(--bg);background-size:100% 42px,42px 100%,auto}.sidebar{min-height:100vh;border-right:1px solid var(--line);background:linear-gradient(180deg,#070d0feb,#030608fa),radial-gradient(circle at 20% 20%,rgba(112,139,143,.14),transparent 22%);display:grid;grid-template-rows:auto 92px auto auto 1fr auto auto}.brand-block{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:52px 30px 32px;align-items:start}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:var(--text);border:1px solid var(--line);background:#ffffff05}.brand-title,.world-title{text-transform:uppercase;color:var(--text);font-size:13px}.brand-meta,.world-meta,.label,.panel-head span,.view-head span,.entity-total span,.hero-copy p,.copyright,.side-clock,.search-box input::placeholder{color:var(--muted);font-size:12px;text-transform:uppercase}.menu-button{width:54px;height:54px;margin-left:28px;border:0;color:var(--text);background:transparent}.nav-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.nav-item{width:100%;height:38px;display:grid;grid-template-columns:22px 1fr 18px;align-items:center;gap:10px;padding:0 24px 0 30px;color:var(--muted);border:0;border-bottom:1px solid rgba(132,151,153,.08);background:transparent;text-align:left;text-transform:uppercase;font-size:12px}.nav-item svg:last-child{opacity:0}.nav-item:hover,.nav-item.is-active{color:var(--bright);background:linear-gradient(90deg,#a0b4b61f,#a0b4b605)}.nav-item:hover svg:last-child,.nav-item.is-active svg:last-child{opacity:1}.sidebar-status,.world-panel,.side-clock,.copyright{padding:22px 28px;border-bottom:1px solid var(--line)}.status-line{display:flex;align-items:center;gap:12px;margin-top:12px;text-transform:uppercase;color:var(--text);font-size:12px}.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #9fc8cdcc}.world-map{height:105px;position:relative;margin:-2px 0 14px;opacity:.72;background:linear-gradient(18deg,transparent 18%,rgba(139,160,162,.16) 19%,transparent 20%),linear-gradient(160deg,transparent 36%,rgba(139,160,162,.16) 37%,transparent 38%),radial-gradient(ellipse at 25% 45%,rgba(123,144,146,.26) 0 13%,transparent 14%),radial-gradient(ellipse at 57% 40%,rgba(123,144,146,.21) 0 20%,transparent 21%),radial-gradient(ellipse at 78% 58%,rgba(123,144,146,.18) 0 16%,transparent 17%);filter:grayscale(1)}.map-light{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--bright);box-shadow:0 0 13px var(--cyan)}.light-a{left:23%;top:44%}.light-b{left:50%;top:35%}.light-c{left:68%;top:51%}.light-d{left:79%;top:61%}.side-clock{align-self:end;line-height:1.8}.copyright{line-height:1.65;border-bottom:0}.main-surface{min-width:0;display:grid;grid-template-rows:352px auto 78px;min-height:100vh}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#030608fa,#030608c2 34%,#0306081f 76%),linear-gradient(180deg,#03060840,#030608bd),url(/assets/outer-directory-hero.png) center right / cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:100% 6px,6px 100%;mix-blend-mode:overlay;opacity:.22;pointer-events:none}.hero-topbar{position:absolute;right:0;top:0;height:48px;min-width:410px;display:flex;justify-content:space-around;align-items:center;color:var(--muted);text-transform:uppercase;font-size:12px;background:#080d0fb8;border-left:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.hero-copy{position:absolute;left:54px;top:74px;max-width:610px}.hero-copy h1{margin:0 0 24px;color:#e1e7e4d1;font-weight:300;font-size:clamp(40px,4.4vw,62px);line-height:1}.hero-copy p{max-width:530px;line-height:1.8}.glitch-public{position:relative;display:inline-block;color:#e1e7e4f2;text-shadow:1px 0 rgba(159,200,205,.45),-1px 0 rgba(186,110,103,.32);animation:reluctant-public 10s steps(1,end) infinite}.glitch-public:before,.glitch-public:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0}.glitch-public:before{color:var(--cyan);transform:translate(1px);clip-path:inset(0 0 58% 0);animation:reluctant-public-slice 10s steps(1,end) infinite}.glitch-public:after{color:var(--red);transform:translate(-1px);clip-path:inset(56% 0 0 0);animation:reluctant-public-slice 10s steps(1,end) infinite reverse}@keyframes reluctant-public{0%,76%,90%,to{opacity:1;filter:none;transform:none}77%{opacity:0;filter:blur(1px);transform:translate(-1px)}78%{opacity:1;transform:translate(1px)}79%,83%{opacity:0;filter:blur(.7px)}84%{opacity:.16;transform:translate(2px)}86%{opacity:1;transform:none}}@keyframes reluctant-public-slice{0%,76%,88%,to{opacity:0}77%,78%,84%{opacity:.9}}.hero-tools{position:absolute;left:54px;bottom:34px;display:flex;gap:12px;width:min(620px,calc(100% - 420px))}.filter-box,.search-box{height:46px;display:flex;align-items:center;border:1px solid var(--line-strong);background:#0307099e}.filter-box{min-width:350px;gap:0;padding:0}.select-shell{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr) 18px;align-items:center;height:100%;min-width:205px;gap:8px;padding:0 13px;border-right:1px solid rgba(132,151,153,.2)}.select-shell svg{color:var(--muted);pointer-events:none}.select-shell select{width:100%;min-width:0;color:var(--muted);border:0;outline:0;background:transparent;text-transform:uppercase;appearance:none;-webkit-appearance:none;border-radius:0}.status-select-shell{grid-template-columns:minmax(0,1fr) 18px;min-width:130px;border-right:0}.search-box{flex:1;min-width:260px;padding:0 16px;gap:12px}.search-box input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent;text-transform:uppercase}.entity-total{position:absolute;right:54px;bottom:31px;display:grid;gap:4px;text-align:right}.entity-total strong{color:var(--bright);font-weight:300;font-size:32px}.content-area{min-width:0}.overview-grid{min-height:100%}.primary-panels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}.entity-panel,.wide-panel,.map-panel,.view-panel{min-width:0;background:linear-gradient(180deg,#080f11ad,#030608db),radial-gradient(circle at 10% 0%,rgba(128,156,160,.08),transparent 25%);border-right:1px solid var(--line)}.entity-panel{padding:25px 28px 23px}.panel-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:18px;border-bottom:1px solid var(--line);padding-bottom:10px}.panel-head h2,.view-head h2,.entity-callout h3,.drawer-head h2,.sector-card h3,.activity-feed h3,.contact-layout h3{margin:0;color:var(--text);font-weight:400;text-transform:uppercase}.panel-head h2{overflow:hidden;font-size:15px;white-space:nowrap;text-overflow:ellipsis}.entity-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.entity-list button,.directory-table button{width:100%;min-width:0;border:0;color:var(--muted);background:transparent;text-align:left;text-transform:uppercase}.entity-list button{display:grid;grid-template-columns:13px minmax(0,1fr) 28px;gap:8px;align-items:center;padding:0}.entity-list button:hover,.entity-list button.is-selected,.directory-table button:hover,.directory-table button.is-selected{color:var(--bright)}.entity-name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.entity-index{text-align:right}.status-square{width:9px;height:9px;display:inline-block;background:var(--faint);box-shadow:inset 0 0 0 1px #ffffff14}.status-active{background:var(--cyan)}.status-nominal{background:var(--green)}.status-degraded{background:var(--amber)}.status-offline{background:var(--red)}.status-unknown{background:var(--faint)}.lower-band{display:grid;grid-template-columns:1.1fr .9fr;min-height:360px;border-bottom:1px solid var(--line)}.wide-panel{padding:24px 28px}.dual-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.dual-list .entity-panel{padding:0;border-right:0;background:transparent}.map-panel{padding:24px 28px;border-right:0}.map-stage{position:relative;min-height:280px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(159,200,205,.08),transparent 18%),linear-gradient(rgba(159,200,205,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(159,200,205,.035) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}.map-stage svg{position:absolute;inset:0;width:100%;height:100%}.map-stage line{stroke:#8eb1b53d;stroke-width:.42}.map-stage line.minor-line{stroke:#8eb1b51f;stroke-width:.28}.map-node{position:absolute;width:5px;height:5px;padding:0;border:0;border-radius:50%;background:#a7c6cba6;transform:translate(-50%,-50%);box-shadow:0 0 10px #9fc8cd59}.map-node.is-selected{width:13px;height:13px;background:var(--bright);box-shadow:0 0 30px #cae8ebf2}.map-node.is-related{width:9px;height:9px;background:var(--amber)}.entity-callout{position:absolute;right:16px;bottom:14px;width:min(280px,42%);overflow:hidden;padding:16px;border:1px solid var(--line-strong);background:#04080adb}.entity-drawer dl{display:grid;gap:8px;margin:14px 0}.entity-drawer dl div{display:grid;grid-template-columns:86px 1fr;gap:10px}.callout-lines{display:grid;gap:7px;margin:13px 0;color:var(--muted);text-transform:uppercase;font-size:11px}.callout-lines span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}dt{color:var(--muted);text-transform:uppercase}dd{min-width:0;margin:0;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.entity-callout button,.report-card button,.drawer-head button{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted);border:0;background:transparent;text-transform:uppercase}.empty-state{min-height:126px;display:grid;place-items:center;gap:10px;color:var(--muted);text-transform:uppercase;border:1px dashed rgba(132,151,153,.18)}.view-panel{min-height:520px;padding:30px 34px 38px;border-right:0;border-bottom:1px solid var(--line)}.view-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:25px;padding-bottom:16px;border-bottom:1px solid var(--line)}.view-head h2{font-size:26px}.view-head p{margin:8px 0 0;color:var(--muted);text-transform:uppercase}.directory-table{display:grid;border:1px solid var(--line)}.directory-table button{display:grid;grid-template-columns:18px minmax(170px,1.1fr) minmax(160px,1fr) minmax(160px,1fr) 92px;gap:14px;align-items:center;min-height:41px;padding:0 14px;border-bottom:1px solid rgba(132,151,153,.11)}.directory-table span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sector-grid,.report-grid,.contact-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sector-card,.report-card,.contact-layout article{min-width:0;padding:20px;border:1px solid var(--line);background:#04080a94}.sector-card>div:first-child,.report-card{display:grid;gap:9px}.sector-card h3,.activity-feed h3,.contact-layout h3{font-size:15px}.status-bars{display:grid;gap:10px;margin-top:18px}.status-bars div{display:grid;grid-template-columns:92px 1fr 24px;align-items:center;gap:12px;color:var(--muted);font-size:11px}meter{width:100%;height:4px;border:0;background:#84979924}meter::-webkit-meter-bar{background:#84979924}meter::-webkit-meter-optimum-value{background:var(--cyan)}.activity-feed{display:grid;gap:10px}.activity-feed article{display:grid;grid-template-columns:42px minmax(0,1fr) 92px;gap:16px;align-items:center;min-height:64px;padding:12px 0;border-bottom:1px solid rgba(132,151,153,.13)}.activity-feed p,.report-card p,.contact-layout p{margin:6px 0 0;color:var(--muted);line-height:1.6}.status-text{text-transform:uppercase}.status-text.status-active,.status-text.status-nominal{color:var(--cyan)}.status-text.status-degraded{color:var(--amber)}.status-text.status-offline{color:var(--red)}.status-text.status-unknown{color:var(--muted)}.report-card strong{color:var(--bright);font-size:42px;font-weight:300}.contact-layout{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-layout article{min-height:210px}.contact-layout svg{color:var(--cyan);margin-bottom:28px}.footer{display:grid;grid-template-columns:repeat(3,max-content) 1fr;gap:58px;align-items:center;padding:0 54px;color:var(--muted);text-transform:uppercase;font-size:11px;border-top:1px solid var(--line);background:#030608e6}.footer span:last-child{justify-self:end;text-align:right}.entity-drawer{position:fixed;top:0;right:0;z-index:3;width:min(380px,92vw);height:100vh;padding:26px;color:var(--text);border-left:1px solid var(--line-strong);background:#030709f0;box-shadow:-20px 0 80px #00000073;transform:translate(104%);transition:transform .18s ease}.entity-drawer.is-open{transform:translate(0)}.drawer-head{display:flex;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}.drawer-head span,.relations>span{color:var(--muted);text-transform:uppercase;font-size:12px}.entity-drawer p{color:var(--muted);line-height:1.7}.tag-strip{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.tag-strip span{padding:5px 8px;color:var(--cyan);text-transform:uppercase;border:1px solid rgba(159,200,205,.18);background:#9fc8cd0f}.relations{display:grid;gap:8px}.relations strong{color:var(--text);font-weight:400}@media(max-width:1180px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.primary-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.lower-band,.contact-layout{grid-template-columns:1fr}.hero-tools{width:min(650px,calc(100% - 108px))}.entity-total{display:none}}@media(max-width:760px){.app-shell{display:block}.sidebar{min-height:auto;grid-template-rows:auto auto}.brand-block{padding:24px}.menu-button,.sidebar-status,.world-panel,.side-clock,.copyright{display:none}.nav-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.nav-item{padding:0 12px;grid-template-columns:18px 1fr}.nav-item svg:last-child{display:none}.main-surface{grid-template-rows:470px auto auto}.hero-topbar{min-width:100%}.hero-copy{left:24px;right:24px;top:88px}.hero-tools{left:24px;right:24px;bottom:24px;width:auto;flex-direction:column}.filter-box,.search-box{min-width:0;width:100%}.primary-panels,.dual-list,.sector-grid,.report-grid{grid-template-columns:1fr}.directory-table button{grid-template-columns:18px minmax(0,1fr) 88px}.directory-table button span:nth-child(3),.directory-table button span:nth-child(4){display:none}.footer{grid-template-columns:1fr;gap:12px;padding:24px}.footer span:last-child{justify-self:start;text-align:left}}