:root{font-family:Segoe UI,Arial,sans-serif;color:#1c2937;background:#f4f6f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #1c2937;--muted: #7e8b99;--line: #e8edf2;--panel: #ffffff;--navy: #16293d;--blue: #3378d4;--green: #249570;--amber: #bb7d20;--red: #c34e55}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid #6da7ef66;outline-offset:2px}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;display:flex;width:254px;flex-direction:column;padding:24px 14px 15px;color:#c0ccda;background:var(--navy);box-shadow:7px 0 24px #1122380a}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 10px 30px}.brand-mark{display:grid;width:37px;height:37px;flex:0 0 auto;place-items:center;color:#fff;border:1px solid #ffffff25;border-radius:11px;background:linear-gradient(145deg,#4b9be4,#2a69b6);box-shadow:0 5px 14px #0a1a2b4a}.sidebar-brand strong{display:block;color:#fff;font-family:Segoe UI,sans-serif;font-size:16px;letter-spacing:-.5px}.sidebar-brand strong span{color:#84b9ed}.sidebar-brand small{display:block;margin-top:3px;color:#8294a9;font-size:8px;font-weight:700;letter-spacing:1.25px}.workspace-label,.nav-label{padding:0 10px;color:#8091a5;font-size:9px;font-weight:700;letter-spacing:1.2px}.workspace-switch{display:flex;width:100%;align-items:center;gap:10px;margin:10px 0 28px;padding:9px;text-align:left;border:1px solid #ffffff18;border-radius:9px;background:#ffffff09;cursor:default}.workspace-avatar{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;color:#d7e8fa;background:#3676b4;font-size:12px;font-weight:700}.workspace-switch>span:nth-child(2),.sidebar-user>span:nth-child(2){flex:1;color:#e0e7ef;font-size:11px;font-weight:600}.workspace-switch small,.sidebar-user small{display:block;margin-top:3px;color:#90a1b4;font-size:9px;font-weight:400}.workspace-switch>svg{color:#8495a8;transform:rotate(90deg)}.nav-label{margin-bottom:9px}.side-nav{display:grid;gap:4px}.nav-item{display:flex;min-height:40px;align-items:center;gap:11px;padding:0 11px;color:#aab9c9;text-align:left;border:0;border-radius:8px;background:transparent;cursor:pointer;transition:color .15s ease,background .15s ease}.nav-item>span{flex:1;font-size:11px;font-weight:500}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item-active{color:#fff;background:#3979ba35;box-shadow:inset 2px 0 #61a1e5}.nav-item-active>span{font-weight:600}.nav-count{display:grid;min-width:19px;height:19px;place-items:center;border-radius:6px;color:#ffd9d9;background:#bb505350;font-size:9px;font-style:normal}.nav-lock{color:#71869c}.sidebar-spacer{flex:1;min-height:35px}.sidebar-status{margin:0 5px 15px;padding:12px 12px 13px;border:1px solid #ffffff16;border-radius:9px;background:#ffffff08}.sidebar-status-heading{display:flex;align-items:center;gap:7px;margin-bottom:9px;color:#91a3b7;font-size:8px;font-weight:700;letter-spacing:.8px}.live-dot,.live-indicator>span{width:7px;height:7px;border-radius:50%;background:#48c799;box-shadow:0 0 0 3px #48c79920}.sidebar-status strong{display:block;color:#e4ebf2;font-size:11px;font-weight:600}.sidebar-status small{display:block;margin-top:3px;color:#8496a9;font-size:9px}.sidebar-user{display:flex;align-items:center;gap:9px;padding:10px 7px;text-align:left;border:0;border-top:1px solid #ffffff15;background:transparent;cursor:pointer}.user-avatar,.topbar-avatar{display:grid;width:29px;height:29px;flex:0 0 auto;place-items:center;border-radius:50%;color:#f0e7dc;background:#927968;font-size:11px;font-weight:700}.sidebar-user>svg{color:#8799ab}.sidebar-version{padding:9px 7px 0;color:#718398;font-size:8px;font-weight:700;letter-spacing:.7px}.sidebar-version span{float:right;font-weight:500;letter-spacing:0}.mobile-close,.mobile-menu{display:none!important}.main-shell{min-height:100vh;margin-left:254px}.topbar{position:sticky;z-index:10;top:0;display:flex;height:62px;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid #e9edf2;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-left,.topbar-actions,.breadcrumb{display:flex;align-items:center}.breadcrumb{gap:9px;color:#95a0ad;font-size:11px}.breadcrumb strong{color:#354456;font-weight:600}.topbar-actions{gap:15px}.environment-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #e4eaf0;border-radius:6px;color:#647385;background:#fafbfd;font-size:8px;font-weight:700;letter-spacing:.5px}.environment-badge i{width:6px;height:6px;border-radius:50%;background:#389c7b}.topbar-divider{width:1px;height:23px;background:#e8edf2}.icon-button{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;color:#738194;border:0;border-radius:8px;background:transparent;cursor:pointer}.icon-button:hover:not(:disabled){color:#2e70b8;background:#f0f5fb}.icon-button:disabled{cursor:not-allowed;opacity:.55}.topbar-avatar{width:28px;height:28px;border:0;cursor:default}.content-area{width:min(100%,1500px);margin:0 auto;padding:28px 34px 18px}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px}.page-title-row h1{margin:0;color:#202d3a;font-family:Manrope,sans-serif;font-size:23px;font-weight:750;letter-spacing:-.7px}.page-title-row p{margin:6px 0 0;color:#8592a0;font-size:11px}.button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid transparent;border-radius:7px;font-size:10px;font-weight:600;cursor:pointer;transition:.15s ease}.button:disabled{cursor:not-allowed;opacity:.58}.button-primary{color:#fff;border-color:#3478c9;background:#3478c9;box-shadow:0 2px 5px #2c69ae22}.button-primary:hover:not(:disabled){border-color:#2868b5;background:#2868b5}.button-secondary{color:#536274;border-color:#e1e7ee;background:#fff}.button-secondary:hover:not(:disabled){color:#2b6fb7;border-color:#bad2eb;background:#f9fbfe}.button-disabled{color:#929daa;border-color:#e8ecf0;background:#f6f7f9}.health-banner{display:flex;min-height:118px;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px;padding:22px 23px;overflow:hidden;border:1px solid #e3eaf0;border-radius:12px;background:linear-gradient(105deg,#fff,#f6fafc);box-shadow:0 2px 7px #25395205}.health-banner-healthy{background:linear-gradient(105deg,#fff,#f1faf6)}.health-banner-degraded{background:linear-gradient(105deg,#fff,#fffaf0)}.health-banner-down{background:linear-gradient(105deg,#fff,#fff5f5)}.health-banner-main{display:flex;align-items:center;gap:15px}.health-emblem{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border:1px solid #e1e8f0;border-radius:14px;color:#6d8297;background:#f4f7fa}.health-banner-healthy .health-emblem{color:#278d69;border-color:#d9eee5;background:#eaf7f1}.health-banner-degraded .health-emblem{color:#af741e;border-color:#f0e5cb;background:#fbf3e3}.health-banner-down .health-emblem{color:#bd4e56;border-color:#f1dada;background:#fceded}.section-kicker{color:#8795a4;font-size:8px;font-weight:700;letter-spacing:1px}.health-banner h2{margin:4px 0;color:#253546;font-family:Segoe UI,sans-serif;font-size:19px;font-weight:700;letter-spacing:-.35px}.health-banner p{margin:0;color:#7d8997;font-size:10px}.health-banner-meta{display:grid;grid-template-columns:1fr auto;align-items:center;justify-items:end;gap:8px 12px;color:#8591a0;font-size:9px;white-space:nowrap}.live-indicator{display:flex;grid-column:1 / -1;align-items:center;gap:7px;justify-self:end;color:#4b7b6b;font-size:9px;font-weight:600}.live-indicator>span{width:6px;height:6px}.refresh-on-banner{width:27px;height:27px;border:1px solid #e4eaf0;background:#fff}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:26px}.metric-card{min-height:105px;padding:13px 15px 12px;border:1px solid #e9edf1;border-radius:10px;background:#fff;box-shadow:0 2px 7px #25395204}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#778596;font-size:10px;font-weight:500}.metric-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;font-style:normal}.metric-green{color:#29916d;background:#eaf7f1}.metric-amber{color:#b17a24;background:#fbf3e4}.metric-red{color:#c2545b;background:#fbeded}.metric-slate{color:#7e8a99;background:#f0f3f6}.metric-card>strong{display:block;margin-top:4px;color:#293746;font-family:Segoe UI,sans-serif;font-size:23px;font-weight:700;line-height:1.05}.metric-card>small{display:block;margin-top:5px;color:#96a1ad;font-size:9px}.section-block{margin-bottom:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.section-heading h2,.panel-heading h3{margin:4px 0 0;color:#273646;font-family:Segoe UI,sans-serif;font-size:15px;font-weight:700;letter-spacing:-.25px}.text-button{display:inline-flex;align-items:center;gap:3px;padding:5px 0 5px 8px;color:#3979bb;border:0;background:transparent;font-size:10px;font-weight:600;cursor:pointer}.text-button:hover{color:#225b94}.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.service-card{min-width:0;padding:13px 13px 11px;border:1px solid #e8edf1;border-top:2px solid #dce5ec;border-radius:9px;background:#fff;box-shadow:0 2px 6px #25395204}.status-border-healthy{border-top-color:#6fc2a2}.status-border-degraded{border-top-color:#e0b963}.status-border-down{border-top-color:#de8a8e}.status-border-unconfigured{border-top-color:#cdd5de}.service-card-top{display:flex;align-items:center;justify-content:space-between;gap:7px}.service-icon{display:grid;width:30px;height:30px;place-items:center;border-radius:8px}.status-icon-healthy{color:#298b68;background:#eaf7f1}.status-icon-degraded{color:#ad741f;background:#fbf2df}.status-icon-down{color:#bd4e56;background:#fceded}.status-icon-unconfigured{color:#7f8d9c;background:#eff2f5}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:5px;font-size:8px;font-weight:600;white-space:nowrap}.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.status-healthy{color:#318467;background:#eaf7f1}.status-degraded{color:#a67527;background:#fbf4e7}.status-down{color:#b74f56;background:#fbeeee}.status-unconfigured{color:#758393;background:#eff2f5}.service-card-name{margin-top:11px;color:#324153;font-size:11px;font-weight:700}.service-message{min-height:27px;margin:5px 0 9px;color:#8995a2;font-size:9px;line-height:1.45}.service-card-footer{display:flex;min-height:22px;align-items:center;justify-content:space-between;gap:5px;padding-top:8px;border-top:1px solid #f0f2f5;color:#99a4b0;font-size:8px}.service-card-footer>span:first-child{display:flex;align-items:center;gap:4px}.response-time{color:#647386;font-variant-numeric:tabular-nums;font-weight:600}.service-metrics{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.service-metrics>span{display:flex;align-items:center;gap:4px;padding:4px 5px;border-radius:4px;background:#f5f7f9}.service-metrics b{color:#536577;font-size:8px;font-weight:600}.service-metrics small{color:#909ba7;font-size:7px}.bottom-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:13px;margin-bottom:20px}.panel{min-width:0;padding:15px 16px;border:1px solid #e8edf1;border-radius:10px;background:#fff;box-shadow:0 2px 7px #25395204}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-heading h3{font-size:12px}.subtle-icon{display:grid;width:29px;height:29px;place-items:center;border-radius:7px;color:#7590ab;background:#f2f6f9}.collection-row{display:flex;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #f0f2f5}.collection-check{display:grid;width:23px;height:23px;flex:0 0 auto;place-items:center;border-radius:7px;color:#328a68;background:#eaf7f1}.collection-row>div:nth-child(2){flex:1}.collection-row strong,.action-row strong,.incident-row strong{display:block;color:#3d4b5b;font-size:9px;font-weight:600}.collection-row small,.action-row small,.incident-row small{display:block;margin-top:3px;color:#909ba7;font-size:8px}.collection-time{color:#929eaa;font-size:8px}.collection-footnote{color:#98a3ae;font-size:8px;line-height:1.5}.maintenance-preview>p{margin:0 0 13px;color:#8793a0;font-size:9px;line-height:1.6}.read-only-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #eee6d6;border-radius:5px;color:#9b793c;background:#fdf9f0;font-size:7px;font-weight:700;letter-spacing:.4px}.page-footer{display:flex;justify-content:space-between;gap:10px;padding:13px 0 0;border-top:1px solid #e7ecf1;color:#9aa5b1;font-size:8px}.api-error-banner{display:flex;align-items:center;gap:9px;margin:-7px 0 17px;padding:10px 12px;border:1px solid #f0dada;border-radius:8px;color:#a9434a;background:#fff8f8;font-size:10px}.api-error-banner>span{flex:1}.api-error-banner button{padding:4px 7px;color:#a9434a;border:0;border-radius:4px;background:transparent;font-size:9px;font-weight:600;cursor:pointer}.api-error-banner button:hover{background:#fbeded}.page-section{margin-top:3px}.page-panel{padding:18px 19px}.count-chip{padding:5px 8px;border-radius:5px;color:#667486;background:#f1f4f7;font-size:9px;font-weight:600}.incident-list{border-top:1px solid #eef1f4}.incident-row{display:grid;grid-template-columns:30px minmax(120px,1fr) auto auto;align-items:center;gap:10px;padding:12px 1px;border-bottom:1px solid #f0f2f5}.incident-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:7px}.incident-row time{color:#9aa4af;font-size:8px}.empty-state{display:flex;min-height:200px;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#94a0ad;text-align:center}.empty-state strong{color:#556476;font-size:11px}.empty-state>span:last-child{max-width:330px;font-size:9px;line-height:1.5}.empty-check{display:grid;width:43px;height:43px;margin-bottom:3px;place-items:center;border-radius:13px;color:#368d6d;background:#eaf7f1}.notice-line{display:flex;align-items:center;gap:6px;margin:12px 0 0;color:#95a0ab;font-size:8px}.action-warning{display:flex;align-items:center;gap:10px;margin:2px 0 14px;padding:11px 12px;border:1px solid #efe5d2;border-radius:7px;color:#957639;background:#fdfaf4;font-size:9px;line-height:1.5}.action-list{border-top:1px solid #edf0f3}.action-row{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:12px 2px;border-bottom:1px solid #f0f2f5}.action-row-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:7px;color:#72869a;background:#f0f4f7}.settings-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:start;gap:14px}.muted-icon{color:#8594a3}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-top:1px solid #eef1f4}.setting-row strong{display:block;color:#455466;font-size:9px;font-weight:600}.setting-row small{display:block;max-width:360px;margin-top:4px;color:#929daa;font-size:8px;line-height:1.45}.setting-value{flex:0 0 auto;color:#657488;font-size:9px;font-weight:600}.setting-pending{color:#a47e3d}.settings-copy{margin:0 0 12px;color:#7f8d9b;font-size:9px;line-height:1.6}.share-link{display:flex;align-items:center;gap:7px;overflow:hidden;padding:6px 5px 6px 9px;border:1px solid #e8edf1;border-radius:6px;color:#718092;background:#fafbfd;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.share-link>button{margin-left:auto}.share-button{margin-top:9px}.compact-empty{grid-column:1 / -1;min-height:145px;border:1px dashed #dbe3ea;border-radius:9px;font-size:9px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.connect-screen{position:relative;display:grid;min-height:100vh;place-items:center;overflow:hidden;padding:30px 18px 65px;background:radial-gradient(ellipse at 18% 18%,#e2eef9 0,transparent 39%),radial-gradient(ellipse at 82% 82%,#e8f2ed 0,transparent 36%),#f5f7fa}.connect-decoration{position:absolute;width:380px;height:380px;border:1px solid #dfe8f066;border-radius:50%;pointer-events:none}.decoration-one{top:-220px;right:-100px}.decoration-two{bottom:-265px;left:-115px;width:470px;height:470px}.connect-card{position:relative;z-index:1;width:min(100%,400px);padding:32px 34px 24px;border:1px solid #e5eaf0;border-radius:15px;background:#ffffffed;box-shadow:0 20px 60px #273d5412,0 2px 8px #273d5408}.brand-mark-large{width:43px;height:43px;margin-bottom:22px;border-radius:13px}.eyebrow{color:#7a92a8;font-size:8px;font-weight:700;letter-spacing:1.2px}.connect-card h1{margin:7px 0;color:#223347;font-family:Segoe UI,sans-serif;font-size:25px;font-weight:750;letter-spacing:-.8px}.connect-intro{margin:0 0 24px;color:#7b8997;font-size:10px;line-height:1.6}.connect-form{display:grid;gap:8px}.connect-form label{margin-top:3px;color:#536273;font-size:9px;font-weight:600}.connect-form label span{color:#99a3ad;font-size:8px;font-weight:400}.input-wrap{display:flex;height:39px;align-items:center;gap:9px;padding:0 11px;border:1px solid #e2e8ee;border-radius:7px;color:#8594a2;background:#fcfdfe}.input-wrap:focus-within{border-color:#80afe1;box-shadow:0 0 0 3px #80afe11b}.input-wrap input{width:100%;min-width:0;color:#394b5e;border:0;outline:0;background:transparent;font-size:9px}.input-wrap input::placeholder{color:#b0bac4}.connect-submit{height:39px;margin-top:7px;font-size:10px}.connect-note{display:flex;align-items:flex-start;gap:7px;margin-top:17px;padding-top:14px;border-top:1px solid #edf0f3;color:#8c99a6;font-size:8px;line-height:1.5}.connect-note svg{flex:0 0 auto;color:#5b9b81}.form-error{display:flex;align-items:flex-start;gap:6px;padding:8px;border-radius:6px;color:#a7474d;background:#fff1f1;font-size:8px;line-height:1.4}.form-error svg{flex:0 0 auto}.connect-footer{position:absolute;bottom:20px;color:#9ba6b0;font-size:8px}@media(max-width:1180px){.content-area,.topbar{padding-right:25px;padding-left:25px}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:920px){.sidebar{width:224px}.main-shell{margin-left:224px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-grid,.settings-grid{grid-template-columns:1fr}}@media(max-width:680px){.sidebar{width:270px;max-width:calc(100vw - 50px);transform:translate(-105%);transition:transform .2s ease;box-shadow:14px 0 44px #101d2c30}.sidebar-open{transform:translate(0)}.main-shell{margin-left:0}.mobile-scrim{position:fixed;z-index:19;top:0;right:0;bottom:0;left:0;border:0;background:#1524386b}.mobile-close,.mobile-menu{display:grid!important}.sidebar-brand{padding-bottom:24px}.mobile-close{margin-left:auto;color:#a9bacb}.topbar{height:55px;padding:0 15px}.topbar-left{gap:5px}.breadcrumb{gap:6px;font-size:10px}.topbar-actions{gap:8px}.environment-badge{padding:5px 7px;font-size:7px}.topbar-divider{height:20px}.content-area{padding:21px 15px 15px}.page-title-row{align-items:flex-start;margin-bottom:17px}.page-title-row h1{font-size:20px}.page-title-row p{max-width:260px;font-size:9px;line-height:1.5}.desktop-refresh{display:none}.health-banner{align-items:flex-start;gap:10px;padding:16px 14px}.health-banner-main{align-items:flex-start;gap:10px}.health-emblem{width:39px;height:39px;border-radius:11px}.health-banner h2{font-size:15px}.health-banner p{max-width:230px;font-size:9px;line-height:1.5}.health-banner-meta{grid-template-columns:1fr;gap:6px;padding-top:2px;font-size:8px}.live-indicator{grid-column:auto}.refresh-on-banner{justify-self:end}.metrics-grid{gap:8px;margin-bottom:22px}.metric-card{min-height:91px;padding:10px 11px}.metric-top{font-size:9px}.metric-icon{width:25px;height:25px}.metric-card>strong{font-size:21px}.metric-card>small{font-size:8px}.section-heading h2{font-size:14px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.service-card{padding:10px 9px 9px}.service-icon{width:27px;height:27px}.status-pill{gap:4px;padding:4px 5px;font-size:7px}.service-card-name{margin-top:9px;font-size:10px}.service-message{min-height:39px;font-size:8px}.service-card-footer{font-size:7px}.bottom-grid{gap:9px}.panel{padding:13px}.panel-heading h3{font-size:11px}.page-footer{flex-direction:column;gap:5px;font-size:7px}.incident-row{grid-template-columns:29px 1fr auto;gap:7px}.incident-row time{grid-column:2 / -1}.action-row{grid-template-columns:29px 1fr}.action-row .button{grid-column:2;justify-self:start;min-height:28px;margin-top:3px}.page-panel{padding:14px 12px}.notice-line{align-items:flex-start;line-height:1.5}.connect-card{padding:27px 24px 22px}}@media(max-width:390px){.environment-badge{display:none}.health-banner{flex-direction:column}.health-banner-meta{width:100%;grid-template-columns:1fr auto}.live-indicator{grid-column:1;justify-self:start}.health-banner-meta>span{grid-column:1}.refresh-on-banner{grid-column:2;grid-row:1 / span 2}.metrics-grid{gap:7px}.service-card-footer{align-items:flex-start;flex-direction:column}}