:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f7fb;background:#040914;--panel:#081524;--panel2:#0a1929;--line:#20344d;--muted:#93a2b4;--green:#42cf68;--blue:#2d8dea;--purple:#8345d7;--gold:#dfa31b;--red:#e24555;--orange:#ed8622;--cyan:#25b6cb}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;background:radial-gradient(circle at 50% 0,#0a1830,#040a15 50%,#02060c)}body.is-resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}button,input{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #4bcaff;outline-offset:2px}.app-shell{--sidebar-width:205px;--right-rail-width:300px;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh;transition:grid-template-columns .2s ease}.sidebar{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;background:#06101b;border-right:1px solid #16283b;padding:10px;min-width:0;z-index:20}.brand{display:flex;gap:8px;align-items:center;min-height:52px;border-bottom:1px solid #15263a}.brand-mark{font-size:28px}.brand b{display:block;font-size:17px}.brand small{display:block;font-size:7px;color:#52d36b}.overview-button,.nav-link{width:100%;border:0;background:transparent;border-radius:6px;padding:7px 8px;display:flex;align-items:center;gap:8px;text-align:left;color:#c0cad7}.overview-button{background:linear-gradient(90deg,#472176,#692bb2);margin:10px 0;color:#fff}.sidebar-scroll{overflow-y:auto;overscroll-behavior:contain;padding-right:3px}.sidebar-scroll::-webkit-scrollbar,.dashboard-scroll::-webkit-scrollbar,.right-rail::-webkit-scrollbar,.event-table-wrap::-webkit-scrollbar{width:8px;height:8px}.sidebar-scroll::-webkit-scrollbar-thumb,.dashboard-scroll::-webkit-scrollbar-thumb,.right-rail::-webkit-scrollbar-thumb,.event-table-wrap::-webkit-scrollbar-thumb{background:#243a55;border-radius:99px}.nav-group{margin-bottom:8px}.nav-title{font-size:6px;color:#75869a;margin:10px 7px 4px}.nav-link{font-size:7px;position:relative}.nav-link:hover{background:#0b1a2a}.nav-link.selected{background:#123d2f;color:#83eba0}.badge{margin-left:auto;border-radius:99px;padding:1px 5px;font-size:6px;font-style:normal}.badge.red{background:#b32132}.badge.orange{background:#bf7416}.system-status-card{padding:8px!important;margin-top:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px}.system-status-card b,.system-status-card span{display:block}.system-status-card b{font-size:8px}.system-status-card span{font-size:6px;color:#8f9caf}.system-status-card em{font-style:normal;font-size:6px;color:#55dc72}.sidebar-toggle{position:absolute;right:-13px;top:80px;z-index:30;width:26px;height:34px;border:1px solid #2a3d56;border-radius:0 7px 7px 0;background:#0a1625;display:grid;place-items:center}.resize-handle.horizontal{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;z-index:40}.sidebar-handle{right:-3px}.right-rail-handle{left:-3px}.sidebar.collapsed .brand,.sidebar.collapsed .overview-button,.sidebar.collapsed .nav-link{justify-content:center}.main{min-width:0;height:100vh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;padding:0 10px}.topbar{min-height:62px;display:grid;grid-template-columns:auto minmax(260px,420px) auto;gap:18px;align-items:center;border-bottom:1px solid #1b2d43}.title-area{display:flex;align-items:center;gap:8px}.title-area h1{font-size:17px;margin:0}.title-area p{font-size:8px;color:#a0adbd;margin:2px 0}.mobile-menu{display:none;border:0;background:transparent}.top-search{border:1px solid #263950;border-radius:6px;background:#071320;padding:8px 10px;display:flex;align-items:center;gap:7px}.top-search input{width:100%;border:0;background:transparent;color:#fff}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:7px}.top-actions button{border:1px solid #273a52;background:#091625;border-radius:5px;padding:6px 9px}.dashboard-scroll{overflow:auto;overscroll-behavior:contain;padding-bottom:10px}.metrics-grid{display:grid;grid-template-columns:repeat(8,minmax(135px,1fr));gap:8px;margin:9px 0;min-width:1080px}.panel{background:linear-gradient(180deg,#091625,#071321);border:1px solid #21344d;border-radius:8px;box-shadow:0 8px 22px #0003}.metric-card{height:96px;padding:9px}.metric-card small,.metric-card span{display:block;font-size:7px}.metric-card b{display:block;font-size:21px;margin:7px 0}.metric-card svg{width:100%;height:18px}.metric-card.green{color:#44d26b}.metric-card.blue{color:#2e8fea}.metric-card.purple{color:#8c4ade}.metric-card.gold{color:#e0a41c}.metric-card.red{color:#e34353}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) var(--right-rail-width);gap:8px;align-items:start}.workspace-main{display:grid;gap:8px;min-width:0}.right-rail{position:sticky;top:0;display:grid;gap:8px;max-height:calc(100vh - 132px);overflow:auto;align-content:start;min-width:0}.collapsible{padding:0;overflow:hidden}.panel-header{min-height:38px;padding:6px 8px;border-bottom:1px solid #1a2b41;display:flex;justify-content:space-between;align-items:center}.collapse-toggle{border:0;background:transparent;display:flex;align-items:center;gap:6px;font-size:8px}.panel-actions{display:flex;align-items:center;gap:5px}.panel-actions button{border:1px solid #293b53;background:#0a1929;border-radius:4px;padding:4px 6px;font-size:6px}.icon-action{display:grid!important;place-items:center}.panel-body{padding:8px;min-width:0}.panel-expanded{position:fixed!important;z-index:100;top:12px!important;right:12px!important;bottom:12px!important;left:12px!important;max-height:none!important;background:#071321}.panel-expanded .panel-body{height:calc(100vh - 64px);overflow:auto}.top-panels{display:grid;grid-template-columns:1.22fr 1.05fr .82fr;gap:8px}.behavior-row{display:grid;grid-template-columns:1.1fr 1.15fr .85fr;gap:8px}.bottom-row{display:grid;grid-template-columns:.9fr 1.35fr .82fr;gap:8px}.world-map{height:245px;position:relative;overflow:hidden;border-radius:6px;background:radial-gradient(circle at 48% 44%,#173451,#091b2d 58%,#06111e)}.map-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#274a6922 1px,transparent 1px),linear-gradient(90deg,#274a6922 1px,transparent 1px);background-size:34px 34px}.map-title{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#315c78;font-size:19px;letter-spacing:.09em}.pulse{position:absolute;z-index:3;width:11px;height:11px;border-radius:50%;box-shadow:0 0 14px currentColor}.pulse.good{background:#44d16b;color:#44d16b}.pulse.warn{background:#e1a31c;color:#e1a31c}.legend{display:flex;gap:14px;margin-top:6px;font-size:6px;color:#9ba8b8}.system-chart,.engagement-chart{width:100%;height:245px;background:repeating-linear-gradient(to bottom,#0b192b 0,#0b192b 49px,#22364a22 50px)}.incident-list{display:grid;gap:8px}.incident-list article{display:grid;grid-template-columns:40px 1fr auto;gap:7px;align-items:center}.incident-list b,.incident-list small{display:block}.incident-list b{font-size:7px}.incident-list small{font-size:6px;color:#97a5b6}.incident-list em{font-style:normal;font-size:6px;color:#e2b24b}.priority{border-radius:5px;padding:5px;text-align:center;font-weight:700}.priority.p0{background:#4b171e;color:#ff6e79}.priority.p1{background:#4f2b13;color:#ffb159}.priority.p2{background:#4c3e12;color:#f5d052}.priority.p3{background:#0f3153;color:#68b4ff}.behavior-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.behavior-card{border:1px solid #233750;border-radius:6px;background:#0a1828;padding:7px}.behavior-card small,.behavior-card span{display:block;font-size:6px}.behavior-card b{display:block;font-size:14px;margin:4px 0}.behavior-card.green span{color:#4eda70}.behavior-card.red span{color:#ef5663}.behavior-card.blue span{color:#4ba0f3}.behavior-card.purple span{color:#b079f1}.behavior-card.gold span{color:#e2af2b}.behavior-card.cyan span{color:#37c9db}.score-list{display:grid;gap:9px}.score-row{display:grid;grid-template-columns:1.1fr 1fr 50px;gap:6px;align-items:center;font-size:7px}.score-row>div{height:6px;background:#17273b;border-radius:99px}.score-row i{display:block;height:100%;background:#3ec763;border-radius:inherit}.status-line{display:flex;justify-content:space-between;font-size:7px}.status-line b{color:#56dc73}.funnel{display:grid;gap:3px}.funnel-step{margin:auto;height:28px;color:#fff;display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center;padding:0 8px;font-size:6px;background:#3567bd}.funnel-step.s0{width:100%}.funnel-step.s1{width:88%;background:#2f77d4}.funnel-step.s2{width:76%;background:#28979c}.funnel-step.s3{width:64%;background:#38a85d}.funnel-step.s4{width:52%;background:#dda11d}.funnel-step.s5{width:40%;background:#e56637}.funnel-step em{font-style:normal}.event-table-wrap{overflow:auto;max-height:240px}table{width:100%;border-collapse:collapse;min-width:560px;font-size:6px}th,td{border-bottom:1px solid #1b2d42;padding:7px;text-align:left}.severity{border-radius:4px;padding:3px 5px}.severity.low{color:#5dda74}.severity.medium{color:#e9b22b}.severity.high{color:#ef5360}.safety-wrap{display:grid;grid-template-columns:120px 1fr;gap:8px;align-items:center}.donut{width:115px;height:115px;border-radius:50%;background:conic-gradient(#42c765 0,#42c765 58%,#e3a01d 58%,#e3a01d 83%,#df4452 83%,#df4452 95%,#2e89e4 95%);padding:14px}.donut span{height:100%;border-radius:50%;background:#091625;display:grid;place-items:center;align-content:center;text-align:center}.donut b{font-size:16px}.donut small{font-size:6px}.safety-wrap ul{list-style:none;padding:0;margin:0;display:grid;gap:7px;font-size:6px}.safety-wrap li{display:flex;justify-content:space-between}.alert-feed,.support-list{list-style:none;padding:0;margin:0;display:grid}.alert-feed li{border-bottom:1px solid #1c2e43;padding:7px 0;font-size:6px;display:grid;grid-template-columns:58px 1fr;gap:5px}.alert-feed span{color:#b9c3d0}.engagement-areas,.score-list{display:grid;gap:8px}.area-row{display:grid;grid-template-columns:90px 1fr 35px;gap:6px;align-items:center;font-size:6px}.area-row>div{height:6px;background:#17273b;border-radius:99px}.area-row i{display:block;height:100%;background:#56c463;border-radius:inherit}.support-list li{border-bottom:1px solid #1c2d42;padding:7px 0;display:grid;grid-template-columns:55px 1fr;font-size:6px}.support-list span,.support-list small{grid-column:2}.support-list small{color:#8f9caf}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.control-grid button{border:1px solid #2a3d55;background:#0a1929;border-radius:5px;padding:8px 6px;display:flex;gap:5px;align-items:center;font-size:6px}.bottom-actions{min-height:54px;border-top:1px solid #1b2e44;background:#06101c;display:flex;align-items:center;gap:6px;overflow-x:auto;padding:6px}.bottom-actions button{flex:0 0 auto;border:1px solid #23374f;background:#091624;border-radius:5px;padding:7px 9px;display:flex;align-items:center;gap:5px;font-size:6px}.rail-toggle{margin-left:auto!important}.compact .metric-card{height:76px}.compact .metric-card b{font-size:17px}.compact .world-map,.compact .system-chart,.compact .engagement-chart{height:190px}.compact .panel-header{min-height:31px}.compact .panel-body{padding:6px}.compact .behavior-card{padding:5px}.fallback-panel{padding:12px;display:grid;gap:8px;color:#ffd46d}.fallback-panel button,.fatal-card button{width:max-content;border:0;background:#5e2eb4;border-radius:5px;padding:8px 12px}.fatal-shell{min-height:100vh;display:grid;place-items:center}.fatal-card{max-width:600px;background:#091625;border:1px solid #30475f;border-radius:10px;padding:22px}.fatal-card pre{white-space:pre-wrap;background:#030810;padding:9px;border-radius:5px;color:#ffb5b5}.fatal-actions{display:flex;gap:8px}@media(max-width:1400px){.metrics-grid{grid-template-columns:repeat(4,minmax(155px,1fr));min-width:0}.top-panels{grid-template-columns:1fr 1fr}.top-panels>*:last-child{grid-column:1/3}.behavior-row{grid-template-columns:1fr 1fr}.behavior-row>*:last-child{grid-column:1/3}.bottom-row{grid-template-columns:1fr 1fr}.bottom-row>*:last-child{grid-column:1/3}}@media(max-width:1050px){.workspace-grid{grid-template-columns:1fr}.right-rail{position:static;max-height:none;grid-template-columns:1fr 1fr}.right-rail-handle{display:none}.topbar{grid-template-columns:1fr 1fr}.top-actions{grid-column:1/3}.top-search{justify-self:stretch}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);transform:translate(-100%);transition:transform .2s ease}.sidebar:not(.collapsed){transform:translate(0)}.main{padding-inline:7px}.mobile-menu{display:inline-grid}.topbar{grid-template-columns:1fr;padding:8px 0}.top-actions{grid-column:auto;justify-content:flex-start;overflow-x:auto}.top-search{width:100%}.metrics-grid{grid-template-columns:repeat(2,minmax(145px,1fr))}.top-panels,.behavior-row,.bottom-row,.right-rail{grid-template-columns:1fr}.top-panels>*:last-child,.behavior-row>*:last-child,.bottom-row>*:last-child{grid-column:auto}.behavior-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.title-area h1{font-size:14px}.top-actions span{display:none}.metrics-grid,.behavior-grid{grid-template-columns:1fr 1fr}.safety-wrap{grid-template-columns:1fr}.donut{margin:auto}.control-grid{grid-template-columns:1fr}.score-row{grid-template-columns:1fr 45px}.score-row>div{grid-column:1/3}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}