: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:min(1180px,100%);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}.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}.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,.timeline-panel{margin-top:1rem}.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}.sparkline{width:100%;height:8rem;margin:.5rem 0;overflow:visible}.sparkline line{stroke:#20374d;stroke-width:1px}.sparkline polyline{stroke:#4bd8c3;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;vector-effect:non-scaling-stroke}.sparkline circle{fill:#4bd8c3}.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}.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: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{grid-template-columns:1fr}.workspace{padding-top:2rem}.audit-list article{grid-template-columns:1fr;gap:.35rem}.incident-list>button{grid-template-columns:auto 1fr}.incident-list time{grid-column:2}.panel-heading,.ai-request-row,.action-control-row,.approval-box{flex-direction:column;align-items:flex-start}.diagnosis-result dl{grid-template-columns:1fr}}