*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{color-scheme:dark;--bg: #090b0f;--surface: #101319;--surface-2: #151922;--line: rgba(255, 255, 255, .075);--line-strong: rgba(255, 255, 255, .13);--text: #f4f6f8;--muted: #8b929f;--subtle: #5c6370;--green: #55d8aa;--red: #ff665f;--amber: #f7ad55;--yellow: #e8d568}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #69a9ff;outline-offset:2px}.app-shell{min-height:100dvh;background:radial-gradient(circle at 42% -20%,rgba(67,83,116,.15),transparent 40%),linear-gradient(180deg,#0b0e13,#080a0d);position:relative;overflow:hidden}.ambient{position:fixed;width:420px;height:420px;border-radius:50%;filter:blur(120px);opacity:.08;pointer-events:none}.ambient-one{background:#f65454;right:-240px;top:100px}.ambient-two{background:#3fb58f;left:-280px;bottom:-250px}.topbar{height:78px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand,.top-actions,.brand-meta,.sync-status{display:flex;align-items:center}.brand{gap:12px}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#28303a,#151a21);border:1px solid var(--line-strong);box-shadow:inset 0 1px #ffffff14,0 8px 25px #0003}.brand-name{font-size:16px;font-weight:680;letter-spacing:-.02em}.brand-name span{color:#aab0ba;font-weight:500}.brand-meta{margin-top:3px;font-size:10px;color:var(--muted);gap:6px;text-transform:uppercase;letter-spacing:.12em;font-weight:650}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.live-dot.error-dot{background:var(--amber);box-shadow:0 0 9px #f7ad55b3}.top-actions{gap:9px}.sync-status{gap:7px;color:var(--muted);font-size:12px;padding:0 13px;height:38px;border-right:1px solid var(--line)}.sync-button{border-top:0;border-bottom:0;border-left:0;background:transparent;cursor:pointer}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.clock{font-size:14px;font-variant-numeric:tabular-nums;padding:0 8px;color:#c6cbd3}.button{border:1px solid rgba(255,255,255,.14);background:#f1f3f5;color:#101217;min-height:48px;padding:0 20px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:680;letter-spacing:-.01em;cursor:pointer;box-shadow:0 8px 22px #00000038,inset 0 1px #fff;transition:transform .2s ease,background .2s ease,border .2s ease}.button:active{transform:scale(.97)}.button-ghost{color:#abb1ba;background:transparent;border-color:transparent;box-shadow:none}.button-ghost:hover{background:#ffffff0e;color:#fff}.button-outline{color:#d8dce2;background:#ffffff06;border-color:var(--line-strong);box-shadow:none}.icon-button{width:42px;height:42px;min-height:42px;padding:0;border-radius:12px}.scenario-wrap{position:relative}.scenario-menu{position:absolute;top:50px;right:0;width:260px;padding:8px;border-radius:17px;background:#14171efa;border:1px solid var(--line-strong);box-shadow:0 24px 60px #00000080;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);animation:menuIn .18s ease}@keyframes menuIn{0%{opacity:0;transform:translateY(-5px) scale(.98)}}.menu-label{color:var(--subtle);text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-size:10px;padding:8px 10px}.scenario-menu button{width:100%;border:0;background:transparent;border-radius:11px;display:flex;gap:11px;align-items:center;text-align:left;padding:10px;cursor:pointer}.scenario-menu button:hover{background:#ffffff0d}.scenario-menu button>span:nth-child(2){flex:1}.scenario-menu b,.scenario-menu small{display:block}.scenario-menu b{font-size:13px}.scenario-menu small{color:var(--muted);font-size:11px;margin-top:2px}.scenario-dot{width:8px;height:8px;border-radius:50%}.dot-incident{background:var(--red)}.dot-ssl{background:var(--amber)}.dot-healthy{background:var(--green)}.main-content{height:calc(100dvh - 78px);padding:24px 34px 112px;position:relative;z-index:2;overflow-y:auto}.main-content.with-connection-banner,.main-content.with-critical-alert{height:calc(100dvh - 130px)}.main-content.with-connection-banner.with-critical-alert{height:calc(100dvh - 182px)}.connection-banner,.critical-alert{height:52px;margin:0;padding:0 34px;position:relative;z-index:14;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(247,173,85,.16);background:linear-gradient(90deg,#5036179e,#1f1a14b3);color:#f4bd76}.connection-banner>div{flex:1}.connection-banner strong,.connection-banner span{display:block}.connection-banner strong{font-size:12px}.connection-banner span{color:#b79b77;font-size:10px;margin-top:3px}.connection-banner button,.critical-alert button{border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#e9d2b3;min-height:34px;border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:7px;cursor:pointer;font-size:11px;font-weight:650}.critical-alert{background:linear-gradient(90deg,#5f1f1fb8,#281618bf);border-bottom-color:#ff665f33;color:#ffaaa5}.critical-alert strong{flex:1;font-size:12px}.critical-alert button:last-child{min-width:34px;padding:0;justify-content:center;border-color:transparent}.overview-stage{height:100%;min-height:520px;max-width:1212px;margin:0 auto;display:flex;flex-direction:column}.incident-hero{flex:1;min-height:320px;border:1px solid rgba(255,103,95,.2);border-radius:26px;background:linear-gradient(105deg,#44181b9e,#18111585 54%,#0f1218b3),radial-gradient(circle at 15% 20%,rgba(255,102,95,.12),transparent 38%);position:relative;overflow:hidden;display:flex;align-items:center;padding:48px 55px;box-shadow:inset 0 1px #ffffff09,0 25px 80px #0000002e}.incident-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(to right,black,transparent 72%);mask-image:linear-gradient(to right,black,transparent 72%)}.incident-glow{position:absolute;width:270px;height:270px;background:#ff35351f;filter:blur(75px);left:-50px;top:20px}.hero-content{position:relative;z-index:1;flex:1}.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:760}.eyebrow.danger{color:#ff8c87}.eyebrow.warning{color:var(--amber)}.eyebrow.neutral{color:var(--muted)}.pulse-ring{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ff665f21;position:relative}.pulse-ring:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,102,95,.5);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{70%,to{transform:scale(1.65);opacity:0}}.incident-title{border:0;background:none;padding:0;margin:23px 0 4px;font-size:clamp(42px,5vw,66px);line-height:1;font-weight:680;letter-spacing:-.055em;cursor:pointer;display:flex;gap:12px;align-items:flex-start}.incident-title svg{margin-top:5px;color:#a46768}.duration{color:#b2a6aa;font-size:19px;letter-spacing:-.02em;margin-top:15px}.duration strong{color:#fff;font-variant-numeric:tabular-nums}.incident-cause{margin-top:28px;display:inline-flex;align-items:center;gap:10px;color:#c9b7b8;border:1px solid rgba(255,255,255,.08);background:#ffffff09;padding:12px 15px;border-radius:13px;font-size:13px}.hero-aside{width:230px;padding-left:35px;border-left:1px solid rgba(255,255,255,.09);position:relative;z-index:1}.impact-label{color:#8e7a7c;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:700}.impact-value{font-size:18px;font-weight:650;margin-top:12px}.impact-meta{color:var(--muted);font-size:12px;margin-top:5px}.incident-footer{height:91px;flex-shrink:0;margin-top:13px;display:flex;align-items:center;border:1px solid var(--line);background:#11141ac7;border-radius:20px;padding:13px 15px 13px 22px}.stacked-icons{display:flex;margin-right:14px}.stacked-icons span{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;border:3px solid #12151b;background:#3a2729;color:#ff817a}.stacked-icons span+span{margin-left:-10px;background:#382d23;color:var(--amber)}.additional{flex:1}.additional strong,.additional span{display:block}.additional strong{font-size:14px}.additional span{color:var(--muted);font-size:11px;margin-top:4px}.quiet-status{height:32px;display:flex;align-items:flex-end;justify-content:center;gap:7px;color:#737a85;font-size:11px}.quiet-status svg{color:var(--green)}.ssl-stage,.healthy-stage{justify-content:center}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 6px 27px}.section-heading h1,.healthy-hero h1,.page-heading h1,.detail-title h1{margin:12px 0 0;font-size:39px;letter-spacing:-.045em;line-height:1}.section-heading p,.page-heading p{margin:9px 0 0;color:var(--muted);font-size:14px}.certificate-orb{width:68px;height:68px;display:grid;place-items:center;color:var(--amber);border-radius:22px;background:linear-gradient(145deg,#f7ad5529,#f7ad550a);border:1px solid rgba(247,173,85,.2);box-shadow:0 15px 50px #f7ad5514}.ssl-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.certificate-preview{min-height:218px;background:linear-gradient(145deg,#ffffff0b,#ffffff05);border:1px solid var(--line);border-radius:21px;padding:23px}.certificate-preview.most-urgent{border-color:#ff665f33;background:linear-gradient(145deg,#ff665f13,#ffffff04)}.cert-top{display:flex;align-items:center;justify-content:space-between}.cert-icon{width:39px;height:39px;display:grid;place-items:center;background:#ffffff0d;border:1px solid var(--line);border-radius:11px;color:#bbc0c8}.urgent-pill{font-size:10px;color:#ff948f;text-transform:uppercase;letter-spacing:.08em;font-weight:700;background:#ff665f17;padding:6px 8px;border-radius:7px}.certificate-preview h3{margin:25px 0 7px;font-size:19px;letter-spacing:-.025em}.expires{color:var(--muted);font-size:13px}.expires strong{color:#f5c078}.most-urgent .expires strong{color:#ff8d87}.cert-date{border-top:1px solid var(--line);padding-top:14px;margin-top:19px;color:var(--subtle);font-size:10px}.ssl-actions{display:flex;align-items:center;justify-content:space-between;margin-top:18px;color:var(--muted);font-size:11px}.healthy-hero{text-align:center}.healthy-icon{margin:0 auto 20px;width:86px;height:86px;display:grid;place-items:center;color:var(--green);border-radius:28px;background:linear-gradient(145deg,#55d8aa2e,#55d8aa0a);border:1px solid rgba(85,216,170,.23);box-shadow:0 20px 65px #55d8aa1a}.healthy-hero h1{font-size:38px;margin-top:0}.online-count{margin-top:11px;color:var(--muted);font-size:17px}.online-count strong{color:#fff}.health-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.health-metrics button{height:70px;padding:0 18px;display:flex;align-items:center;gap:11px;background:#ffffff06;color:var(--muted);border:1px solid var(--line);border-radius:17px;cursor:pointer;font-size:12px}.health-metrics strong{margin-left:auto;color:#fff;font-size:15px}.metric-icon{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;color:var(--green);background:#55d8aa14}.environment-row{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#ffffff05}.environment-row>div{padding:15px 19px;border-right:1px solid var(--line)}.environment-row>div:last-child{border:0}.environment-row span,.environment-row strong{display:block}.environment-row span{color:var(--muted);font-size:11px}.environment-row strong{margin-top:7px;font-size:15px}.environment-row i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:7px}.environment-row i.group-warning{background:var(--amber)}.bottom-nav{position:fixed;z-index:15;height:76px;bottom:16px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(4,minmax(135px,170px));padding:6px;border:1px solid var(--line-strong);background:#11141ae0;border-radius:22px;box-shadow:0 22px 60px #00000073,inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.bottom-nav button{border:0;background:transparent;border-radius:16px;color:#737a85;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font-size:12px;font-weight:650;transition:.2s ease}.bottom-nav button.active{background:#fff1;color:#fff;box-shadow:inset 0 0 0 1px #ffffff0a}.bottom-nav.nav-subdued{opacity:.76}.nav-icon{position:relative;display:flex}.nav-icon i{position:absolute;top:-8px;right:-10px;min-width:15px;height:15px;border-radius:8px;display:grid;place-items:center;background:#e65e58;color:#fff;font-size:8px;font-style:normal;border:2px solid #1b1e25}.page-shell{max-width:1212px;margin:0 auto;animation:pageIn .25s ease}@keyframes pageIn{0%{transform:translateY(5px)}}.page-heading{display:flex;justify-content:space-between;margin:6px 3px 21px}.page-heading h1{font-size:31px;margin-top:10px}.incident-list{display:grid;gap:10px}.subsection-label{margin:24px 4px 9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700}.incident-card{width:100%;min-height:91px;display:grid;grid-template-columns:51px minmax(240px,1fr) 120px 120px 100px 24px;gap:17px;align-items:center;background:#ffffff06;border:1px solid var(--line);border-radius:18px;padding:13px 19px 13px 13px;text-align:left;cursor:pointer;transition:.2s ease}.incident-card:hover,.search-result:hover,.cert-row:hover{background:#ffffff0b;border-color:var(--line-strong);transform:translateY(-1px)}.status-block{width:51px;height:51px;display:grid;place-items:center;border-radius:14px}.status-block.offline{background:#ff665f1a;color:var(--red)}.status-block.degraded{background:#f7ad551a;color:var(--amber)}.status-block.recovered{background:#55d8aa17;color:var(--green)}.recovered-card{opacity:.72}.incident-main b,.incident-main small,.card-stat b,.card-stat small{display:block}.incident-main b{font-size:15px}.incident-main small,.card-stat small{color:var(--muted);font-size:10px;margin-top:5px}.card-stat b{font-size:12px;margin-top:6px}.card-chevron{color:var(--subtle)}.red-text{color:#ff807a!important}.amber-text{color:#f5b565!important}.green-text{color:var(--green)!important}.certificate-groups{display:grid;gap:20px;padding-bottom:10px}.group-label{display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.1em;font-weight:720;color:#9da3ad;font-size:10px;margin:0 4px 8px}.group-label>span{width:7px;height:7px;border-radius:50%}.urgency-red{background:var(--red)}.urgency-orange{background:var(--amber)}.urgency-yellow{background:var(--yellow)}.urgency-green{background:var(--green)}.group-label small{background:#ffffff0f;padding:2px 6px;border-radius:5px;color:#787f8a}.cert-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cert-row{min-height:67px;display:grid;grid-template-columns:39px 1fr 120px 75px 20px;align-items:center;gap:12px;padding:9px 14px 9px 9px;border:1px solid var(--line);background:#ffffff05;border-radius:15px;text-align:left;cursor:pointer;transition:.2s ease}.tone-red{color:var(--red);background:#ff665f17}.tone-orange{color:var(--amber);background:#f7ad5517}.tone-yellow{color:var(--yellow);background:#e8d56814}.tone-green{color:var(--green);background:#55d8aa14}.cert-name b,.cert-name small,.cert-expiry b,.cert-expiry small{display:block}.cert-name b{font-size:12px}.cert-name small,.cert-expiry small{font-size:9px;color:var(--muted);margin-top:4px}.cert-expiry b{font-size:10px;margin-top:4px;color:#c7cbd2}.days-left{font-size:11px;font-weight:700}.tone-text-red{color:#ff8580}.tone-text-orange{color:#f6ba70}.tone-text-yellow{color:#ded27c}.tone-text-green{color:var(--green)}.search-box{height:72px;display:flex;align-items:center;gap:15px;padding:0 20px;background:#ffffff0a;border:1px solid var(--line-strong);border-radius:19px;box-shadow:0 15px 40px #00000029}.search-box>svg{color:#8e96a3}.search-box input{flex:1;background:transparent;border:0;outline:0;color:#fff;font-size:19px;letter-spacing:-.02em}.search-box input::-moz-placeholder{color:#5f6671}.search-box input::placeholder{color:#5f6671}.search-box button{border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}.search-box kbd{font-family:inherit;color:#626975;font-size:10px;border:1px solid var(--line-strong);border-radius:7px;padding:4px 7px;background:#00000026}.search-summary{margin:18px 5px 9px;color:var(--muted);font-size:11px}.search-results{display:grid;gap:8px}.search-result{min-height:72px;display:grid;grid-template-columns:12px minmax(240px,1fr) minmax(240px,1fr) 90px 20px;align-items:center;gap:14px;padding:10px 17px;text-align:left;border:1px solid var(--line);background:#ffffff05;border-radius:16px;cursor:pointer;transition:.2s ease}.site-status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 9px #55d8aa59}.site-status-dot.offline{background:var(--red)}.site-status-dot.degraded{background:var(--amber)}.site-status-dot.down{background:var(--red)}.site-status-dot.pending{background:var(--muted)}.result-main b,.result-main small{display:block}.result-main b{font-size:13px}.result-main small{display:flex;gap:5px;align-items:center;margin-top:6px;color:var(--muted);font-size:10px}.result-tags{display:flex;gap:6px}.result-tags i{color:#8f96a2;background:#ffffff0b;border:1px solid var(--line);padding:5px 8px;border-radius:7px;font-size:9px;font-style:normal}.response-value{color:#bfc4cb;font-size:11px;font-weight:650}.empty-state{padding:55px;text-align:center;color:var(--muted);border:1px dashed var(--line-strong);border-radius:18px}.empty-state svg{color:var(--subtle)}.empty-state h3{color:#fff;margin:13px 0 5px}.empty-state p{margin:0;font-size:12px}.detail-page{max-width:1212px;margin:0 auto;padding-bottom:18px;animation:pageIn .25s ease}.back-button{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:8px;font-size:12px;padding:4px 0 13px;cursor:pointer}.detail-header{min-height:117px;display:flex;align-items:center;gap:19px;padding:20px 23px;border:1px solid var(--line);border-radius:21px;background:#ffffff06}.detail-status-icon{width:66px;height:66px;display:grid;place-items:center;border-radius:19px}.detail-status-icon.offline{color:var(--red);background:#ff665f1a}.detail-status-icon.degraded{color:var(--amber);background:#f7ad551a}.detail-status-icon.online{color:var(--green);background:#55d8aa1a}.detail-title{flex:1}.detail-title h1{font-size:29px;margin-top:8px}.detail-title p{color:var(--muted);margin:6px 0 0;font-size:11px}.detail-current{width:160px;border-left:1px solid var(--line);padding-left:22px}.detail-current small,.detail-current b,.detail-current span{display:block}.detail-current small{color:var(--muted);font-size:10px}.detail-current b{margin-top:6px;font-size:14px}.detail-current span{margin-top:4px;color:var(--subtle);font-size:9px}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:12px}.history-card,.info-card{min-height:271px;border:1px solid var(--line);border-radius:20px;background:#ffffff06;padding:20px}.card-heading{display:flex;justify-content:space-between;align-items:flex-start}.card-heading h3{font-size:13px;margin:0}.card-heading p{color:var(--muted);font-size:9px;margin:5px 0 0}.card-heading>strong{font-size:19px}.chart-wrap{position:relative;height:180px;margin-top:14px}.chart-wrap svg{position:absolute;top:0;right:0;bottom:20px;left:0;width:100%;height:calc(100% - 20px);overflow:visible}.chart-line{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.chart-area{stroke:none}.chart-lines{position:absolute;top:0;right:0;bottom:20px;left:0;display:flex;flex-direction:column;justify-content:space-between}.chart-lines span{border-top:1px dashed rgba(255,255,255,.055)}.chart-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:var(--subtle);font-size:8px}.heartbeat-chart{height:154px;margin-top:18px;padding-top:10px;display:flex;align-items:flex-end;gap:5px;border-bottom:1px solid var(--line);background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px);background-size:100% 46px}.heartbeat-chart span{flex:1;min-height:8px;max-height:100%;border-radius:4px 4px 1px 1px;background:linear-gradient(to top,rgba(85,216,170,.3),var(--green));opacity:.85}.heartbeat-chart span.down{background:linear-gradient(to top,rgba(255,102,95,.28),var(--red))}.heartbeat-chart span.degraded{background:linear-gradient(to top,rgba(247,173,85,.28),var(--amber))}.history-card>.chart-labels{position:static;margin-top:7px}.ssl-days{margin:25px 0 20px;display:flex;align-items:baseline;gap:8px}.ssl-days strong{font-size:42px;letter-spacing:-.05em}.ssl-days span{color:var(--muted);font-size:11px}.info-row{border-top:1px solid var(--line);padding:12px 0;display:flex;justify-content:space-between;font-size:10px}.info-row span{color:var(--muted)}.info-row b{font-weight:600}.detail-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:9px}.detail-error{min-height:52px;display:flex;align-items:center;gap:11px;margin-top:12px;padding:9px 16px;border:1px solid rgba(255,102,95,.16);background:#ff665f0e;border-radius:14px;color:#ff938e}.detail-error span{flex:1}.detail-error b,.detail-error span{font-size:11px}.detail-error b{margin-right:9px;text-transform:uppercase;letter-spacing:.08em}.detail-error small{color:#a97677;font-size:9px}.empty-inline{min-height:118px;display:grid;place-items:center;color:var(--muted);text-align:center;font-size:11px}.loading-state{min-height:420px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:var(--muted);font-size:12px}@media(max-width:900px){.topbar{padding:0 18px}.sync-status{display:none}.main-content{padding-left:18px;padding-right:18px}.hero-aside{display:none}.incident-hero{padding:35px}.bottom-nav{width:calc(100% - 24px);grid-template-columns:repeat(4,1fr)}.incident-card{grid-template-columns:51px 1fr 100px 24px}.incident-card .card-stat:nth-of-type(3),.incident-card .card-stat:nth-of-type(4){display:none}.cert-list{grid-template-columns:1fr}.search-result{grid-template-columns:12px 1fr 100px 20px}.result-tags{display:none}}@media(max-width:640px){.brand-meta,.clock{display:none}.topbar{height:66px}.main-content{height:calc(100dvh - 66px);padding-bottom:104px}.bottom-nav{height:68px;bottom:10px}.bottom-nav button{flex-direction:column;gap:3px;font-size:9px}.ssl-preview-grid,.health-metrics,.environment-row{grid-template-columns:1fr}.certificate-preview{min-height:180px}.detail-header{align-items:flex-start;flex-wrap:wrap}.detail-current{border:0;padding:0}.detail-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}