:root{--ink:#15243a;--muted:#718096;--line:#e8edf4;--bg:#f5f7fb;--white:#fff;--blue:#4169e1;--blue2:#6484f2;--navy:#14213a;--green:#179b72;--orange:#ec9b36;--purple:#7557db;--red:#d94b58;--shadow:0 4px 18px #20385b0c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.layout{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);padding:25px 17px;display:flex;flex-direction:column}.brand{height:48px;display:flex;align-items:center;gap:11px;padding:0 10px}.brand-mark{width:37px;height:37px;border-radius:12px;background:linear-gradient(145deg,#20104a,#4c35e8);color:white;display:grid;place-items:center;font:800 21px Manrope;box-shadow:0 5px 12px #4938cd33}.brand b{display:block;font:800 14px Manrope}.brand small{display:block;color:#8d99b0;font-size:9px;letter-spacing:1px;margin-top:2px}.workspace{margin:27px 3px 21px;padding:12px 11px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe;font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px}.workspace small{display:block;font-size:10px;color:#8290a6;font-weight:500}.online-dot,.pulse{width:8px;height:8px;border-radius:50%;background:#22b884;box-shadow:0 0 0 4px #22b88420}.sidebar nav{display:grid;gap:6px}.nav-item{height:44px;border:0;background:transparent;text-align:left;padding:0 12px;color:#62728c;border-radius:10px;display:flex;align-items:center;gap:12px;font-weight:600;font-size:13px}.nav-item i{width:21px;font-style:normal;font-size:18px;text-align:center;color:#8593a8}.nav-item:hover{background:#f5f7ff;color:#344fc4}.nav-item.active{background:#eef2ff;color:#3d50c7}.nav-item.active i{color:#485ee2}.sidebar-foot{margin-top:auto;background:#f8f9fd;border:1px solid var(--line);padding:12px 10px;border-radius:12px;display:flex;align-items:center;gap:10px}.shield{width:30px;height:30px;border-radius:9px;background:#e9edff;color:#4d62d4;display:grid;place-items:center}.sidebar-foot b{display:block;font-size:11px}.sidebar-foot small{font-size:10px;color:#8895a9}.main{min-width:0}.topbar{height:89px;background:#fff;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:9px;letter-spacing:1.3px;color:#8291a8;font-weight:800}.topbar h1{font:800 20px Manrope;margin:4px 0 0}.top-actions{display:flex;align-items:center;gap:12px}.last-updated{font-size:11px;color:#8996aa}.icon-button{border:1px solid var(--line);background:white;color:#5b6a82;width:35px;height:35px;border-radius:10px;font-size:20px}.icon-button:hover{color:var(--blue);background:#f7f8ff}.logout{border:0;background:none;color:#718096;font-size:12px;font-weight:600}.content{max-width:1400px;margin:auto;padding:27px 36px 34px}.page{display:none}.page.active{display:block}.welcome{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-radius:16px;background:linear-gradient(105deg,#f0f4ff,#f9faff 64%,#f2efff);border:1px solid #e5eaff;margin-bottom:17px}.welcome-label{color:#667be1;font-size:9px;letter-spacing:1px;font-weight:800}.welcome h2,.page-intro h2{font:800 21px Manrope;margin:6px 0}.welcome p,.page-intro p{color:#7b899e;font-size:12px;margin:0}.live-pill{display:flex;align-items:center;gap:9px;padding:8px 12px;background:#fff;border:1px solid #e9edf6;border-radius:30px;color:#728097;font-size:10px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.stat-card,.panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.stat-card{padding:15px 16px 14px;min-height:126px}.stat-head{display:flex;justify-content:space-between;align-items:center}.stat-card>span,.stat-head>span:first-child{color:#74829a;font-size:11px;font-weight:600}.stat-card strong{display:block;font:800 24px Manrope;letter-spacing:-.5px;margin:10px 0 2px}.stat-card strong em{font-size:13px;font-style:normal;color:#8a98ad;margin-left:2px}.stat-card small{color:#9aa5b5;font-size:10px}.stat-icon{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;font-size:15px}.blue{background:#edf2ff;color:#4e6fe5}.orange{background:#fff4e7;color:#de9a43}.purple{background:#f2edff;color:#795ed8}.green{background:#e7f7f1;color:#1aab7f}.mini-bar{height:4px;border-radius:8px;background:#eef1f7;margin-top:13px;overflow:hidden}.mini-bar i{display:block;height:100%;width:20%;border-radius:8px;background:#6682ef;transition:width .4s}.orange-bar i{background:#f0ad51}.purple-bar i{background:#9478e7}.green-bar i{background:#36b890}.section-heading,.panel-head{display:flex;justify-content:space-between;align-items:center}.section-heading{margin:25px 0 11px}.section-heading h3,.panel-head h3{font:800 14px Manrope;margin:0}.section-heading p,.panel-head p{color:#8a97aa;font-size:10px;margin:5px 0 0}.range-chip,.tag{border:1px solid #e8edf4;border-radius:7px;padding:7px 10px;background:white;color:#7b879b;font-size:10px;font-weight:600}.panel{padding:17px 18px}.chart-panel{padding:14px 18px 12px}.chart-legend{height:22px;display:flex;justify-content:flex-end;gap:17px;color:#8794a8;font-size:10px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:7px;height:7px;border-radius:3px}.legend-blue{background:#5478eb}.legend-orange{background:#f2a84d}.chart-wrap{height:190px;position:relative;width:100%}.chart-wrap canvas{width:100%;height:100%}.chart-foot{display:flex;justify-content:space-between;color:#a0aabc;font-size:9px;padding:2px 5px 0}.lower-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:14px}.panel-head{margin-bottom:15px}.service-list{display:grid;gap:10px}.service-row{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border:1px solid #edf0f6;border-radius:10px}.service-name{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700}.service-name small{display:block;color:#9aa5b5;font-size:9px;font-weight:400;margin-top:3px}.service-state{display:flex;align-items:center;gap:6px;color:#15966d;font-size:10px;font-weight:700}.service-state.offline{color:#d94b58}.state-dot{width:7px;height:7px;background:#1eb486;border-radius:50%}.offline .state-dot{background:#d94b58}.server-info{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}.server-info>div span{display:block;color:#94a0b2;font-size:10px;margin-bottom:5px}.server-info b{font:700 12px Manrope}.state{color:#15966d}.tag{font-size:9px;letter-spacing:.3px;padding:6px 8px}.green-tag{border-color:#d4f0e5;background:#effaf5;color:#138661}.blue-tag{border-color:#dfe7ff;background:#f3f6ff;color:#4d68d6}.gray-tag{background:#f7f8fb;color:#8490a3}.orange-tag{border-color:#f8e3c5;background:#fff7ec;color:#c7842d}.page-intro{display:flex;justify-content:space-between;align-items:center;margin:3px 0 19px}.page-intro h2{font-size:22px}.page-intro p{font-size:12px}.compact-grid .stat-card{min-height:110px}.compact-grid .stat-card strong{font-size:21px}.small-strong{font-size:13px!important;letter-spacing:0!important;margin-top:17px!important}.tall-chart{margin-top:16px}.tall-chart .chart-wrap{height:250px}.text-button{border:0;background:transparent;color:#526bd4;font-size:10px;font-weight:700}.rank-list{display:grid;gap:7px}.rank-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;font-size:10px}.rank-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#586982}.rank-track{height:4px;border-radius:9px;background:#eff2f8;margin-top:5px}.rank-track i{display:block;height:100%;background:#6a82e8;border-radius:9px}.rank-num{color:#76849a;font-weight:700}.info-banner{margin-top:14px;padding:13px 15px;background:#f1f5ff;border:1px solid #e4eaff;border-radius:10px;color:#657592;font-size:11px}.info-banner button{border:0;background:none;color:#4e63d2;font-weight:700;padding:0}.warning-banner{background:#fff8ed;border-color:#f6e7ce}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:14px}.service-card{padding:16px;background:white;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.service-card-top{display:flex;justify-content:space-between;align-items:center}.service-card h3{font:800 13px Manrope;margin:0}.service-card p{font-size:10px;color:#929eb0;margin:4px 0 14px}.service-meta{display:flex;justify-content:space-between;color:#8290a5;font-size:10px;padding:7px 0;border-top:1px solid #f0f2f6}.service-card-actions{display:flex;justify-content:flex-end;margin-top:11px}.secondary,.primary,.danger{border-radius:9px;padding:9px 12px;font-size:11px;font-weight:700}.secondary{background:#fff;border:1px solid #e2e7f0;color:#65738a}.secondary:hover{background:#f7f8fc}.primary{background:#4965dc;border:1px solid #4965dc;color:white;box-shadow:0 4px 10px #4965dc20}.primary:hover{background:#3d58c9}.danger{border:0;background:#d94b58;color:white}.full{width:100%}.log-panel{margin-top:14px}.log-panel select,.db-tables select{border:1px solid #e4e9f1;border-radius:8px;background:#fff;padding:8px 10px;color:#617089;font-size:11px}.log-panel pre{height:235px;overflow:auto;background:#111b2f;color:#c6d2e6;border-radius:10px;padding:14px;font:10px/1.7 ui-monospace,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.info-notice{margin-top:12px}.notice{border:1px solid #dce6fa;background:#f3f6ff;color:#596d9c;border-radius:10px;padding:12px 14px;font-size:11px;margin-bottom:14px}.notice.error{border-color:#f5d9dc;background:#fff5f5;color:#b54a54}.notice.success{border-color:#d4f0e5;background:#f1fbf6;color:#177d60}.empty-state{text-align:center;padding:40px 25px}.empty-icon{margin:auto;width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#f1f4ff;color:#596ee0;font-size:24px}.empty-state h3{font:800 15px Manrope;margin:15px 0 7px}.empty-state p{max-width:440px;margin:0 auto 18px;color:#8693a6;font-size:11px;line-height:1.7}.db-layout{display:grid;grid-template-columns:280px 1fr;gap:14px}.db-tables .full{margin-bottom:12px}.table-list{max-height:420px;overflow:auto}.table-item{padding:9px 10px;border:1px solid #edf0f6;border-radius:8px;margin:6px 0;color:#556780;font:11px ui-monospace,Consolas,monospace}.query-panel textarea{width:100%;height:145px;resize:vertical;border:1px solid #e1e7f1;border-radius:10px;padding:12px;background:#f9faff;color:#384b68;font:12px/1.6 ui-monospace,Consolas,monospace;outline:none}.query-panel textarea:focus,input:focus{border-color:#7287e7;box-shadow:0 0 0 3px #6179e51b}.query-actions{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.query-actions small{color:#91a0b4;font-size:10px}.sql-result{min-height:100px;max-height:330px;overflow:auto;border:1px solid #edf0f6;border-radius:9px;padding:10px;color:#8190a4;font-size:10px}.sql-result table{border-collapse:collapse;width:100%;font-size:10px}.sql-result th,.sql-result td{text-align:left;border-bottom:1px solid #edf0f6;padding:7px 8px;white-space:nowrap;max-width:250px;overflow:hidden;text-overflow:ellipsis}.sql-result th{color:#576983;background:#f8f9fc}.settings-panel{padding:20px;margin-bottom:14px}.settings-title{display:flex;gap:13px;align-items:center;border-bottom:1px solid #eff1f6;padding-bottom:16px;margin-bottom:16px}.cf-mark{width:41px;height:41px;border-radius:12px;background:#fff4e4;color:#e59b30;display:grid;place-items:center;font-size:23px}.settings-title h3{font:800 14px Manrope;margin:0 0 4px}.settings-title p{font-size:10px;color:#8995a8;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{font-size:10px;font-weight:700;color:#61718a}.form-grid input,.login input{display:block;width:100%;height:39px;border:1px solid #e2e7f0;border-radius:8px;padding:0 11px;margin-top:7px;outline:none;color:#334660;font-size:11px}.settings-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eff1f6;padding-top:14px;margin-top:16px}.settings-bottom span{font-size:10px;color:#8997aa}.access-panel ul{padding-left:18px;color:#687891;font-size:11px;line-height:2}.login{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 10%,#e9edff,transparent 40%),#f6f8fc}.login-card{width:min(410px,calc(100vw - 30px));background:white;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 16px 60px #243c6816}.login-card h1{font:800 22px Manrope;margin:26px 0 5px}.login-card>p{font-size:12px;color:#8996aa;margin:0 0 21px}.login form label{font-size:11px;font-weight:700;color:#586983}.login form .primary{margin-top:14px}.error{min-height:17px;color:#d94b58;font-size:10px;margin-top:8px}.toast{position:fixed;bottom:25px;right:28px;max-width:380px;padding:12px 16px;border-radius:10px;background:#14213a;color:white;box-shadow:0 6px 20px #15243a35;font-size:11px;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}dialog{width:min(390px,calc(100vw - 24px));border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 20px 70px #14213a30;text-align:center}dialog::backdrop{background:#12213a75;backdrop-filter:blur(3px)}.dialog-mark{margin:auto;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#fff3e7;color:#dc8b26;font-size:20px;font-weight:800}.dialog h3{font:800 15px Manrope}.dialog p{font-size:11px;line-height:1.7;color:#79869a}.dialog-actions{display:flex;justify-content:center;gap:9px;margin-top:19px}footer{text-align:center;color:#9ba6b6;font-size:10px;padding:28px}footer span{margin:0 5px}.state-label{padding:5px 7px;border-radius:6px;background:#effaf5;color:#168563;font-size:9px;font-weight:800}.state-label.off{background:#fff1f1;color:#c5505a}
.content{max-width:none;padding:28px clamp(24px,3vw,56px) 40px}.topbar h1,.welcome h2,.page-intro h2,.section-heading h3,.panel-head h3,.service-card h3,.settings-title h3,.login-card h1,.dialog h3{font-family:Inter,'Segoe UI',system-ui,sans-serif}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:#78869c;font-size:14px;pointer-events:none}.chart-legend{height:27px;gap:22px;font-size:12px}.chart-legend i{width:9px;height:9px}.compact-grid .stat-card{min-height:122px}.compact-grid .stat-card>span{font-size:13px}.compact-grid .stat-card strong{font-size:24px}.compact-grid .stat-card small{font-size:11px}.rank-row{font-size:12px}.rank-list{gap:12px}.panel-head h3{font-size:16px}.panel-head p,.page-intro p{font-size:12px}.icon-button:disabled{opacity:.55;cursor:wait}.tall-chart .chart-wrap{height:300px}
@media(max-width:1100px){.content{padding:22px}.topbar{padding:0 22px}.stat-grid{gap:9px}.stat-card{padding:13px}.layout{grid-template-columns:220px minmax(0,1fr)}}@media(max-width:850px){.layout{grid-template-columns:68px minmax(0,1fr)}.sidebar{padding:20px 9px}.brand{padding:0;justify-content:center}.brand>span:last-child,.workspace,.nav-item:not(.active){font-size:0}.brand>span:last-child,.workspace small,.sidebar-foot span:last-child{display:none}.nav-item{justify-content:center;padding:0}.nav-item i{font-size:19px}.sidebar-foot{justify-content:center;padding:9px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lower-grid{grid-template-columns:1fr}.service-cards{grid-template-columns:1fr 1fr}.db-layout{grid-template-columns:1fr}}@media(max-width:560px){.topbar{height:72px;padding:0 14px}.topbar h1{font-size:17px}.last-updated{display:none}.content{padding:15px}.welcome{padding:16px}.welcome h2{font-size:17px}.live-pill{font-size:0}.live-pill .pulse{font-size:initial}.stat-grid{gap:8px}.stat-card{min-height:116px;padding:12px}.stat-card strong{font-size:20px}.section-heading{margin-top:19px}.chart-wrap{height:160px}.tall-chart .chart-wrap{height:220px}.page-intro{align-items:flex-start;gap:8px;flex-direction:column}.page-intro h2{font-size:19px}.service-cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.settings-bottom{align-items:flex-start;gap:10px;flex-direction:column}.panel{padding:14px}.db-tables .panel-head{align-items:flex-start;gap:8px;flex-direction:column}.query-actions{align-items:flex-start;gap:8px;flex-direction:column}.server-info{gap:12px}.top-actions{gap:8px}}
.domain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.domain-card{min-width:0;min-height:184px;display:flex;flex-direction:column;gap:14px;padding:17px 18px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);transition:border-color .18s,box-shadow .18s,transform .18s}.domain-card:hover{border-color:#d7defb;box-shadow:0 8px 24px #20385b12;transform:translateY(-2px)}.domain-head{display:flex;align-items:center;justify-content:space-between}.domain-glyph{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eef2ff;color:#4e63d2;font-size:18px}.domain-card .state-label{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;font-size:9px;letter-spacing:.2px}.domain-card .state-label i{width:6px;height:6px;border-radius:50%;background:#1eb486}.domain-card .state-label.off i{background:#d94b58}.domain-main{min-width:0}.domain-main h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 15px Inter,'Segoe UI',system-ui,sans-serif;margin:0 0 5px;color:var(--ink)}.domain-main p{margin:0;color:#8290a5;font-size:12px}.domain-meta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid #edf0f6;color:#8290a5;font-size:11px}.domain-meta b{color:#168563;font-size:12px;font-weight:700}.domain-meta b.warning-text{color:#c7842d}.domain-section-heading{margin-top:8px;margin-bottom:12px}.service-section-heading{margin-top:27px;margin-bottom:12px}.service-card{min-width:0;padding:17px 18px;border-radius:14px;transition:border-color .18s,box-shadow .18s,transform .18s}.service-card:hover{border-color:#d7defb;box-shadow:0 8px 24px #20385b12;transform:translateY(-2px)}.service-card-top h3{font:700 15px Inter,'Segoe UI',system-ui,sans-serif}.service-card p{font-size:12px}.service-meta{font-size:11px}.service-card-actions .secondary{font-size:11px}.service-card .state-label{font-size:9px}
@media(max-width:1100px){.domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.domain-grid{grid-template-columns:1fr}.domain-card{min-height:160px}.domain-section-heading{align-items:flex-start;gap:10px}.service-section-heading{margin-top:20px}}
:root{--blue:#4c35e8;--blue2:#7357f4;--purple:#7051ef;--shadow:0 6px 22px rgba(30,32,70,.055)}body{font-family:Inter,'Segoe UI',system-ui,-apple-system,sans-serif;letter-spacing:.005em}.brand{height:56px;gap:12px;padding:0 7px 13px;border-bottom:1px solid #ececf3}.brand-mark{width:42px;height:42px;flex:0 0 42px;padding:0;overflow:hidden;border:1px solid #302667;border-radius:12px;background:#17152d;box-shadow:0 5px 14px rgba(76,53,232,.18)}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}.brand b{font:700 15px Inter,'Segoe UI',system-ui,sans-serif;letter-spacing:-.2px}.brand small{font-size:9px;letter-spacing:1.15px;color:#837f9c}.workspace{margin-top:19px;margin-bottom:20px;border-color:#e9e7f5;background:linear-gradient(110deg,#f8f7ff,#fff);min-height:48px}.workspace .online-dot{flex:0 0 8px}.nav-item{font-weight:600;transition:background .15s,color .15s}.nav-item.active{background:#f0edff;color:#4c35e8}.nav-item.active i{color:#5d42e9}.nav-item:hover{background:#f6f4ff;color:#4c35e8}.topbar{height:82px;box-shadow:0 2px 10px rgba(27,29,63,.025)}.topbar h1{font-family:Inter,'Segoe UI',system-ui,sans-serif;font-size:21px;letter-spacing:-.45px}.eyebrow{letter-spacing:1.35px;color:#7b7894}.page-intro h2,.welcome h2{font-family:Inter,'Segoe UI',system-ui,sans-serif;font-size:23px;letter-spacing:-.55px}.welcome{background:linear-gradient(110deg,#f1efff 0%,#faf9ff 58%,#f5f3ff 100%);border-color:#e8e3ff}.welcome-label{color:#5c43df}.icon-button:hover,.secondary:hover{border-color:#d9d2ff;color:#4c35e8;background:#f8f6ff}.primary{background:#4c35e8;border-color:#4c35e8;box-shadow:0 4px 12px rgba(76,53,232,.18)}.primary:hover{background:#3e29d0}.tag.blue-tag{color:#5943d6;border-color:#e3defe;background:#f6f4ff}.sidebar-foot{border-color:#e9e7f5;background:#faf9ff}.shield{background:#efecff;color:#5c43df}.service-card-top h3,.domain-main h3{letter-spacing:-.2px}.state-label{letter-spacing:.25px}.logout{padding:9px 11px;border-radius:8px}.logout:hover{background:#f6f4ff;color:#4c35e8}
/* Ops Center — Swiss data-dense system, UI/UX Pro Max aligned */
:root{--ink:#172b45;--muted:#586b82;--line:#dfe6ee;--bg:#f4f7fa;--white:#fff;--blue:#2563eb;--blue2:#3b82f6;--navy:#1e293b;--green:#15803d;--orange:#b45309;--purple:#6255a5;--red:#b42318;--shadow:0 1px 3px rgba(15,23,42,.05);--radius:10px}
body{background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",system-ui,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0}
.layout{grid-template-columns:244px minmax(0,1fr)}
.sidebar{padding:22px 14px;background:#fff;border-right-color:#dce4ed}
.brand{height:58px;padding:0 8px 14px;border-bottom:1px solid #e8edf3}
.brand-mark{width:40px;height:40px;flex:0 0 40px;border:1px solid #ded9f2;border-radius:11px;background:#fff;box-shadow:none}
.brand b{font-size:15px;letter-spacing:-.25px;color:#14243a}.brand small{font-size:10px;letter-spacing:.85px;color:#687a90}
.workspace{margin:17px 0 24px;padding:10px;border-color:#e0e7ef;background:#f8fafc;border-radius:9px;font-size:12px;gap:10px}.workspace small{margin-left:auto;font-size:10px;color:#708198}
.sidebar nav{gap:4px}.nav-item{height:42px;gap:11px;padding:0 11px;border-radius:8px;color:#4f6279;font-size:13px;font-weight:550;transition:background-color .18s,color .18s}.nav-item i{width:19px;height:19px;display:grid;place-items:center;color:#75859a}.nav-item i svg,.domain-glyph svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-item.active{background:#eef4ff;color:#1d4ed8;font-weight:650}.nav-item.active i{color:#2563eb}.nav-item:hover{background:#f2f6fb;color:#1e40af}
.sidebar-foot{border-radius:9px;background:#f8fafc}.shield{background:#eef4ff;color:#2563eb}
.topbar{height:72px;padding:0 clamp(20px,3vw,42px);box-shadow:none}.eyebrow{font-size:10px;letter-spacing:.08em;color:#62758d}.topbar h1{font-size:20px;letter-spacing:-.35px}.last-updated{font-size:12px;color:#63758b}.icon-button{width:38px;height:38px;border-radius:9px;font-size:18px}.logout{min-height:38px;padding:8px 12px;border-radius:8px}
.content{width:min(100%,1560px);max-width:1560px;margin:0 auto;padding:24px clamp(20px,3vw,40px) 32px}
.welcome{margin-bottom:16px;padding:16px 19px;border:1px solid var(--line);border-radius:10px;background:#fff}.welcome-label{font-size:10px;letter-spacing:.075em;color:#596d85}.welcome h2{font-size:19px;letter-spacing:-.25px;margin:3px 0 2px}.welcome p,.page-intro p{font-size:13px;color:#5b6e84}.live-pill{border-radius:8px;padding:8px 10px;font-size:12px;color:#40556d}
.stat-grid{gap:10px}.stat-card,.panel{border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.stat-card{min-height:112px;padding:13px 15px}.stat-head{gap:8px}.stat-card>span,.stat-head>span:first-child{font-size:12px;color:#53677f}.stat-card strong{font-size:25px;letter-spacing:-.4px;margin:7px 0 1px}.stat-card small{font-size:11px;color:#5b6e84}.stat-icon{width:28px;height:28px;border-radius:8px;background:#f1f5f9!important;color:#52677f!important}.blue,.orange,.purple,.green{background:#f1f5f9;color:#52677f}.mini-bar{margin-top:10px;background:#e9eef4}.mini-bar i,.orange-bar i,.purple-bar i,.green-bar i{background:#3474c8}
.section-heading{margin:20px 0 9px}.section-heading h3,.panel-head h3{font-size:15px;letter-spacing:-.15px}.section-heading p,.panel-head p{font-size:12px;color:#63758b}.panel{padding:15px 16px}.chart-panel{padding:13px 16px 10px}.chart-wrap{height:190px}.chart-legend{font-size:11px;color:#52677f}.legend-blue{background:#3474c8}.legend-orange{background:#d68a2d}.lower-grid{gap:12px;margin-top:12px}.panel-head{margin-bottom:12px}.service-row{padding:9px 10px;border-color:#e7ecf2;border-radius:8px}.service-name{font-size:12px}.service-name small{font-size:11px;color:#61748a}.service-state{font-size:11px}.server-info>div span{font-size:11px;color:#5c6f84}.server-info b{font:650 13px Inter,"Segoe UI",sans-serif}
.page-intro{margin:0 0 18px}.page-intro h2{font-size:22px;letter-spacing:-.45px;margin:2px 0 3px}.page-intro p{margin:0}.section-heading.domain-section-heading{margin:18px 0 10px}.section-heading.service-section-heading{margin:22px 0 10px}.domain-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:10px}.domain-card{min-height:148px;gap:10px;padding:14px 15px;border-color:var(--line);border-radius:10px;box-shadow:var(--shadow);transition:border-color .18s,background-color .18s}.domain-card:hover,.service-card:hover{transform:none;border-color:#b9c9dc;box-shadow:0 3px 10px rgba(15,23,42,.07)}.domain-head{gap:10px}.domain-glyph{width:32px;height:32px;border-radius:8px;background:#f1f5f9;color:#52677f}.domain-glyph svg{width:18px;height:18px}.domain-main h3{font-size:14px;letter-spacing:-.1px}.domain-main p{font-size:12px;color:#5f7186}.domain-card .state-label{padding:5px 7px;font-size:10px;white-space:nowrap}.state-label{font-size:10px}.domain-meta{padding-top:9px;font-size:11px;color:#596c82}.domain-meta b{font-size:12px;color:#187044}.service-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:10px}.service-card{padding:14px 15px;border-radius:10px;box-shadow:var(--shadow)}.service-card-top h3{font-size:14px}.service-card p{font-size:12px;color:#596d83}.service-meta{padding:7px 0;font-size:12px;color:#53677f}.service-card-actions{padding-top:10px}.service-card-actions .secondary{min-height:36px;font-size:12px}.log-panel{margin-top:14px}.info-banner,.notice{font-size:12px;line-height:1.55;border-radius:9px}
.tag,.range-chip{font-size:11px;padding:6px 9px;border-radius:7px}.green-tag{background:#edf8f1;border-color:#cbe7d3;color:#176b3a}.blue-tag{background:#eef4ff;border-color:#d6e4fb;color:#1e4e94}.gray-tag{background:#f4f6f8;color:#52677f}
.primary{background:#2563eb;border-color:#2563eb;box-shadow:none}.primary:hover{background:#1d4ed8}.secondary{border-radius:8px;min-height:38px;color:#40566f}.secondary:hover{border-color:#afc1d5;color:#1d4e89;background:#f8fafc}.icon-button:hover{color:#1e4e94;background:#f4f7fb}.state-label{background:#edf8f1;color:#176b3a}.state-label.off{background:#fff4ed;color:#9a3412}.state-label.off i{background:#d97706}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #78a7e8;outline-offset:2px}
@media(max-width:1100px){.content{padding:20px}.topbar{padding:0 20px}.domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.layout{grid-template-columns:68px minmax(0,1fr)}.sidebar{padding:17px 8px}.brand{padding:0 0 12px;justify-content:center}.brand>span:last-child,.workspace,.sidebar-foot span:last-child{display:none}.nav-item:not(.active){font-size:0}.nav-item{justify-content:center;padding:0;gap:0}.nav-item i{width:22px;height:22px}.sidebar-foot{justify-content:center;padding:9px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.topbar{height:66px;padding:0 13px}.topbar h1{font-size:17px}.last-updated{display:none}.content{padding:14px}.welcome{padding:14px}.welcome h2{font-size:17px}.live-pill{font-size:0}.live-pill .pulse{font-size:initial}.stat-grid{gap:8px}.stat-card{min-height:106px;padding:11px}.stat-card strong{font-size:21px}.section-heading{margin-top:17px}.chart-wrap{height:160px}.tall-chart .chart-wrap{height:220px}.page-intro{align-items:flex-start;gap:8px;flex-direction:column}.page-intro h2{font-size:19px}.domain-grid,.service-cards{grid-template-columns:1fr}.domain-card{min-height:136px}.domain-section-heading{align-items:flex-start;gap:10px}.panel{padding:13px}.top-actions{gap:6px}.logout{font-size:11px;padding:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Touch targets and keyboard affordance */
button{min-height:44px}.nav-item{height:44px}.icon-button{width:44px;height:44px}.logout{min-height:44px}.secondary{min-height:44px}