@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:DM Sans,Segoe UI,sans-serif;color:#16253a;background:#f2f5f4;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #16253a;--ink-soft: #607083;--ink-faint: #8d9aa8;--navy: #101b2d;--navy-2: #182940;--paper: #fbfcfa;--line: #dce4e5;--amber: #f0a64c;--coral: #e66f66;--mint: #65c4a1;--cyan: #76b9d3;--mono: "IBM Plex Mono", "Cascadia Code", monospace;--display: "Space Grotesk", "Trebuchet MS", sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh;background:var(--paper)}.sidebar{width:246px;flex:0 0 246px;min-height:100vh;padding:28px 16px 18px;display:flex;flex-direction:column;background:var(--navy);color:#dbe5e7}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 34px;color:#f5faf7;font:700 18px var(--display);letter-spacing:-.04em}.brand-mark{display:flex;align-items:flex-end;gap:3px;width:22px;height:22px;padding:3px;border:1px solid #6fd4af;border-radius:6px 6px 2px;transform:rotate(-8deg)}.brand-mark span{width:3px;border-radius:1px;background:#6fd4af;transform:rotate(8deg)}.brand-mark span:nth-child(1){height:7px;opacity:.55}.brand-mark span:nth-child(2){height:12px;opacity:.78}.brand-mark span:nth-child(3){height:16px}.workspace-switcher{padding:0 8px 25px}.workspace-label,.nav-label{display:block;color:#718497;font:500 10px var(--mono);letter-spacing:.11em;text-transform:uppercase}.workspace-label{padding:0 4px 9px}.workspace-button{display:flex;align-items:center;width:100%;gap:9px;padding:8px 7px;border:1px solid #293b53;border-radius:8px;background:#182940;color:#eaf2f2;font-size:12px;text-align:left}.workspace-button .chevron{margin-left:auto;color:#88a2ad;font-size:16px}.workspace-avatar,.profile-avatar,.top-avatar{display:grid;place-items:center;border-radius:6px;color:#142333;background:#f0a64c;font:600 11px var(--mono)}.workspace-avatar{width:24px;height:24px}.nav-label{padding:0 12px 9px}.nav-label.secondary{margin-top:29px}.nav-item{display:flex;align-items:center;gap:12px;min-height:39px;padding:0 12px;border-radius:7px;color:#9aabba;font-size:13px;transition:background .18s ease,color .18s ease}.nav-item:hover,.nav-item.active{background:#1b3048;color:#fbfffb}.nav-item.active{box-shadow:inset 2px 0 #f0a64c}.nav-icon{width:15px;color:#6c91a1;font:17px var(--mono);text-align:center}.nav-item.active .nav-icon{color:#f0a64c}.nav-count{margin-left:auto;color:#718a99;font:10px var(--mono)}.nav-count.alert{color:#f1a291}.sidebar-bottom{margin-top:auto;padding:16px 5px 0}.system-status{display:flex;align-items:center;gap:10px;padding:14px 10px;margin-bottom:13px;border:1px solid #28405a;border-radius:8px;background:#15263b}.pulse-dot,.data-mode span,.live-line{position:relative;display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px #65c4a121}.system-status strong,.system-status span{display:block}.system-status strong{color:#d7e5e4;font-size:11px;font-weight:600}.system-status div>span{margin-top:4px;color:#77909d;font:10px var(--mono)}.profile-link{display:flex;align-items:center;gap:9px;padding:9px 8px;border-radius:8px;color:#dbe6e8}.profile-link:hover{background:#192d45}.profile-avatar{width:27px;height:27px;border-radius:50%;background:#8cc4d7;font-size:9px}.profile-link span:nth-child(2){flex:1}.profile-link strong,.profile-link small{display:block}.profile-link strong{font-size:11px;font-weight:600}.profile-link small{margin-top:2px;color:#7f98a3;font:9px var(--mono)}.profile-link>span:last-child{color:#78919e;font-size:17px}.main-content{position:relative;flex:1;min-width:0;background:#f5f7f5}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:73px;padding:0 4.2%;border-bottom:1px solid var(--line);background:#fbfcfad1}.breadcrumb{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:12px}.breadcrumb-muted{color:var(--ink-faint)}.topbar-actions{display:flex;align-items:center;gap:14px}.data-mode{display:inline-flex;align-items:center;gap:7px;color:#537366;font:10px var(--mono)}.data-mode.demo{color:#a26a27}.data-mode.demo span{background:var(--amber);box-shadow:0 0 0 4px #f0a64c24}.icon-button,.top-avatar{position:relative;display:grid;place-items:center;width:28px;height:28px;border:0;color:#778693;background:transparent;font-size:21px}.icon-button:hover{color:var(--ink)}.notification-dot{position:absolute;top:3px;right:2px;width:5px;height:5px;border:1px solid var(--paper);border-radius:50%;background:var(--coral)}.top-avatar{border-radius:50%;background:var(--navy);color:#f5f8f3;font-size:9px}.content-wrap{width:min(1330px,91.6%);margin:0 auto;padding:49px 0 29px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:42px}.eyebrow{margin:0 0 13px;color:#83929b;font:600 10px var(--mono);letter-spacing:.1em;text-transform:uppercase}.live-line{width:5px;height:5px;margin:0 5px 1px 8px;background:var(--mint);box-shadow:none}h1,h2,p{margin-top:0}h1{margin-bottom:17px;color:var(--navy);font:700 clamp(38px,4.3vw,65px)/.96 var(--display);letter-spacing:-.075em}h1 em{color:#dd764f;font-style:normal}.hero-copy{max-width:456px;margin-bottom:0;color:#687886;font-size:14px;line-height:1.65}.hero-controls{display:flex;align-items:center;gap:11px;padding-bottom:3px}.hero-controls label{color:#87949b;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase}.hero-controls select{height:38px;padding:0 31px 0 12px;border:1px solid #d7e0df;border-radius:7px;outline-color:#76b9d3;color:#273a4c;background:#fff;font-size:12px}.primary-button{display:flex;align-items:center;gap:8px;height:38px;padding:0 15px;border:0;border-radius:7px;background:var(--navy);color:#f4faf7;font-size:12px;box-shadow:0 5px 14px #101b2d24;transition:transform .18s ease,box-shadow .18s ease}.primary-button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #101b2d30}.primary-button span{color:var(--amber);font-size:19px;line-height:0}.error-banner{margin:-24px 0 24px;padding:11px 14px;border-left:3px solid var(--coral);background:#fff0ed;color:#9a4e48;font:11px var(--mono)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}.metric-card{position:relative;min-height:148px;overflow:hidden;padding:19px 19px 17px;border:1px solid var(--line);border-radius:9px;background:var(--paper);box-shadow:0 5px 15px #1b323d08}.metric-card:after{position:absolute;right:-27px;bottom:-32px;width:103px;height:103px;border:1px solid currentColor;border-radius:50%;opacity:.13;content:""}.metric-card.amber{color:#c87b2b}.metric-card.blue{color:#4590ae}.metric-card.coral{color:#c95950}.metric-card.green{color:#409f7d}.metric-topline{display:flex;justify-content:space-between;color:#778792;font:11px var(--mono)}.metric-detail{color:currentColor;font-size:8px;letter-spacing:.07em;opacity:.8}.metric-card strong{display:block;margin:19px 0 14px;color:var(--navy);font:600 31px var(--display);letter-spacing:-.06em}.metric-note{display:flex;align-items:center;gap:6px;color:#7e8c95;font-size:10px}.trend-up{color:currentColor;font-size:15px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.85fr);gap:16px;margin-bottom:16px}.panel{border:1px solid var(--line);border-radius:9px;background:var(--paper);box-shadow:0 5px 15px #1b323d08}.throughput-panel{min-height:414px;padding:23px 23px 17px}.health-panel{min-height:414px;padding:23px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.panel-heading .eyebrow{margin-bottom:7px}h2{margin-bottom:0;color:var(--navy);font:600 18px var(--display);letter-spacing:-.045em}.panel-legend{display:flex;align-items:center;gap:15px;color:#849198;font:9px var(--mono)}.panel-legend span{display:inline-flex;align-items:center;gap:5px}.legend-bar,.legend-failure{display:inline-block;width:7px;height:7px;border-radius:2px;background:var(--cyan)}.legend-failure{border-radius:50%;background:var(--coral)}.period-button,.quiet-button{border:1px solid #dce4e3;border-radius:5px;background:#fff;color:#60727c;font:9px var(--mono)}.period-button{padding:7px 8px}.period-button span{margin-left:4px;font-size:13px}.quiet-button{padding:7px 10px;font-size:9px}.quiet-button:hover,.period-button:hover{border-color:#aac4c7;color:var(--navy)}.chart-wrap{display:flex;height:221px;margin-top:28px}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;width:22px;padding:3px 0 22px;color:#a1adb2;font:9px var(--mono)}.chart{position:relative;flex:1;min-width:0}.chart-grid-lines{position:absolute;inset:0 0 22px;display:flex;flex-direction:column;justify-content:space-between}.chart-grid-lines i{display:block;border-top:1px dashed #dfe7e7}.bar-chart{position:absolute;inset:4px 0 23px;display:flex;align-items:flex-end;justify-content:space-between;gap:3px;padding:0 3px}.bar-column{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%}.bar-value{display:block;width:min(11px,70%);min-height:4px;border-radius:3px 3px 1px 1px;background:#83c4d5;opacity:.86;transition:height .5s ease}.bar-column:nth-child(3n) .bar-value{background:#68b6ca}.bar-column:nth-child(4n) .bar-value{background:#9bd5d0}.failure-marker{position:absolute;bottom:0;width:6px;height:6px;transform:translateY(4px);border-radius:50%;background:var(--coral);box-shadow:0 0 0 3px #e66f661f}.chart-labels{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:space-between;color:#9aa6ab;font:9px var(--mono)}.throughput-footer{display:flex;align-items:center;gap:32px;margin-top:18px;padding-top:15px;border-top:1px solid #e6eceb}.throughput-footer>div:not(.sparkline-box){display:flex;flex-direction:column;gap:3px;color:#87959b;font-size:10px}.footer-number{color:var(--navy);font:600 19px var(--display);letter-spacing:-.04em}.footer-number.accent{color:#d36d5d}.sparkline-box{width:116px;height:32px;margin-left:auto;padding:1px}.sparkline{width:100%;height:100%;overflow:visible}.sparkline polyline{stroke:#68b6ca;stroke-width:2}.health-score{color:#87a092;font:9px var(--mono)}.health-score span{color:#429e7c;font:600 19px var(--display)}.health-ring{display:grid;place-items:center;height:160px}.ring-outer{display:grid;place-items:center;width:136px;height:136px;border-radius:50%;background:conic-gradient(var(--mint) 0deg 338deg,#e4edeb 338deg 360deg)}.ring-inner{display:grid;place-items:center;align-content:center;width:112px;height:112px;border-radius:50%;background:var(--paper)}.ring-inner strong{color:var(--navy);font:600 30px var(--display);letter-spacing:-.08em}.ring-inner small{margin-left:2px;color:#719084;font:500 13px var(--mono)}.ring-inner span{margin-top:3px;color:#8b999d;font:9px var(--mono);text-transform:uppercase}.health-gauges{display:grid;gap:12px}.gauge-row{display:grid;gap:6px}.gauge-label{display:flex;justify-content:space-between;color:#7e8b93;font:10px var(--mono)}.gauge-label strong{color:var(--navy);font-weight:500}.gauge-track{height:5px;overflow:hidden;border-radius:4px;background:#e7eeee}.gauge-track span{display:block;height:100%;border-radius:inherit;background:var(--mint)}.gauge-track span.watch{background:var(--amber)}.text-button{margin-top:22px;padding:0;border:0;background:transparent;color:#547f83;font:10px var(--mono)}.text-button:hover{color:var(--navy)}.text-button span{margin-left:5px;font-size:14px}.matrix-panel,.deployments-panel{margin-bottom:16px;padding:23px}.matrix-table-wrap,.deployment-table-wrap{overflow-x:auto;margin-top:22px}.matrix-table,.deployment-table{width:100%;border-collapse:collapse;white-space:nowrap}.matrix-table th,.matrix-table td,.deployment-table th,.deployment-table td{padding:12px 10px;border-top:1px solid #e5eceb;color:#75858d;font-size:11px;text-align:left}.matrix-table thead th,.deployment-table thead th{padding-top:0;border-top:0;color:#99a5a8;font:9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.matrix-table tbody th,.deployment-table tbody th{color:#293d4e;font-weight:600}.matrix-table tbody tr:hover,.deployment-table tbody tr:hover{background:#f7faf8}.service-glyph{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:9px;border-radius:6px;background:#d9eceb;color:#4d8f8c;font:600 10px var(--mono)}.service-glyph.compact{width:21px;height:21px;margin-right:7px;font-size:9px}.muted-cell{color:#98a5aa!important;font:10px var(--mono)!important}.mono-cell,.revision{color:#5c7984!important;font:10px var(--mono)!important}.environment{padding:4px 6px;border-radius:4px;font:9px var(--mono);text-transform:uppercase}.environment.production{color:#417d6b;background:#e3f1ec}.environment.staging{color:#9b6e39;background:#fff0d9}.environment.preview{color:#5c79a0;background:#e5edf8}.status-mark{display:inline-flex;align-items:center;gap:6px;color:#6d7c82;font:10px var(--mono)}.status-mark>span{width:6px;height:6px;border-radius:50%;background:var(--mint)}.status-mark.failed{color:#b45b51}.status-mark.failed>span,.status-mark.rolled_back>span{background:var(--coral)}.status-mark.running{color:#a87838}.status-mark.running>span{background:var(--amber);box-shadow:0 0 0 3px #f0a64c21}.matrix-callout{display:flex;align-items:center;gap:9px;margin:12px 0 0;padding:11px 12px;border:1px solid #f2d7bd;border-radius:5px;background:#fff9ee;color:#8a6c4a;font-size:10px}.matrix-callout strong{color:#725538}.matrix-callout button{margin-left:auto;padding:0;border:0;background:transparent;color:#bb7740;font:10px var(--mono)}.callout-icon{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--amber);color:#fff;font:600 11px var(--mono)}.footer-note{display:flex;justify-content:space-between;gap:20px;padding:13px 2px 0;color:#9aa6aa;font:9px var(--mono)}.footer-note a{color:#5b8588}.footer-note a:hover{color:var(--navy)}.loading-bar{position:fixed;top:0;left:0;width:35%;height:2px;background:var(--amber);animation:loading 1.1s ease-in-out infinite alternate}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(300%)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid rgb(118 185 211 / 65%);outline-offset:2px}@media(max-width:1050px){.sidebar{width:218px;flex-basis:218px}.metric-grid{grid-template-columns:repeat(2,1fr)}.hero{align-items:flex-start;flex-direction:column}.hero-controls{width:100%;padding:0}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:700px){.app-shell{display:block}.sidebar{width:100%;min-height:auto;padding:16px}.brand{padding:0 3px 15px}.workspace-switcher,.sidebar nav,.sidebar-bottom{display:none}.topbar{min-height:58px;padding:0 5%}.breadcrumb-muted,.breadcrumb>span:nth-child(2){display:none}.topbar-actions{gap:8px}.data-mode{margin-right:2px}.content-wrap{width:90%;padding-top:34px}.hero{margin-bottom:30px}.hero-controls{flex-wrap:wrap}.hero-controls label{width:100%}.hero-controls select{flex:1}.primary-button{flex:1;justify-content:center}.metric-grid{gap:9px}.metric-card{min-height:135px;padding:14px}.metric-card strong{margin-top:16px;font-size:25px}.metric-detail{display:none}.throughput-panel,.health-panel,.matrix-panel,.deployments-panel{padding:16px}.panel-legend>span{display:none}.panel-legend{gap:0}.throughput-footer{gap:14px}.footer-note{flex-wrap:wrap}.footer-note span:nth-child(2){order:3;width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}