.consolePage{--ink:#101828;--muted:#667085;--line:#e4e7ec;--green:#16a34a;min-height:100vh;color:var(--ink);background:#f6f8fa;grid-template-columns:240px 1fr;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;display:grid}.consolePage+.homeExpansion,.consolePage~.docsFab{display:none}.consoleSide{border-right:1px solid var(--line);background:#fff;flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.consoleBrand{color:var(--ink);align-items:center;gap:11px;padding:0 8px 28px;text-decoration:none;display:flex}.consoleBrand>i,.consoleSide footer>div>i{color:#fff;background:#16a34a;border-radius:10px;place-items:center;width:36px;height:36px;font-size:12px;font-style:normal;font-weight:900;display:grid}.consoleBrand b{font-size:18px}.consoleBrand b span{color:#16a34a}.consoleSide nav{flex-direction:column;gap:5px;display:flex}.consoleSide nav a{color:#667085;border-radius:8px;grid-template-columns:28px 1fr auto;align-items:center;height:43px;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;display:grid}.consoleSide nav a.active{color:#087a41;background:#ecfdf3}.consoleSide nav a:hover{color:#101828;background:#f2f4f7}.consoleSide nav a>b{color:#d92d20;background:#fee4e2;border-radius:10px;padding:2px 6px;font-size:11px}.consoleSide footer{border-top:1px solid var(--line);margin-top:auto;padding:18px 8px 0}.consoleSide footer>a{color:#475467;font-size:13px;text-decoration:none}.consoleSide footer>div{align-items:center;gap:10px;margin-top:20px;display:flex}.consoleSide footer>div>i{width:32px;height:32px}.consoleSide footer p,.consoleSide footer b,.consoleSide footer span{margin:0;display:block}.consoleSide footer b{font-size:13px}.consoleSide footer span{color:#98a2b3;margin-top:2px;font-size:11px}.consoleMain{min-width:0;padding:34px 38px 60px}.consoleMain>header{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.consoleMain>header p{color:#16a34a;margin:0 0 5px;font-size:13px;font-weight:700}.consoleMain h1{letter-spacing:-.04em;margin:0;font-size:32px}.consoleActions{align-items:center;gap:10px;display:flex}.consoleActions select,.consoleActions button,.providerPanel select{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:8px;height:38px;padding:0 12px;font-size:13px}.consoleActions button{font-weight:700}.live{color:#475467;margin-right:5px;font-size:12px}.live i{background:#12b76a;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #d1fadf}.notice{color:#067647;background:#ecfdf3;border:1px solid #abefc6;border-radius:9px;align-items:center;height:48px;margin-bottom:18px;padding:0 15px;font-size:13px;display:flex}.notice>i{color:#fff;background:#12b76a;border-radius:50%;place-items:center;width:24px;height:24px;margin-right:10px;font-style:normal;display:grid}.notice>span{flex:1}.notice button{color:#067647;background:0 0;border:0;font-size:12px;font-weight:700}.metricGrid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metricGrid article,.trafficCard,.healthCard,.providerPanel,.logPanel,.alertPanel{border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:0 1px 2px #1018280d}.metricGrid article{min-height:158px;padding:18px;position:relative;overflow:hidden}.metricGrid article header{color:#667085;justify-content:space-between;font-size:13px;display:flex}.metricGrid article header i{background:#f2f4f7;border-radius:7px;place-items:center;width:29px;height:29px;font-style:normal;display:grid}.metricGrid article>b{letter-spacing:-.035em;margin:17px 0 6px;font-size:28px;display:block}.metricGrid article>p{color:#667085;margin:0;font-size:12px}.metricGrid article>p.up{color:#067647}.spark{align-items:end;gap:3px;width:78px;height:34px;display:flex;position:absolute;bottom:17px;right:16px}.spark i{background:#bbf7d0;border-radius:2px 2px 0 0;flex:1;display:block}.consoleSplit{grid-template-columns:minmax(0,2fr) minmax(280px,.75fr);gap:14px;margin-top:14px;display:grid}.trafficCard,.healthCard{padding:20px}.trafficCard>header,.healthCard>header,.providerPanel>header,.logPanel>header,.alertPanel>header{justify-content:space-between;align-items:start;display:flex}.consoleMain h2{margin:0;font-size:17px}.trafficCard header p,.providerPanel header p,.logPanel header p{color:#98a2b3;margin:4px 0 0;font-size:12px}.legend{color:#667085;gap:13px;font-size:11px;display:flex}.legend i{background:#16a34a;border-radius:2px;width:8px;height:8px;margin-right:5px;display:inline-block}.legend span:last-child i{background:#a5b4fc}.chart{grid-template-columns:28px 1fr;height:195px;margin-top:22px;display:grid}.yAxis{color:#98a2b3;flex-direction:column;justify-content:space-between;padding-bottom:5px;font-size:10px;display:flex}.chartBars{background:repeating-linear-gradient(#fff 0 48px,#eaecf0 49px);border-bottom:1px solid #eaecf0;align-items:end;gap:6px;display:flex;position:relative}.chartBars>div{flex:1;align-items:end;height:100%;display:flex;position:relative}.chartBars>div>i{background:linear-gradient(#86efac,#dcfce7);border-radius:3px 3px 0 0;width:100%;display:block}.chartBars>div>b{background:#6366f1;border-radius:50%;width:4px;height:4px;position:absolute;left:50%;transform:translate(-50%)}.trafficCard>footer{color:#98a2b3;justify-content:space-between;margin-top:7px;padding-left:30px;font-size:10px;display:flex}.healthCard>header span{color:#98a2b3;font-size:11px}.healthRing{background:conic-gradient(#16a34a 0 99.96%,#e5e7eb 99.96%);border-radius:50%;place-items:center;width:128px;height:128px;margin:18px auto;display:grid}.healthRing:before{content:"";position:absolute}.healthRing>div{text-align:center;background:#fff;border-radius:50%;place-content:center;width:96px;height:96px;display:grid}.healthRing b{font-size:21px}.healthRing span{color:#98a2b3;font-size:10px}.healthCard ul{margin:0;padding:0;list-style:none}.healthCard li{border-top:1px solid #f2f4f7;justify-content:space-between;padding:8px 0;font-size:12px;display:flex}.healthCard li span{color:#667085}.healthCard li b{color:#067647}.providerPanel{margin-top:14px;padding:20px}.providerPanel>header{margin-bottom:16px}.providerTable{overflow:auto}.providerTable .row{color:#475467;border-top:1px solid #eaecf0;grid-template-columns:1.5fr .8fr .8fr .8fr 1.2fr .8fr .8fr;align-items:center;min-width:850px;min-height:53px;font-size:12px;display:grid}.providerTable .row.head{color:#667085;background:#f9fafb;border:0;min-height:36px;padding:0 10px}.providerTable .row:not(.head){padding:0 10px}.pname{align-items:center;gap:10px;display:flex}.pname i{color:#fff;border-radius:7px;place-items:center;width:30px;height:30px;font-style:normal;font-weight:800;display:grid}.pname b,.providerTable .row>span>b{color:#101828}.providerTable em{border-radius:12px;padding:4px 8px;font-size:11px;font-style:normal}.providerTable em.ok{color:#067647;background:#ecfdf3}.providerTable em.watch{color:#b54708;background:#fffaeb}.load{align-items:center;gap:8px;display:flex}.load>i{background:#eaecf0;border-radius:5px;width:64px;height:6px;overflow:hidden}.load>i>b{background:#16a34a;height:100%;display:block}.bottomGrid{grid-template-columns:1.5fr 1fr;gap:14px;margin-top:14px;display:grid}.logPanel,.alertPanel{padding:20px}.logPanel header a{color:#067647;font-size:12px;text-decoration:none}.logTable{margin-top:15px}.logTable>div{color:#667085;border-top:1px solid #eaecf0;grid-template-columns:.7fr 1.3fr 1.2fr .8fr .7fr .7fr;align-items:center;min-height:43px;font-size:11px;display:grid}.logTable b{color:#344054}.logTable em{font-style:normal}.logTable em.good{color:#067647}.logTable em.warn{color:#b54708}.alertPanel header>b{color:#b42318;background:#fef3f2;border-radius:12px;padding:5px 8px;font-size:11px}.alertPanel article{border-top:1px solid #eaecf0;gap:11px;padding:14px 0;display:flex}.alertPanel header+article{margin-top:14px}.alertPanel article>i{color:#067647;background:#ecfdf3;border-radius:50%;flex:0 0 25px;place-items:center;height:25px;font-style:normal;display:grid}.alertPanel article.warning>i{color:#b54708;background:#fffaeb}.alertPanel article b{font-size:12px}.alertPanel article p{color:#667085;margin:4px 0;font-size:11px;line-height:1.5}.alertPanel article span{color:#98a2b3;font-size:10px}@media (max-width:1050px){.consolePage{grid-template-columns:76px 1fr}.consoleSide{padding:20px 10px}.consoleBrand b,.consoleSide nav span,.consoleSide footer{display:none}.consoleBrand{padding-left:10px}.consoleSide nav a{text-align:center;grid-template-columns:1fr}.metricGrid{grid-template-columns:repeat(2,1fr)}.consoleSplit,.bottomGrid{grid-template-columns:1fr}}@media (max-width:680px){.consolePage{display:block}.consoleSide{z-index:8;flex-direction:row;align-items:center;height:62px;padding:10px 14px;position:sticky}.consoleBrand{padding:0}.consoleSide nav{flex-direction:row;margin-left:auto}.consoleSide nav a{display:none}.consoleSide nav a.active,.consoleSide nav a:nth-child(2){width:42px;display:grid}.consoleMain{padding:22px 14px 50px}.consoleMain>header{align-items:start}.consoleActions .live,.consoleActions select{display:none}.metricGrid{grid-template-columns:1fr}.notice{height:auto;padding:11px}.notice button{display:none}.providerPanel,.trafficCard,.healthCard,.logPanel,.alertPanel{padding:15px}}.simOverview,.simTask,.simMaintenance,.simEvents{border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:0 1px 2px #1018280d}.simOverview{margin-top:14px;padding:20px}.simOverview>header,.simTask>header,.simMaintenance>header,.simEvents>header{justify-content:space-between;align-items:flex-start;display:flex}.simOverview h2,.simTask h2,.simMaintenance h2,.simEvents h2{margin:0;font-size:17px}.simOverview header p,.simTask header p,.simMaintenance header p,.simEvents header p{color:#98a2b3;margin:4px 0 0;font-size:12px}.simOverview>header>span{color:#175cd3;background:#eff8ff;border-radius:14px;align-items:center;gap:7px;padding:5px 9px;font-size:11px;display:flex}.simOverview>header>span i{background:currentColor;border-radius:50%;width:7px;height:7px}.simMetrics{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:17px;display:grid}.simMetrics article{background:#fcfcfd;border:1px solid #eaecf0;border-radius:9px;padding:14px}.simMetrics span,.simMetrics b,.simMetrics em{display:block}.simMetrics span{color:#667085;font-size:11px}.simMetrics b{margin:9px 0 3px;font-size:23px}.simMetrics em{color:#98a2b3;font-size:10px;font-style:normal}.simMetrics button{color:#067647;background:0 0;border:0;padding:0;font-size:10px;font-weight:700}.simConsoleGrid{grid-template-columns:1.35fr 1fr;gap:14px;margin-top:14px;display:grid}.simTask,.simMaintenance,.simEvents{padding:20px}.simTask>header>b{color:#16a34a;font-size:25px}.simProgress{background:#eaecf0;border-radius:8px;height:9px;margin:19px 0 11px;overflow:hidden}.simProgress i{background:#16a34a;border-radius:8px;height:100%;transition:width .25s;display:block}.simCounts{border:1px solid #eaecf0;border-radius:8px;grid-template-columns:repeat(4,1fr);display:grid}.simCounts span{color:#667085;border-right:1px solid #eaecf0;padding:10px;font-size:10px}.simCounts span:last-child{border:0}.simCounts b{color:#101828;margin-top:3px;font-size:14px;display:block}.simForm{align-items:end;gap:8px;margin-top:15px;display:flex}.simForm label{color:#667085;font-size:10px}.simForm input{border:1px solid #d0d5dd;border-radius:7px;width:75px;height:34px;margin-top:4px;padding:0 8px;display:block}.simForm button,.simMaintenance button,.simEvents>header>button{color:#fff;background:#16a34a;border:1px solid #16a34a;border-radius:7px;height:34px;padding:0 11px;font-size:11px;font-weight:700}.simForm button.secondary,.simMaintenance>header>button,.simEvents>header>button{color:#344054;background:#fff;border-color:#d0d5dd}.faultButtons{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.faultButtons button{color:#344054;text-align:left;background:#f9fafb;border-color:#eaecf0;height:69px}.faultButtons b,.faultButtons span{display:block}.faultButtons b{font-size:16px}.faultButtons span{color:#98a2b3;margin-top:4px;font-size:9px}.simMaintenance .maintainButton{width:100%;margin-top:11px}.simEvents{margin-top:14px}.simEvents>div{border-radius:8px;margin-top:14px;overflow:hidden}.simEvents code{color:#b7f7d5;background:#101828;border-bottom:1px solid #1d2939;align-items:center;gap:9px;padding:7px 11px;font:10px/1.5 ui-monospace,Consolas,monospace;display:flex}.simEvents code i{color:#fff;background:#344054;border-radius:4px;padding:1px 5px;font-style:normal}.simEvents>div>p{color:#98a2b3;font-size:12px}@media (max-width:1050px){.simMetrics{grid-template-columns:repeat(2,1fr)}.simConsoleGrid{grid-template-columns:1fr}}@media (max-width:680px){.simMetrics{grid-template-columns:1fr 1fr}.simForm{flex-wrap:wrap}.faultButtons{grid-template-columns:1fr}.faultButtons button{height:52px}}
