:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#10213f;background:#f4f6fa;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -20%,#fff 0,#f4f6fa 44%)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{min-height:100vh}.topbar{height:76px;padding:0 clamp(20px,2.7vw,46px);display:flex;align-items:center;gap:12px;background:#fffffff7;border-bottom:1px solid #dfe4ec;box-shadow:0 4px 16px #17253d0a;position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:10px;color:#10213f;font-size:22px;font-weight:800;text-decoration:none;white-space:nowrap;letter-spacing:-.025em}.brand>span{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;color:#fff;background:#1556d8;box-shadow:0 5px 12px #1556d838}.selectors{display:flex;gap:8px;margin-left:10px}.custom-select,.tool-launcher{position:relative}.select-trigger,.all-tools{height:42px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #d8e0ea;border-radius:9px;background:#fff;cursor:pointer;font-weight:650;color:#263b5c;transition:border-color .18s,box-shadow .18s,background .18s}.select-trigger>span{min-width:102px;text-align:left}.select-trigger>svg:last-child{margin-left:auto;transition:transform .18s}.select-trigger:hover,.select-trigger.open{border-color:#7ca4f3;box-shadow:0 0 0 3px #2465de17}.select-trigger.open>svg:last-child{transform:rotate(180deg)}.select-menu{position:absolute;z-index:40;top:50px;left:0;width:290px;padding:12px;border:1px solid #dbe2eb;border-radius:12px;background:#fff;box-shadow:0 18px 44px #192a462b;animation:menu-in .15s ease-out}@keyframes menu-in{0%{opacity:0;transform:translateY(-5px)}}.menu-search{display:flex;align-items:center;gap:9px;color:#6c7990;background:#fff;border:1px solid #dbe2eb;border-radius:8px}.menu-search{height:40px;padding:0 11px}.menu-search:focus-within{border-color:#6a97ed;box-shadow:0 0 0 3px #2465de17}.menu-search input{width:100%;border:0;outline:0;color:#172b4d;background:transparent}.choice-list{margin-top:9px;display:grid;gap:3px}.choice-list button{min-height:52px;display:flex;align-items:center;gap:10px;padding:7px 9px;border:1px solid transparent;border-radius:8px;background:transparent;text-align:left;cursor:pointer}.choice-list button:hover{background:#f5f8fd}.choice-list button.selected{background:#edf4ff;border-color:#c8dafc}.choice-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;color:#315486;background:#f0f4fa}.choice-list button>span:nth-child(2){display:grid;gap:2px}.choice-list strong{color:#243958;font-size:13px}.choice-list small{color:#7a879b;font-size:10px}.choice-status{width:7px;height:7px;border-radius:50%;margin-left:auto}.choice-status.healthy{background:#12a565}.choice-status.warning{background:#e09a27}.check{margin-left:2px;color:#1556d8}.all-tools{border-color:#1556d8;color:#fff;background:#1556d8;box-shadow:0 5px 13px #1556d833}.all-tools:hover,.all-tools.active{background:#1049bc;box-shadow:0 6px 16px #1556d847}.all-tools>svg:last-child{transition:transform .18s}.all-tools.active>svg:last-child{transform:rotate(180deg)}.tool-panel{position:absolute;top:50px;right:0;z-index:45;width:min(500px,calc(100vw - 32px));padding:14px;background:#fff;border:1px solid #d9e1eb;border-radius:13px;box-shadow:0 22px 54px #17284433;animation:menu-in .15s ease-out}.tool-scroll{max-height:min(660px,calc(100vh - 150px));overflow-y:auto;padding-right:3px}.tool-group{padding-top:13px}.tool-group h3{margin:0 0 7px 2px;color:#718097;font-size:11px;font-weight:700;letter-spacing:.035em}.tool-group>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.tool-group a{min-height:42px;padding:8px 10px;display:flex;align-items:center;gap:8px;color:#243958;text-decoration:none;border:1px solid #e0e5ed;border-radius:8px;background:#fff;font-size:12px;font-weight:650;transition:.16s}.tool-group a:hover{color:#1556d8;border-color:#a9c3f5;background:#f6f9ff;transform:translateY(-1px)}.tool-group a span{flex:1}.tool-group a svg:last-child{color:#8090a6}.tool-empty{height:150px;display:grid;place-items:center;color:#77859a;font-size:13px}.refresh{display:flex;align-items:center;gap:7px;padding:7px;margin-left:auto;border:0;background:transparent;cursor:pointer;color:#718097;white-space:nowrap;font-size:11px}.refresh:hover svg{color:#1556d8;transform:rotate(30deg)}.refresh svg{transition:.2s}.avatar{position:relative;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:#dfe9f5;color:#163863;font-size:11px;font-weight:800;cursor:pointer}.avatar i{position:absolute;right:0;bottom:0;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#10a462}main{max-width:1500px;margin:auto;padding:36px clamp(20px,3vw,48px) 60px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:23px}.page-heading h1{display:flex;align-items:center;gap:9px;margin:3px 0;font-size:30px;letter-spacing:-.035em}.page-heading h1 svg{color:#183c70}.page-heading p{margin:0;color:#68768c}.page-heading .eyebrow{color:#2b69d2;font-size:11px;font-weight:750;letter-spacing:.065em;text-transform:uppercase}.live{font-size:12px;color:#65738a;display:flex;align-items:center;gap:8px}.live i{width:8px;height:8px;border-radius:50%;background:#16a465;box-shadow:0 0 0 4px #e0f5eb}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:21px}.metric,.panel{background:#fffffff7;border:1px solid #dfe5ed;border-radius:12px;box-shadow:0 3px 10px #10213f0e}.metric{min-height:100px;padding:17px 19px;display:flex;align-items:center;gap:15px;cursor:pointer;text-align:left;transition:transform .16s,box-shadow .16s,border-color .16s}.metric:hover{transform:translateY(-2px);border-color:#cbd7e7;box-shadow:0 8px 20px #10213f14}.metric-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:11px}.metric-icon svg{width:24px;height:24px}.metric-icon.info{color:#1761d4;background:#eaf2ff}.metric-icon.healthy{color:#0c9459;background:#e8f7ef}.metric-icon.critical{color:#d82525;background:#fff0f0}.metric-icon.unknown{color:#667085;background:#f0f2f5}.metric small{display:block;font-size:13px;margin-bottom:2px;color:#40506a}.metric strong{font-size:29px}.metric>svg{margin-left:auto;color:#79869a;width:18px}.healthy{color:#07915a}.critical{color:#d51c28}.warning{color:#d67a00}.unknown{color:#697386}.info{color:#1761d4}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px;margin-bottom:21px}.panel{overflow:hidden}.panel-header{min-height:60px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5eaf0}.panel-header h2{margin:0;font-size:19px;letter-spacing:-.015em}.panel-header span{padding:4px 7px;border-radius:5px;background:#f2f5f9;color:#718097;font-size:10px}.service-head,.service-row{display:grid;grid-template-columns:30px 1.25fr .85fr 1.25fr 1.2fr 16px;gap:10px;align-items:center}.service-head{padding:10px 18px 8px;color:#778399;font-size:10px}.service-head span:first-child{grid-column:2}.service-row,.environment-row{width:100%;min-height:65px;padding:10px 18px;border:0;border-top:1px solid #edf0f4;background:#fff;text-align:left;cursor:pointer;transition:background .15s}.service-row:hover,.environment-row:hover,.pr-row:hover{background:#f7faff}.status-icon{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;color:#fff}.status-icon svg{width:15px}.status-icon.critical{background:#ed4b4b}.status-icon.warning{background:#ef9d23}.status-icon.unknown{background:#8490a1}.environment-tag{width:fit-content;padding:5px 8px;border-radius:6px;background:#eaf3ff;color:#075dce;font-size:11px;font-weight:650}.environment-tag.staging{color:#6842bf;background:#f0eafe}.issue{font-size:12px}.service-row>span:nth-last-child(2){color:#40506a;font-size:11px}.service-row>svg,.environment-row>svg{width:17px;color:#738097}.empty{min-height:198px;display:grid;place-items:center;color:#758197}.environment-row{display:grid;grid-template-columns:1fr 65px 2fr 2fr 16px;gap:14px;align-items:center}.environment-row em{color:#07915a;font-size:22px;font-style:normal;font-weight:750}.health-bar{height:8px;border-radius:8px;background:#d4d9e1;display:flex;overflow:hidden}.health-bar i{display:block;background:#16a465}.health-bar .incident{background:#f2a229}.environment-row small{display:flex;gap:9px;color:#5f6d84;font-size:10px}.environment-row small span:nth-child(1){color:#168c5a}.environment-row small span:nth-child(2){color:#d67a00}.environment-row small span:nth-child(3){color:#7c8799}.panel-footer{min-height:47px;padding:9px 18px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e7ebf1;color:#78859a;font-size:10px}.panel-footer button{display:flex;align-items:center;gap:3px;border:0;background:transparent;color:#1761d4;font-weight:650;cursor:pointer}.panel-footer button svg{width:16px}.pr-row{min-height:60px;padding:8px 20px;display:grid;grid-template-columns:42px 130px 50px 1.3fr .7fr .9fr 120px;gap:14px;align-items:center;border-top:1px solid #edf0f4;color:#40506a;text-decoration:none;transition:background .15s}.pr-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:9px;color:#1761d4;background:#eaf3ff}.pr-icon svg{width:19px}.pr-icon.warning{color:#d67a00;background:#fff4e4}.pr-icon.critical{color:#d51c28;background:#fff0f0}.pr-row em{font-style:normal;font-size:22px;font-weight:750}.pr-row small{color:#7a879a}.pr-row b{display:flex;align-items:center;justify-content:flex-end;gap:5px;color:#1761d4;text-align:right;font-size:12px}.pr-row b svg{width:13px}@media(max-width:1050px){.refresh span{display:none}.dashboard-grid{grid-template-columns:1fr}.environment-row small{display:none}.environment-row{grid-template-columns:1fr 65px 2fr 16px}.pr-row{grid-template-columns:42px 120px 40px 1fr .7fr 105px}.pr-row small{display:none}}@media(max-width:820px){.topbar{height:auto;min-height:68px;padding:11px 16px;flex-wrap:wrap}.brand{font-size:19px}.brand>span{width:31px;height:31px}.selectors{order:4;width:calc(100% - 128px);margin-left:0}.custom-select{flex:1}.select-trigger{width:100%}.tool-launcher{order:4;margin-left:auto}.all-tools{padding:0 11px}.all-tools svg:last-child{display:none}.avatar{display:none}.select-menu{width:min(290px,calc(100vw - 32px))}.tool-panel{position:fixed;top:118px;right:16px}main{padding:27px 16px 40px}.page-heading{align-items:flex-start}.live{display:none}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{min-height:84px;padding:12px}.metric-icon{width:42px;height:42px}.metric strong{font-size:24px}.service-head{display:none}.service-row{grid-template-columns:28px 1fr auto 16px}.service-row .issue{grid-column:2 / 4}.service-row>span:nth-last-child(2){display:none}.environment-row{grid-template-columns:1fr 55px 1.4fr 14px;padding:10px 14px}.pr-row{grid-template-columns:38px 1fr 30px 24px}.pr-row>span:nth-of-type(2),.pr-row>span:nth-of-type(3),.pr-row small{display:none}.pr-row b{font-size:0}.pr-row b svg{width:16px}.panel-header,.panel-footer{padding-left:15px;padding-right:15px}}@media(max-width:560px){.refresh{display:none}.selectors{width:calc(100% - 116px)}.tool-group>div{grid-template-columns:1fr 1fr}.page-heading h1{font-size:26px}.page-heading .eyebrow{max-width:270px}.metric>svg{display:none}}