:root{color:#d9e3f0;font-synthesis:none;text-rendering:optimizelegibility;background:#07101d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% -10%,#28c7b429,#0000 34rem),#07101d;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,p{margin-top:0}h1{color:#f4f8fc;letter-spacing:-.05em;margin-bottom:2.25rem;font-size:clamp(2rem,5vw,3.1rem)}h2{color:#edf4fb;font-size:1.15rem}.loading-screen,.login-screen{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.loading-screen{color:#8ca0b8}.login-card{background:#081320f0;border:1px solid #1d3044;border-radius:1rem;gap:1rem;width:min(420px,100%);padding:2rem;display:grid;box-shadow:0 2rem 6rem #00000047}.login-card .brand-mark{margin-bottom:.75rem}.login-card h1{margin-bottom:.75rem;font-size:2rem}.login-card label{color:#9eb0c4;gap:.45rem;font-size:.82rem;display:grid}.login-card input{color:#f2f7fc;background:#0d1b2b;border:1px solid #294057;border-radius:.55rem;outline:none;width:100%;padding:.8rem .9rem}.login-card input:focus{border-color:#42cfbc;box-shadow:0 0 0 3px #42cfbc1f}.login-card>button{color:#05221e;background:#52dcc7;border:0;border-radius:.55rem;margin-top:.4rem;padding:.85rem;font-weight:800}.login-card small{color:#647a92;text-align:center}.form-error{color:#ff908f;margin:0;font-size:.82rem}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#050d19e0;border-right:1px solid #1a2a3c;flex-direction:column;gap:2.5rem;padding:2rem 1.25rem;display:flex}.brand{align-items:center;gap:.8rem;display:flex}.brand-mark{color:#54e5d1;letter-spacing:-.04em;border:1px solid #35d0bd;border-radius:.7rem;place-items:center;width:2.5rem;height:2.5rem;font-weight:800;display:grid}.brand div{flex-direction:column;display:flex}.brand span:last-child,.sidebar-footer{color:#70849c;font-size:.75rem}nav{gap:.35rem;display:grid}nav button{color:#8ca0b8;text-align:left;background:0 0;border:0;border-radius:.55rem;padding:.7rem .85rem}nav button:hover,nav button.active{color:#f3f8fd;background:#112235}.sidebar-footer{gap:.75rem;margin-top:auto;display:grid}.text-button{color:#72d8ca;text-align:left;background:0 0;border:0;padding:0}.back-button{margin-bottom:1.25rem}.workspace{width:100%;min-width:0;max-width:1180px;margin:0 auto;padding:3.5rem clamp(1.5rem,5vw,5rem)}header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.eyebrow{color:#44cfbc;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .5rem;font-size:.72rem;font-weight:700}.environment{color:#9fb2c6;border:1px solid #28415a;border-radius:999px;padding:.35rem .65rem;font-size:.72rem}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.status-card,.empty-state,.table-card,.panel,.topology-node,.audit-list{background:#0e1d2eb8;border:1px solid #1d3044;border-radius:.9rem}.status-card{min-height:104px;padding:1.25rem;position:relative}.status-card p{color:#8195ab;margin-bottom:.45rem;font-size:.8rem}.status-card strong{color:#ecf3fa;text-transform:capitalize;font-size:1.15rem}.status-dot{background:#52657b;border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:1rem;right:1rem}.status-dot.online{background:#45d4a9;box-shadow:0 0 .8rem #45d4a9a6}.status-dot.offline{background:#f17676}.status-dot.warning{background:#f6bd60}.status-dot.critical{background:#f17676;box-shadow:0 0 .8rem #f1767673}.status-dot.info{background:#6ba7e8}.table-card{margin-top:1rem;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #1a2c40;padding:1rem}th{color:#71869d;letter-spacing:.07em;text-transform:uppercase;font-size:.72rem}td{color:#b6c4d3;font-size:.84rem}tbody tr:last-child td{border-bottom:0}td small{color:#62788e;margin-top:.25rem;display:block}.server-link{color:#eef5fb;background:0 0;border:0;padding:0;font-weight:700}.server-link:hover{color:#51dbc7}.incident-summary-link{cursor:pointer;font:inherit}.incident-summary-link:hover,.incident-summary-link:focus-visible{filter:brightness(1.22);outline:none;box-shadow:0 0 0 2px #51dbc747}.status-pill{color:#94a8bb;text-transform:capitalize;border:1px solid #385069;border-radius:999px;padding:.25rem .5rem;font-size:.7rem;display:inline-flex}.status-pill.online,.status-pill.running{color:#61d9af;background:#28655229;border-color:#286552}.status-pill.offline,.status-pill.failed,.status-pill.stopped{color:#ff9496;background:#743e4824;border-color:#743e48}.status-pill.degraded{color:#f2c469;border-color:#795e2c}.status-pill.critical,.status-pill.open{color:#ff9496;background:#743e4824;border-color:#743e48}.status-pill.warning,.status-pill.acknowledged,.status-pill.investigating,.status-pill.suppressed{color:#f2c469;background:#795e2c24;border-color:#795e2c}.status-pill.info,.status-pill.resolved{color:#61d9af;background:#28655229;border-color:#286552}.topology-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem;display:grid}.topology-node{color:#eaf2f9;text-align:left;gap:.75rem;min-width:0;padding:1.25rem;display:grid;overflow:hidden}.topology-node strong{overflow-wrap:anywhere}.topology-node .status-pill{width:max-content}.topology-node small{color:#73889e}.topology-node:hover{border-color:#397867;transform:translateY(-1px)}.empty-state{text-align:center;margin-top:1rem;padding:clamp(2rem,6vw,4rem)}.empty-state h2{letter-spacing:-.035em;margin-bottom:.75rem;font-size:clamp(1.35rem,3vw,2rem)}.empty-state p{color:#8398ae;max-width:38rem;margin:0 auto;line-height:1.6}.pulse{background:radial-gradient(circle,#40d6c2 0 12%,#0000 14%);border:1px solid #2cc3b0;border-radius:50%;width:2.5rem;height:2.5rem;margin:0 auto 1.25rem;box-shadow:0 0 2rem #2cc3b02e}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.panel{padding:1.25rem}.panel h2{margin-bottom:1rem}dl{grid-template-columns:minmax(120px,.6fr) 1fr;gap:.75rem;margin:0;display:grid}dt{color:#71869d;font-size:.78rem}dd{color:#c8d4df;margin:0;font-size:.84rem}.resource-panel{margin-top:1rem}.resource-list{gap:.5rem;display:grid}.resource-list article{background:#0c1b2b;border-radius:.55rem;grid-template-columns:1fr auto minmax(100px,auto);align-items:center;gap:1rem;padding:.75rem;display:grid}.resource-list small,.muted{color:#74899f}.inline-form{flex-wrap:wrap;gap:.5rem;display:flex}.inline-form select,.rule-fields input,.rule-fields select{color:#dce7f1;background:#0b1a2a;border:1px solid #294057;border-radius:.45rem;min-width:0;padding:.5rem .6rem}.inline-form button,.rule-fields button{color:#8de1d5;background:#102523;border:1px solid #2d5b57;border-radius:.45rem;padding:.5rem .75rem}.expected-services-panel,.connection-panel,.tls-panel{margin-top:1rem}.connection-form{grid-template-columns:minmax(150px,.5fr) minmax(120px,.35fr) minmax(260px,1fr) auto;align-items:end;gap:.75rem;display:grid}.connection-form label{color:#71869d;gap:.4rem;font-size:.78rem;display:grid}.connection-form input,.connection-form textarea{color:#dce7f1;background:#0b1a2a;border:1px solid #294057;border-radius:.45rem;width:100%;min-width:0;padding:.55rem .65rem}.connection-form button{color:#8de1d5;background:#102523;border:1px solid #2d5b57;border-radius:.45rem;padding:.6rem .8rem}.tls-panel{gap:.75rem;display:grid}.certificate-card{background:#0c1b2b;border-radius:.55rem;padding:.9rem}.certificate-card>strong{margin-bottom:.75rem;display:block}.certificate-expiring,.certificate-missing{color:#ff6b6d;font-weight:800}.expected-service-list{gap:.65rem;margin:1rem 0;display:grid}.expected-service-row{grid-template-columns:minmax(7rem,.8fr) minmax(14rem,2fr) minmax(7rem,.8fr) auto;align-items:center;gap:.65rem;display:grid}.expected-service-row input,.expected-service-row select{min-width:0}@media (width<=720px){.expected-service-row{grid-template-columns:1fr}}.profile-grid,.rule-list{gap:1rem;display:grid}.release-import-panel{margin-bottom:1rem}.release-import-form{gap:.9rem;display:grid}.release-import-form label,.rollout-form label{color:#8ca0b8;gap:.4rem;font-size:.78rem;display:grid}.release-import-form textarea,.rollout-form input{color:#dce7f1;background:#081624;border:1px solid #294057;border-radius:.5rem;outline:none;width:100%;padding:.7rem}.release-import-form textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.release-import-form button,.rollout-form button{color:#8de1d5;background:#102523;border:1px solid #2d5b57;border-radius:.45rem;width:fit-content;padding:.65rem .9rem}.release-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:1rem;display:grid}.release-card .section-heading{align-items:flex-start}.release-card .eyebrow{margin-bottom:.35rem}.rollout-form{border-top:1px solid #1a3045;grid-template-columns:minmax(150px,1fr) auto;align-items:end;gap:.75rem;margin-top:1.25rem;padding-top:1rem;display:grid}.rollout-form button{grid-column:1/-1}.profile-card{min-width:0}.profile-card .section-heading{align-items:flex-start}.profile-card .section-heading h2{margin-bottom:.35rem}.profile-card .section-heading p{margin-bottom:0}.profile-meta{color:#8ca0b8;font-size:.78rem}.rule-card{background:#0a1929;border:1px solid #1a3045;border-radius:.7rem;gap:.85rem;padding:1rem;display:grid}.rule-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.rule-heading>div{gap:.25rem;display:grid}.rule-heading small,.toggle-label,.rule-fields label{color:#74899f;font-size:.74rem}.toggle-label{align-items:center;gap:.4rem;display:flex}.rule-fields{grid-template-columns:repeat(5,minmax(100px,1fr)) auto;align-items:end;gap:.65rem;display:grid}.rule-fields label{gap:.35rem;display:grid}.metric-panel,.network-panel,.timeline-panel{margin-top:1rem}.network-interface-list{gap:.75rem;margin-top:1rem;display:grid}.network-interface{background:#0a1929;border:1px solid #1a3045;border-radius:.7rem;overflow:hidden}.network-interface>summary{cursor:pointer;grid-template-columns:minmax(12rem,1fr) auto minmax(9rem,auto) minmax(9rem,auto);align-items:center;gap:.8rem;padding:.9rem 1rem;list-style-position:inside;display:grid}.network-interface>summary>span:first-of-type{flex-wrap:wrap;align-items:center;gap:.45rem;display:inline-flex}.network-interface summary em,.network-interface summary small{color:#6f849a;font-size:.7rem;font-style:normal}.network-interface summary em{color:#52dcc7;background:#52dcc71a;border-radius:999px;padding:.15rem .35rem}.network-interface-body{border-top:1px solid #1a3045;gap:1rem;padding:0 1rem 1rem;display:grid}.network-metadata{grid-template-columns:max-content minmax(0,1fr) max-content minmax(0,1fr);gap:.45rem .8rem;margin:1rem 0 0;display:grid}.network-metadata dt{color:#74899f}.network-metadata dd{overflow-wrap:anywhere;margin:0}.network-capacity-form{flex-wrap:wrap;align-items:end;gap:.65rem;display:flex}.network-capacity-form label{color:#74899f;gap:.3rem;font-size:.74rem;display:grid}.network-capacity-form small{color:#6f849a;flex-basis:100%}.network-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.network-chart-grid article{border:1px solid #1a3045;border-radius:.6rem;min-width:0;padding:.8rem}.network-chart-grid h3{margin-top:0;font-size:.9rem}.network-chart{margin:.5rem 0 0}.network-chart svg{width:100%;height:10rem;display:block}.network-grid-line{stroke:#20374d;stroke-width:1px}.network-line{stroke-linecap:round;stroke-linejoin:round;stroke-width:2.3px;vector-effect:non-scaling-stroke}.network-line.receive{stroke:#4bd8c3}.network-line.transmit{stroke:#a982ff}.network-axis-label{fill:#74899f;font-size:9px}.network-axis-label.end{text-anchor:end}.network-chart figcaption{color:#8094aa;gap:1rem;font-size:.7rem;display:flex}.network-legend:before{vertical-align:middle;content:"";background:#4bd8c3;width:.75rem;height:2px;margin-right:.35rem;display:inline-block}.network-legend.transmit:before{background:#a982ff}.network-daily-table{max-height:24rem;overflow:auto}.section-heading{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.section-heading span,.chart-card>span{color:#74899f;font-size:.72rem}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.chart-card{background:#0a1929;border:1px solid #1a3045;border-radius:.7rem;min-width:0;padding:1rem}.chart-card>div{gap:.25rem;display:grid}.chart-card small{overflow-wrap:anywhere;color:#6f849a}.metric-chart{margin:.65rem 0 .35rem}.chart-plot{position:relative}.sparkline-control{outline-offset:3px;width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:block;position:relative}.sparkline-control:focus-visible{outline:2px solid #52dcc7}.sparkline{pointer-events:none;width:100%;height:9rem;display:block;overflow:visible}.sparkline .chart-grid-line{stroke:#20374d;stroke-width:1px}.sparkline .metric-line{stroke:#4bd8c3;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px;vector-effect:non-scaling-stroke}.sparkline .threshold-line{stroke:#d8a95a;stroke-dasharray:5 4;stroke-width:1.5px;vector-effect:non-scaling-stroke}.sparkline .threshold-line.critical{stroke:#f17c7a}.sparkline .selected-guide{stroke:#8095ab;stroke-width:1px;vector-effect:non-scaling-stroke}.sparkline .metric-point,.sparkline .selected-point{fill:#4bd8c3;stroke:#07101d;stroke-width:1.5px;vector-effect:non-scaling-stroke}.sparkline .metric-point.breach,.sparkline .selected-point.breach{fill:#ffb454}.sparkline .metric-point.incident,.sparkline .selected-point.incident{fill:#ff6b6b}.sparkline .axis-label{fill:#74899f;font-size:9px}.sparkline .axis-label.end{text-anchor:end}.metric-tooltip{z-index:3;color:#dce7f2;pointer-events:none;background:#07101df5;border:1px solid #314a62;border-radius:.55rem;gap:.18rem;width:max-content;max-width:min(21rem,88%);padding:.55rem .65rem;font-size:.72rem;line-height:1.35;display:grid;position:absolute;top:.35rem;transform:translate(-50%);box-shadow:0 .7rem 2rem #0000004d}.metric-tooltip.start{transform:none}.metric-tooltip.end{transform:translate(-100%)}.metric-tooltip strong{color:#f2f7fc}.metric-tooltip .tooltip-incident{color:#ff9998}.incident-marker{z-index:4;color:#07101d;background:#ff6b6b;border:1px solid #ff8584;border-radius:50%;place-items:center;width:1.35rem;height:1.35rem;padding:0;font-size:.68rem;font-weight:800;display:grid;position:absolute;top:.35rem;transform:translate(-50%)}.incident-marker.resolved{background:#52dcc7;border-color:#6be1cf}.incident-marker:focus-visible{outline-offset:2px;outline:2px solid #f4f8fc}.chart-legend{color:#8094aa;flex-wrap:wrap;gap:.35rem .8rem;margin-top:.35rem;font-size:.68rem;display:flex}.chart-legend span{align-items:center;gap:.3rem;display:inline-flex}.chart-legend i{background:#4bd8c3;border-radius:50%;width:.65rem;height:.65rem;display:inline-block}.chart-legend .legend-line{border-radius:0;height:2px}.chart-legend .legend-limit{background:0 0;border-top:2px dashed #d8a95a;border-radius:0;height:0}.chart-legend .legend-breach{background:#ffb454}.chart-legend .legend-incident{background:#ff6b6b}.chart-selected-detail{color:#9dafc2;min-height:2.4em;margin:.45rem 0 0;font-size:.72rem;line-height:1.4}.incident-list{background:#0e1d2eb8;border:1px solid #1d3044;border-radius:.9rem;display:grid;overflow:hidden}.incident-list>button{color:#d7e2ec;text-align:left;background:0 0;border:0;border-bottom:1px solid #1a2c40;grid-template-columns:auto minmax(220px,1fr) auto auto auto;align-items:center;gap:1rem;padding:1rem 1.25rem;display:grid}.incident-list>button:last-child{border-bottom:0}.incident-list>button:hover{background:#102236}.incident-list div{gap:.25rem;min-width:0;display:grid}.incident-list small,.incident-list time{color:#758a9f;font-size:.75rem}.server-incidents-panel{margin-bottom:1rem}.server-incidents-panel>.muted{margin-top:1rem}.server-incident-list{gap:.5rem;margin-top:1rem;display:grid}.server-incident-row{color:#d7e2ec;text-align:left;background:#0c1b2b;border:1px solid #1d3044;border-radius:.6rem;grid-template-columns:auto minmax(220px,1fr) auto auto auto;align-items:center;gap:1rem;width:100%;padding:.85rem;display:grid}.server-incident-row:hover,.server-incident-row:focus-visible{background:#102236;border-color:#385c7a;outline:none}.server-incident-row.focused{background:#743e4833;border-color:#a15159;box-shadow:0 0 0 2px #f1767633}.server-incident-row>span:nth-child(2){gap:.25rem;min-width:0;display:grid}.server-incident-row small,.server-incident-row time{color:#758a9f;font-size:.75rem}.severity-marker{background:#6ba7e8;border-radius:50%;width:.55rem;height:.55rem}.severity-marker.warning{background:#f6bd60}.severity-marker.critical{background:#f17676;box-shadow:0 0 .7rem #f1767673}.action-row{flex-wrap:wrap;gap:.6rem;display:flex}.action-row button{color:#8de1d5;text-transform:capitalize;background:#102523;border:1px solid #2d5b57;border-radius:.5rem;padding:.55rem .8rem}.ai-diagnostic-panel,.safe-action-panel{margin-top:1rem}.panel-heading,.ai-request-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.panel-heading>div,.diagnostic-card .panel-heading>div{gap:.25rem;display:grid}.panel-heading h2,.panel-heading p{margin:0}.ai-request-row{justify-content:flex-start;margin:1rem 0}.ai-request-row small,.diagnostic-card small{color:#758a9f}.ai-request-row button:disabled{cursor:not-allowed;opacity:.48}.inline-notice{color:#e2c58c;background:#251f16;border:1px solid #604a26;border-radius:.55rem;padding:.7rem .85rem;font-size:.82rem}.diagnostic-list{gap:.75rem;margin-top:1rem;display:grid}.diagnostic-card{background:#0a1929;border:1px solid #1d354c;border-radius:.7rem;padding:1rem}.diagnosis-result{gap:.75rem;margin-top:.9rem;display:grid}.diagnosis-result>p{color:#c1d1de;margin:0}.diagnosis-result dl{grid-template-columns:minmax(130px,.25fr) 1fr;gap:.55rem 1rem;margin:0;display:grid}.diagnosis-result dt{color:#71869b}.diagnosis-result dd{color:#b9c9d6;margin:0}.status-pill.queued,.status-pill.processing,.status-pill.offered,.status-pill.staged,.status-pill.applying{color:#9fc9f5;background:#152b43}.status-pill.completed{color:#87dfcf;background:#12312d}.status-pill.refused,.status-pill.failed{color:#f0a1a1;background:#3a1d25}.status-pill.proposed,.status-pill.approved,.status-pill.dispatched{color:#f2c469;background:#795e2c24;border-color:#795e2c}.status-pill.succeeded{color:#61d9af;background:#28655229;border-color:#286552}.status-pill.rejected,.status-pill.expired,.status-pill.cancelled,.status-pill.rolled_back{color:#9aaabd;background:#162230}.action-control-row,.approval-box{align-items:center;gap:.8rem;margin:1rem 0;display:flex}.action-control-row small,.approval-box small,.safe-action-list small{color:#758a9f}.safe-action-panel button{color:#8de1d5;background:#102523;border:1px solid #2d5b57;border-radius:.5rem;padding:.55rem .8rem}.safe-action-panel button:disabled{cursor:not-allowed;opacity:.48}.safe-action-panel .danger-button{color:#ff9a9c;background:#2d1820;border-color:#743e48}.approval-box{background:#795e2c1a;border:1px solid #795e2c;border-radius:.65rem;justify-content:space-between;padding:.9rem}.approval-box>div,.safe-action-list article>div{gap:.25rem;display:grid}.safe-action-list{gap:.65rem;margin-top:1rem;display:grid}.safe-action-list article{background:#0a1929;border:1px solid #1d354c;border-radius:.65rem;grid-template-columns:1fr auto;align-items:center;gap:.65rem 1rem;padding:.85rem;display:grid}.safe-action-list article>small{grid-column:1/-1}.timeline-panel>article{border-bottom:1px solid #1a2c40;grid-template-columns:auto 1fr;gap:.8rem;padding:.85rem 0;display:grid}.timeline-panel>article:last-child{border-bottom:0}.timeline-panel p{color:#a9bac9;margin:.35rem 0;font-size:.84rem}.timeline-panel small{color:#70859a}.timeline-dot{border:2px solid #4bd8c3;border-radius:50%;width:.55rem;height:.55rem;margin-top:.25rem}.audit-list{overflow:hidden}.audit-list article{border-bottom:1px solid #1a2c40;grid-template-columns:1fr .6fr auto;gap:1rem;padding:1rem 1.25rem;font-size:.82rem;display:grid}.audit-list article:last-child{border-bottom:0}.audit-list span,.audit-list time{color:#758a9f}@media (width<=800px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{border-bottom:1px solid #1a2a3c;border-right:0;gap:1rem}nav{grid-template-columns:none;grid-auto-flow:column;overflow-x:auto}.sidebar-footer{display:none}.status-grid,.detail-grid,.chart-grid,.rule-fields,.connection-form,.network-chart-grid,.network-metadata{grid-template-columns:1fr}.network-interface>summary{grid-template-columns:1fr auto}.resource-list article{grid-template-columns:1fr;gap:.45rem}.workspace{padding-top:2rem}.audit-list article{grid-template-columns:1fr;gap:.35rem}.incident-list>button{grid-template-columns:auto 1fr}.incident-list time,.server-incident-row time{grid-column:2}.server-incident-row{grid-template-columns:auto 1fr}.panel-heading,.ai-request-row,.action-control-row,.approval-box{flex-direction:column;align-items:flex-start}.diagnosis-result dl{grid-template-columns:1fr}}