:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#182230;background:#f6f7f9;font-synthesis:none;--ink: #182230;--ink-soft: #344054;--muted: #667085;--muted-2: #98a2b3;--line: #e4e7ec;--line-strong: #d0d5dd;--surface: #ffffff;--surface-soft: #f8fafc;--brand: #163b6d;--brand-hover: #0e315f;--brand-soft: #eef4fb;--success: #067647;--success-soft: #ecfdf3;--warning: #b54708;--warning-soft: #fffaeb;--danger: #b42318;--danger-soft: #fef3f2;--shadow-xs: 0 1px 2px rgba(16, 24, 40, .04);--shadow-sm: 0 4px 14px rgba(16, 24, 40, .05);--shadow-lg: 0 26px 70px rgba(16, 24, 40, .16)}*{box-sizing:border-box}html{min-height:100%;background:#f6f7f9}body{margin:0;min-width:320px;min-height:100vh;background:#f6f7f9;color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}a{color:inherit}label{display:flex;flex-direction:column;gap:7px;color:#475467;font-size:13px;font-weight:650}input,select,textarea{width:100%;border:1px solid var(--line-strong);background:#fff;border-radius:10px;padding:10px 12px;color:var(--ink);outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:#7f9fca;box-shadow:0 0 0 3px #163b6d17}textarea{resize:vertical}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar-wrap{position:sticky;top:0;z-index:30;background:#fffffff0;border-bottom:1px solid rgba(228,231,236,.95);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar{min-height:68px;display:flex;align-items:center;gap:22px;width:min(1240px,calc(100% - 48px));margin:0 auto}.brand{border:0;background:transparent;display:inline-flex;gap:11px;align-items:center;color:var(--ink);padding:0;text-align:left}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:#163b6d;color:#fff;font-size:14px;font-weight:850;letter-spacing:-.04em;box-shadow:0 5px 12px #163b6d29}.brand-mark.large{width:54px;height:54px;flex-basis:54px;border-radius:15px;font-size:19px}.brand-copy{display:flex;flex-direction:column;gap:1px}.brand-copy b{font-size:14px;line-height:1.2;letter-spacing:-.01em}.brand-copy small{color:var(--muted);font-size:11px;font-weight:600}.main-nav{display:flex;align-items:center;gap:3px;flex:1}.nav-item{border:0;background:transparent;color:#667085;padding:9px 11px;border-radius:9px;display:inline-flex;gap:7px;align-items:center;font-size:13px;font-weight:680;transition:background .15s ease,color .15s ease}.nav-item:hover{background:#f2f4f7;color:#344054}.nav-item.active{background:#eef4fb;color:var(--brand)}.topbar-spacer{flex:1}.profile-menu{position:relative;margin-left:auto}.profile-menu>summary{list-style:none}.profile-menu>summary::-webkit-details-marker{display:none}.profile-trigger{display:flex;align-items:center;gap:9px;padding:6px 8px 6px 6px;border-radius:11px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.profile-trigger:hover{background:#f2f4f7}.profile-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#475467;background:#f2f4f7;border:1px solid #e4e7ec}.profile-copy{display:flex;flex-direction:column;min-width:0}.profile-copy b{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.profile-copy small{font-size:10px;color:var(--muted);margin-top:1px}.profile-chevron{color:#98a2b3;transition:transform .15s ease}.profile-menu[open] .profile-chevron{transform:rotate(180deg)}.profile-popover{position:absolute;top:calc(100% + 8px);right:0;width:230px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 44px #10182824}.profile-popover-head{padding:9px 10px 10px;border-bottom:1px solid #f0f2f5;margin-bottom:5px;display:grid;gap:5px}.profile-popover-head b{font-size:13px}.profile-popover-head span{width:fit-content;display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--brand);background:var(--brand-soft);border-radius:999px;padding:4px 7px;font-weight:750}.profile-popover button{width:100%;border:0;background:transparent;display:flex;gap:8px;align-items:center;padding:9px 10px;border-radius:8px;color:#475467;font-size:12px;font-weight:650;text-align:left}.profile-popover button:hover{background:#f7f8fa;color:var(--ink)}.profile-popover button.danger:hover{background:var(--danger-soft);color:var(--danger)}.page-shell{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:46px 0 72px;flex:1}.eyebrow{color:#667085;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800}h1,h2,h3{color:var(--ink);letter-spacing:-.025em}h1{margin:8px 0 12px;font-size:clamp(34px,4vw,48px);line-height:1.05;font-weight:760}h2{margin:5px 0 6px;font-size:26px;line-height:1.15;font-weight:730}h3{margin:0;font-size:17px;line-height:1.25;font-weight:700}p{color:var(--muted);line-height:1.6}.primary,.secondary,.danger-button{border-radius:10px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:750;transition:background .15s ease,border-color .15s ease,transform .15s ease}.primary{border:1px solid var(--brand);background:var(--brand);color:#fff;box-shadow:var(--shadow-xs)}.primary:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.secondary{border:1px solid var(--line-strong);background:#fff;color:#344054}.secondary:hover:not(:disabled){background:#f9fafb;border-color:#bfc6d1}.danger-button{border:1px solid #fecdca;background:#fff;color:var(--danger)}.danger-button:hover:not(:disabled){background:var(--danger-soft)}.wide{width:100%}.optional{color:var(--muted-2);font-weight:500;font-size:11px}.public-header{position:relative}.public-topbar{justify-content:space-between}.public-brand{cursor:default}.public-topbar-copy{margin-left:auto;color:#667085;font-size:12px;font-weight:620}.public-login-button{min-width:100px}.public-page-shell{padding-top:64px}.public-banner{margin:-26px 0 30px;justify-content:space-between}.public-banner button{border:0;background:transparent;color:inherit;font-size:20px;line-height:1}.public-hero{max-width:820px;padding:24px 0 40px}.public-hero-copy h1{font-size:clamp(42px,5.5vw,64px);line-height:1.01;margin-top:12px}.public-hero-copy>p{max-width:720px;margin:0;font-size:17px;line-height:1.65}.trust-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.trust-row span{display:inline-flex;align-items:center;gap:6px;color:#475467;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:670}.compact-trust-row{margin-top:24px}.public-services-section{margin-top:8px}.section-block{margin-top:34px}.section-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.section-title-row p{margin:0;max-width:670px;font-size:13px}.compact-title-row{margin-bottom:16px}.compact-title-row h2{margin-top:0}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.service-card{min-height:270px;border:1px solid var(--line);background:#fff;border-radius:16px;padding:19px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;color:inherit;box-shadow:var(--shadow-xs);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.service-card:hover{transform:translateY(-2px);border-color:#c8d1dc;box-shadow:var(--shadow-sm)}.service-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.service-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--brand);background:var(--brand-soft);border:1px solid #dce8f6}.service-state{display:inline-flex;align-items:center;gap:6px;max-width:150px;color:var(--success);font-size:10px;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-state .state-dot{width:6px;height:6px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 3px #ecfdf3}.service-state.down{color:var(--danger)}.service-state.down .state-dot{background:#f04438;box-shadow:0 0 0 3px #fef3f2}.service-state.warning{color:var(--warning)}.service-state.warning .state-dot{background:#f79009;box-shadow:0 0 0 3px #fffaeb}.service-card-body{margin:24px 0 22px}.service-short{color:var(--muted-2);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.service-card h3{font-size:19px;margin-bottom:8px}.service-card p{margin:0;font-size:12.5px;line-height:1.6}.service-card-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f2f5;padding-top:13px;color:var(--brand);font-size:12px;font-weight:750}.public-service-card{min-height:285px}.empty-card{min-height:200px;border:1px dashed #d0d5dd;border-radius:16px;background:#fafbfc;padding:26px;display:flex;flex-direction:column;justify-content:center}.empty-card h3{margin-bottom:5px}.empty-card p{margin:0;font-size:13px}.dashboard-page{max-width:1240px}.dashboard-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:8px 0 10px}.dashboard-intro h1{max-width:830px;font-size:clamp(34px,4vw,46px)}.dashboard-intro p{margin:0;font-size:15px}.refresh-button{margin-bottom:4px}.services-block{margin-top:34px}.admin-health-strip{margin-top:24px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow-xs)}.admin-health-main{display:flex;align-items:center;gap:10px;min-width:260px}.health-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--success);background:var(--success-soft)}.health-icon.down{color:var(--danger);background:var(--danger-soft)}.admin-health-main div{display:grid;gap:2px}.admin-health-main b{font-size:12px}.admin-health-main small{color:var(--muted);font-size:10px}.admin-health-metrics{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.admin-health-metrics span{display:inline-flex;align-items:center;gap:5px;color:var(--muted);background:#f8fafc;border:1px solid #edf0f3;border-radius:999px;padding:6px 9px;font-size:10px}.admin-health-metrics b{color:#344054;font-weight:760}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.page-heading h1{margin:7px 0 8px;font-size:36px}.page-heading p{margin:0;max-width:780px;font-size:13px}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,260px));gap:12px;margin-bottom:16px}.summary-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:15px 16px;display:grid;gap:4px;box-shadow:var(--shadow-xs)}.summary-card span{color:var(--muted);font-size:11px;font-weight:650}.summary-card b{font-size:27px;letter-spacing:-.03em}.summary-card small{color:var(--muted-2);font-size:10px}.panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px;box-shadow:var(--shadow-xs)}.panel-title{display:flex;align-items:center;gap:8px;color:#344054;font-size:13px;font-weight:750;margin-bottom:14px}.form-grid{display:grid;gap:12px}.user-create-grid{grid-template-columns:1.1fr 1fr 1.4fr auto auto;align-items:end}.service-form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wide-field{grid-column:span 2}.check-label{flex-direction:row;align-items:center;gap:8px;padding:9px 0;white-space:nowrap}.check-label input,.check-inline input,.access-toggle input{width:auto;accent-color:var(--brand)}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.create-user,.service-create{margin-bottom:16px}.alert{border-radius:10px;padding:10px 12px;margin:12px 0;display:flex;gap:8px;align-items:center;font-size:12px;font-weight:650}.alert.success{color:#067647;background:#ecfdf3;border:1px solid #abefc6}.alert.error{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.alert.info{color:#175cd3;background:#eff8ff;border:1px solid #b2ddff}.dismissible{justify-content:space-between}.dismissible button{border:0;background:transparent;color:inherit}.table-panel{overflow:auto;border:1px solid var(--line);background:#fff;border-radius:14px;box-shadow:var(--shadow-xs)}.data-table{width:100%;border-collapse:collapse;font-size:12px;min-width:1060px}.data-table th{background:#f9fafb;color:#667085;text-align:left;padding:11px 12px;border-bottom:1px solid #e4e7ec;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.data-table td{padding:10px 12px;border-bottom:1px solid #f0f2f5;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfcfd}.muted-row{opacity:.55}.table-input{min-width:140px;padding:7px 8px;border-radius:8px;font-size:11px}.check-inline{flex-direction:row;align-items:center;font-size:11px;gap:6px}.row-actions{display:flex;flex-wrap:wrap;gap:5px;min-width:285px}.table-action{border:1px solid transparent;background:#f7f8fa;color:#475467;border-radius:8px;padding:6px 8px;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700}.table-action:hover{background:#eef2f6;color:#253858}.service-admin-list{display:grid;gap:12px}.service-admin-card{margin:0}.service-admin-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:15px}.service-admin-head h3{margin:7px 0 0}.service-admin-head code{padding:6px 8px;border-radius:7px;background:#f2f4f7;color:#475467;font-size:10px}.status-chip{display:inline-flex;align-items:center;color:var(--success);background:var(--success-soft);border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.status-chip.down{color:var(--danger);background:var(--danger-soft)}.filter-panel{box-shadow:none;margin-bottom:14px}.filter-row{display:grid;grid-template-columns:minmax(220px,320px) minmax(220px,320px);gap:12px}.timeline-panel{border:1px solid var(--line);border-radius:14px;background:#fff;padding:4px 18px;box-shadow:var(--shadow-xs)}.timeline-row{display:grid;grid-template-columns:16px 1fr 160px;gap:12px;padding:13px 0;border-bottom:1px solid #f0f2f5;align-items:start}.timeline-row:last-child{border-bottom:0}.timeline-dot{width:8px;height:8px;border-radius:50%;background:#98a2b3;margin-top:6px;box-shadow:0 0 0 4px #f2f4f7}.timeline-dot.event-login{background:#12b76a;box-shadow:0 0 0 4px #ecfdf3}.timeline-dot.event-service_click,.timeline-dot.event-service_open{background:#2e90fa;box-shadow:0 0 0 4px #eff8ff}.timeline-title{display:flex;gap:8px;align-items:center}.timeline-title span{border-radius:999px;background:#f2f4f7;padding:3px 7px;font-size:9px;color:#667085;font-weight:750}.timeline-label{margin-top:4px;color:#344054;font-size:12px}.timeline-path{color:#98a2b3;font-size:10px;margin-top:3px;word-break:break-all}.timeline-time{text-align:right;color:#7d899b;font-size:10px}.empty-note{padding:28px;text-align:center;color:#98a2b3;font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#10182870;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:24px}.modal-card{width:min(720px,94vw);max-height:88vh;overflow:auto;background:#fff;border-radius:16px;border:1px solid #dfe3ea;box-shadow:var(--shadow-lg);padding:20px}.compact-dialog{width:440px}.modal-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:16px}.modal-heading h3{margin:5px 0 0;font-size:21px}.icon-button{border:0;background:#f2f4f7;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#667085}.icon-button:hover{background:#e9edf2;color:#344054}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.muted{color:#7c8799;font-size:12px}.access-list{display:grid;gap:8px;margin-top:14px}.access-row{display:grid;grid-template-columns:1fr 210px;gap:14px;align-items:center;border:1px solid #e4e7ec;border-radius:11px;padding:11px}.access-toggle{flex-direction:row;align-items:center;gap:10px}.access-toggle span{display:flex;flex-direction:column}.access-toggle small{color:#98a2b3;margin-top:2px;font-size:10px}.login-modal-backdrop{z-index:120}.login-dialog{position:relative;width:420px;max-width:calc(100vw - 32px);background:#fff;border:1px solid #dce3ec;border-radius:18px;box-shadow:0 30px 90px #0f172a3d;padding:24px;display:grid;gap:15px}.login-dialog h2{margin:5px 0 6px;font-size:28px}.login-dialog p{margin:0;font-size:13px}.login-dialog-close{position:absolute;top:14px;right:14px}.login-icon{width:42px;height:42px;border-radius:12px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}.login-submit{margin-top:2px}.login-dialog-note{color:#98a2b3;font-size:10px;text-align:center;line-height:1.45}.footer{margin-top:auto;border-top:1px solid #e7eaee;background:#fff}.footer-inner{width:min(1240px,calc(100% - 48px));min-height:64px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#8a94a3;font-size:10px}.footer-author{display:inline-flex;align-items:center;gap:6px}.footer-author a{display:inline-flex;align-items:center;gap:5px;color:#667085;text-decoration:none;font-weight:700}.footer-author a:hover{color:var(--brand)}.footer-separator{color:#d0d5dd}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:14px;color:#667085;font-size:12px;font-weight:700}.hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:24px;align-items:stretch}.hero-copy p{max-width:760px}.infra-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px}.card-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.infra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.metric-box{background:#f8fafc;border:1px solid #edf0f3;border-radius:11px;padding:11px}.metric-icon{color:var(--brand)}.metric-label,.metric-hint{color:var(--muted);font-size:9px}.metric-value{font-size:20px;font-weight:750;margin:4px 0}.infra-footer{display:flex;gap:10px;color:var(--muted);font-size:10px;margin-top:12px}@media (max-width: 1100px){.topbar,.page-shell,.footer-inner{width:min(100% - 32px,1240px)}.service-grid,.service-form-grid,.user-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-create-grid .primary{align-self:end}.public-topbar-copy{display:none}.admin-health-strip{align-items:flex-start;flex-direction:column}.admin-health-metrics{justify-content:flex-start}}@media (max-width: 820px){.topbar{min-height:62px;gap:12px}.brand-copy small{display:none}.main-nav{overflow-x:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.nav-item{white-space:nowrap;padding:8px 9px}.nav-item svg{display:none}.profile-copy{display:none}.profile-trigger{padding-right:4px}.profile-chevron{display:none}.page-shell{padding-top:32px;padding-bottom:54px}.public-page-shell{padding-top:42px}.public-hero{padding-top:8px}.public-hero-copy h1{font-size:42px}.dashboard-intro,.page-heading,.section-title-row{align-items:flex-start;flex-direction:column}.refresh-button{margin:0}.service-grid{grid-template-columns:1fr}.service-card{min-height:235px}.summary-grid{grid-template-columns:1fr 1fr}.filter-row{grid-template-columns:1fr}.timeline-row{grid-template-columns:14px 1fr}.timeline-time{grid-column:2;text-align:left}.footer-inner{padding:18px 0;align-items:flex-start;flex-direction:column;gap:7px}.service-form-grid,.user-create-grid{grid-template-columns:1fr}.wide-field{grid-column:auto}.access-row{grid-template-columns:1fr}}@media (max-width: 560px){.topbar,.page-shell,.footer-inner{width:calc(100% - 24px)}.brand-mark{width:34px;height:34px;flex-basis:34px}.public-login-button{min-width:86px;padding-inline:11px}.public-hero-copy h1{font-size:36px}.public-hero-copy>p{font-size:15px}.trust-row{gap:6px}.trust-row span{padding:6px 8px;font-size:10px}.dashboard-intro h1{font-size:34px}.summary-grid{grid-template-columns:1fr}.admin-health-metrics span{flex:1 1 auto}.login-dialog{padding:20px}.modal-backdrop{padding:12px}}.public-shell{background:#f6f7f9}.footer-product{font-weight:620}.login-heading{display:grid;gap:2px}.access-dialog{width:min(760px,94vw)}.timeline-main{min-width:0}.uptime-pill{padding-inline:10px!important}.service-state{padding:5px 8px;border:1px solid #d1fadf;border-radius:999px;background:#f6fef9}.service-state.warning{border-color:#fedf89;background:#fffcf5}.service-state.down{border-color:#fecdca;background:#fff7f6}.service-card{overflow:hidden}.service-card:before{content:"";display:block;position:absolute;inset:0 0 auto 0;height:2px;background:transparent;transition:background .18s ease}.service-card{position:relative}.service-card:hover:before{background:var(--brand)}.service-card-foot svg{transition:transform .18s ease}.service-card:hover .service-card-foot svg{transform:translate(2px,-2px)}.workspace-banner{margin-top:0;color:#475467!important;background:#f8fafc!important;border-color:#e4e7ec!important;box-shadow:var(--shadow-xs)}.public-hero-copy>p,.dashboard-intro p{max-width:760px}.brand-mark{--mark-accent: #6f8cff;background:#0d2238;color:#fff;overflow:hidden;box-shadow:0 7px 18px #0d22382e}.brand-mark svg{width:100%;height:100%;display:block;padding:2px}.brand-mark.large svg{padding:3px}.admin-infrastructure{margin-top:46px;padding-top:34px;border-top:1px solid #e4e7ec}.infrastructure-title{align-items:flex-end}.infrastructure-title h2{font-size:29px}.infrastructure-refresh{min-width:112px}.spin{animation:gateway-spin .8s linear infinite}@keyframes gateway-spin{to{transform:rotate(360deg)}}.server-hero{position:relative;overflow:hidden;border-radius:20px;padding:24px;color:#fff;background:radial-gradient(circle at 82% 8%,rgba(92,124,255,.22),transparent 33%),linear-gradient(135deg,#0c2035,#112c48 56%,#0d2238);border:1px solid rgba(255,255,255,.06);box-shadow:0 18px 44px #0d223824}.server-hero:after{content:"";position:absolute;width:280px;height:280px;right:-150px;bottom:-200px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 42px #ffffff05,0 0 0 88px #ffffff03;pointer-events:none}.server-hero.degraded{background:linear-gradient(135deg,#2a1f26,#2d2431 55%,#18283b)}.server-hero-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;position:relative;z-index:1}.server-overline{display:inline-flex;gap:7px;align-items:center;color:#9fb2c8;font-size:10px;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.server-hero-heading h3{color:#fff;font-size:25px;margin:8px 0 6px;letter-spacing:-.03em}.server-hero-heading p{margin:0;color:#9fb0c2;font-size:12px}.server-status{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0e;color:#dce7f4;font-size:10px;font-weight:760}.server-status>span{width:7px;height:7px;border-radius:50%;background:#f79009;box-shadow:0 0 0 4px #f7900921}.server-status.ok>span{background:#32d583;box-shadow:0 0 0 4px #32d5831f}.server-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px;position:relative;z-index:1}.server-kpi{min-height:122px;border:1px solid rgba(255,255,255,.08);background:#ffffff0e;border-radius:15px;padding:14px 15px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.server-kpi-top{display:flex;align-items:center;gap:7px;color:#9fb2c8}.server-kpi-top span{color:#86a0ff;display:grid;place-items:center}.server-kpi-top small{font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.server-kpi>b{display:block;color:#fff;font-size:27px;line-height:1;letter-spacing:-.035em;margin-top:16px}.server-kpi>p{color:#9fb0c2;margin:7px 0 0;font-size:10px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.telemetry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.telemetry-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;box-shadow:var(--shadow-xs)}.telemetry-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.telemetry-head h3{font-size:14px;margin:0 0 4px}.telemetry-head p{margin:0;font-size:10px;line-height:1.4;color:#98a2b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.telemetry-head>b{color:#344054;font-size:11px;white-space:nowrap;font-weight:780}.chart-wrap{height:145px;margin:13px -2px 6px}.telemetry-chart{width:100%;height:100%;overflow:visible}.chart-grid-line{stroke:#edf0f4;stroke-width:1;vector-effect:non-scaling-stroke}.chart-legend{display:flex;flex-wrap:wrap;gap:14px;border-top:1px solid #f0f2f5;padding-top:11px}.chart-legend span{display:inline-flex;align-items:center;gap:6px;color:#667085;font-size:9px;font-weight:700}.chart-legend i{width:7px;height:7px;border-radius:50%;background:#98a2b3}.chart-legend i.blue{background:#315efb}.chart-legend i.violet{background:#7a5af8}.chart-legend i.teal{background:#0e9384}.chart-legend i.amber{background:#f79009}.chart-legend i.rose{background:#e84c88}.infra-details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.infra-detail-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;box-shadow:var(--shadow-xs)}.infra-detail-title{display:flex;align-items:center;gap:8px;padding-bottom:13px;border-bottom:1px solid #f0f2f5}.infra-detail-title>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#eef3ff;color:#315efb}.infra-detail-title h3{font-size:14px}.detail-list{display:grid}.detail-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:11px 0;border-bottom:1px solid #f4f5f7}.detail-row:last-child{border-bottom:0;padding-bottom:0}.detail-row>span{color:#667085;font-size:10px;font-weight:650}.detail-row>div{min-width:0;max-width:68%;display:flex;align-items:flex-end;flex-direction:column;text-align:right}.detail-row b{color:#344054;font-size:11px;font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.detail-row small{color:#98a2b3;font-size:8.5px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.service-health-panel{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow-xs)}.service-health-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid #f0f2f5}.service-health-heading h3{font-size:15px}.service-health-heading p{margin:4px 0 0;font-size:10px}.service-health-summary{display:inline-flex;align-items:center;gap:6px;color:#475467;font-size:10px;font-weight:700;padding:6px 9px;background:#f8fafc;border:1px solid #edf0f3;border-radius:999px;white-space:nowrap}.service-health-list{display:grid}.health-service-row{display:grid;grid-template-columns:34px minmax(150px,1fr) minmax(120px,1.5fr) 68px 86px;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid #f4f5f7}.health-service-row:last-child{border-bottom:0;padding-bottom:0}.health-service-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:var(--brand);background:var(--brand-soft)}.health-service-icon svg{width:16px;height:16px}.health-service-name{display:grid;min-width:0;gap:2px}.health-service-name b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.health-service-name small{color:#98a2b3;font-size:8.5px}.latency-track{height:5px;border-radius:99px;background:#f0f2f5;overflow:hidden}.latency-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#91a7ff,#315efb)}.health-latency{color:#475467;font-size:10px;text-align:right;font-variant-numeric:tabular-nums}.health-result{justify-self:end;min-width:74px;text-align:center;border-radius:999px;padding:5px 7px;background:#ecfdf3;color:#067647;font-size:8.5px;font-weight:800}.health-result.down{background:#fef3f2;color:#b42318}@media (max-width: 1100px){.server-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.telemetry-grid{grid-template-columns:1fr 1fr}.telemetry-card:last-child{grid-column:1 / -1}.infra-details-grid{grid-template-columns:1fr 1fr}.infra-detail-panel:last-child{grid-column:1 / -1}}@media (max-width: 820px){.admin-infrastructure{margin-top:36px}.server-hero-heading{flex-direction:column}.telemetry-grid,.infra-details-grid{grid-template-columns:1fr}.telemetry-card:last-child,.infra-detail-panel:last-child{grid-column:auto}.health-service-row{grid-template-columns:34px 1fr 68px 82px}.latency-track{display:none}}@media (max-width: 560px){.server-hero{padding:18px;border-radius:16px}.server-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.server-kpi{min-height:108px;padding:12px}.server-kpi>b{font-size:23px}.server-kpi>p{font-size:9px}.infrastructure-title{align-items:flex-start}.health-service-row{grid-template-columns:30px 1fr auto}.health-latency{display:none}.health-result{min-width:70px}}