:root{font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#172126;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--green: #10aa72;--green-dark: #089963;--green-pale: #eef9f5;--ink: #172126;--muted: #69747b;--line: #dde3e3;--soft: #f7f9f8;--danger: #d94c4c;--warning: #d38c21}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid rgb(16 170 114 / 22%);outline-offset:2px}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand-mark{width:45px;height:45px;color:var(--green);fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.brand-mark:not(.brand-mark-login) path{stroke-width:2}.brand-mark-login{width:40px;height:40px;stroke-width:1.8}.login-screen{min-height:100dvh;position:relative;overflow:hidden;background:#fff}.login-brand{position:absolute;top:50px;left:49px;display:flex;align-items:center;gap:10px;font-size:29px;letter-spacing:-.7px}.login-brand strong{font-weight:720}.login-layout{min-height:100dvh;display:grid;grid-template-columns:minmax(560px,.94fr) minmax(520px,1.06fr);align-items:center}.login-copy{width:min(568px,calc(100% - 80px));margin:-3px 0 0 clamp(60px,7vw,108px)}.login-copy h1{margin:0;font-size:clamp(43px,3.75vw,58px);line-height:1.18;letter-spacing:-2.2px;font-weight:760}.login-subtitle{margin:22px 0 34px;color:var(--muted);font-size:28px;line-height:1.45;letter-spacing:.3px}.login-fields{display:grid;gap:17px}.login-control label{display:block;margin-bottom:10px;font-size:18px;font-weight:650}.credential-field{height:67px;display:flex;align-items:center;gap:17px;border:2px solid var(--green);border-radius:10px;padding:0 22px;color:#8b959b;background:#fff;transition:box-shadow .16s ease,border-color .16s ease}.credential-field:focus-within{box-shadow:0 0 0 4px #10aa721a}.credential-field-error{border-color:var(--danger)}.credential-field input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:20px;letter-spacing:.2px}.credential-field input::placeholder{color:#9aa3a8}.visibility-button{width:40px;height:40px;display:grid;place-items:center;border:0;background:none;color:#8d979d;cursor:pointer;border-radius:6px}.visibility-button:hover{color:var(--ink);background:var(--soft)}.login-feedback{height:19px;margin:7px 0 2px;color:var(--danger);font-size:14px}.login-button{width:100%;height:70px;border:0;border-radius:9px;display:flex;align-items:center;justify-content:center;position:relative;background:var(--green);color:#fff;font-size:24px;font-weight:720;cursor:pointer;box-shadow:0 7px 18px #0681541a;transition:background .15s ease,transform .15s ease}.login-button svg{position:absolute;right:27px}.login-button:hover:not(:disabled){background:var(--green-dark);transform:translateY(-1px)}.login-button:disabled{cursor:not-allowed}.authorized-note{margin-top:20px;display:flex;align-items:center;gap:10px;color:#7b858b;font-size:18px}.illustration-wrap{align-self:stretch;display:grid;place-items:center;padding:70px 16px 30px 38px;color:#d1d9d6}.server-illustration{width:min(700px,100%);height:auto;overflow:visible}.login-domain{position:absolute;left:clamp(60px,7vw,108px);bottom:57px;font:18px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15px}.session-loading{min-height:100dvh;display:grid;place-items:center;color:var(--muted);position:relative}.session-loading .login-brand{position:absolute}.session-loading>span{display:flex;align-items:center;gap:12px}.console-app{height:100dvh;min-height:620px;overflow:hidden;background:#fff}.topbar{height:95px;display:flex;align-items:center;justify-content:space-between;padding:0 28px 0 29px;border-bottom:1px solid var(--line);background:#fff}.console-brand{display:flex;align-items:center;gap:24px}.console-brand>div{display:grid;gap:5px}.console-brand strong{font-size:24px;line-height:1.12;letter-spacing:-.25px;font-weight:690}.console-brand span{color:var(--muted);font-size:16px}.topbar-actions{display:flex;align-items:center;gap:34px}.topbar-actions button{height:50px;display:flex;align-items:center;gap:12px;border-radius:6px;font-size:18px;cursor:pointer}.refresh-button{padding:0 30px;border:1px solid #d5dbde;background:#fff}.refresh-button:hover:not(:disabled){background:var(--soft);border-color:#bdc7ca}.refresh-button:disabled{opacity:.65;cursor:wait}.logout-button{padding:0 19px;border:0;background:transparent}.logout-button:hover{background:var(--soft)}.console-shell{height:calc(100dvh - 95px);min-height:525px;display:grid;grid-template-columns:202px minmax(0,1fr)}.sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;padding:26px 9px 27px 4px;background:#fff}.sidebar-tabs{display:grid;gap:5px}.sidebar-tabs button{height:60px;border:0;border-left:3px solid transparent;border-radius:0 5px 5px 0;display:flex;align-items:center;gap:20px;padding:0 22px;background:transparent;color:#303a3f;font-size:18px;cursor:pointer;text-align:left}.sidebar-tabs button:hover{background:#f7faf9}.sidebar-tabs button.active{border-left-color:var(--green);background:#f1faf7;color:var(--green-dark)}.collapse-icon{margin-left:85px;color:#4e5a60}.workspace{min-width:0;min-height:0;height:100%;display:grid;grid-template-rows:minmax(0,1fr) 63px}.workspace-main{min-height:0;display:grid;grid-template-columns:minmax(620px,1fr) 430px}.workspace-main-info{grid-template-columns:1fr}.workspace-content{min-width:0;overflow-y:auto;padding:0 38px 48px 33px;scrollbar-width:thin;scrollbar-color:#c6cecb transparent}.workspace-content::-webkit-scrollbar{width:6px}.workspace-content::-webkit-scrollbar-track{background:transparent}.workspace-content::-webkit-scrollbar-thumb{border-radius:999px;background:#c6cecb}.status-view{max-width:900px;margin:0 auto}.status-hero{min-height:131px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:1px 6px 0}.overall-mark{width:47px;height:47px;display:grid;place-items:center;border-radius:50%;color:#fff;flex:0 0 auto}.overall-ok{background:var(--green);box-shadow:0 6px 14px #10aa722e}.overall-warning{background:var(--warning)}.overall-down{background:var(--danger)}.overall-unknown{background:#879197}.status-hero h1{margin:0 0 10px;font-size:25px;line-height:1.15;font-weight:690;letter-spacing:-.35px}.status-hero p{margin:0;color:var(--muted);font-size:15px}.status-hero p i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin:0 12px 2px 14px}.metric-strip{min-height:120px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.metric-strip article{min-width:0;min-height:43px;display:flex;align-items:center;gap:17px;padding:0 18px 0 10px;border-right:1px solid var(--line)}.metric-strip article:last-child{border-right:0}.metric-strip svg{flex:0 0 auto}.metric-strip div{min-width:0;display:grid;gap:7px}.metric-strip span{color:var(--muted);font-size:15px;white-space:nowrap}.metric-strip strong{font-size:18px;font-weight:540;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tables-stack{display:grid;gap:34px;padding-top:28px}.status-section{min-width:0}.status-section:first-child{margin-bottom:34px}.section-heading-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:13px}.section-heading-row h2{margin:0;font-size:21px;line-height:1.3;font-weight:690}.status-table{width:100%;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}.table-row{min-height:84px;display:grid;grid-template-columns:1.32fr .68fr 1.55fr 1.5fr 1.08fr .58fr;align-items:center;border-bottom:1px solid var(--line);padding:0 15px;font-size:12.2px}.table-row:last-child{border-bottom:0}.table-row:not(.table-head):hover{background:#f8fcfa}.table-head{min-height:57px;background:#fbfcfc;color:#5f6b71;font-size:13px}.table-row>*{min-width:0;padding-right:12px}.row-name{font-weight:540;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.state-cell{display:flex;align-items:center;gap:8px;white-space:nowrap}.state-cell i{width:7px;height:7px;border-radius:50%;background:#8c969b;flex:0 0 auto}.state-ok i{background:var(--green)}.state-warning i{background:var(--warning)}.state-down i{background:var(--danger)}.table-row code{font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.address-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.runtime-cell{display:grid;gap:5px}.runtime-cell small{font-size:12px;color:#536168}.copy-button{border:0;background:transparent;color:var(--green-dark);display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:7px 4px;border-radius:4px;white-space:nowrap}.copy-button:hover{background:var(--green-pale)}.empty-action{color:#a0a8ac}.table-empty{height:96px;border:1px solid var(--line);border-radius:6px;display:grid;place-items:center;color:var(--muted);font-size:14px}.info-panel{min-width:0;overflow-y:auto;border-left:1px solid var(--line);padding:37px 35px 48px 32px}.info-panel h2{margin:0 0 34px;font-size:21px;font-weight:690}.info-list{display:grid}.info-item{min-width:0;padding:0 0 23px;margin-bottom:25px;border-bottom:1px solid var(--line)}.info-item label{display:block;margin-bottom:13px;font-size:15px}.info-item>div{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.info-item code{min-width:0;max-width:calc(100% - 70px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f5f7f7;border:1px solid #e4e8e8;border-radius:3px;padding:8px 10px;font:14px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.info-item small{display:block;margin-top:9px;color:var(--muted)}.info-empty{height:120px;display:grid;place-items:center;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.console-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;color:var(--muted);font-size:14px}.console-footer span:last-child{display:flex;align-items:center}.console-footer i{width:7px;height:7px;border-radius:50%;background:var(--green);margin-left:16px}.error-banner{max-width:900px;margin:18px auto -5px;min-height:43px;display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #efd4d4;border-radius:5px;color:#a43a3a;background:#fff8f8;font-size:14px}.error-banner span{flex:1}.error-banner button{border:0;background:transparent;color:inherit;font-weight:650;cursor:pointer}.toast{position:fixed;z-index:20;right:25px;bottom:74px;width:295px;min-height:70px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:0 10px 32px #13221d21;padding:0 20px;animation:toast-in .18s ease-out}.toast>span{display:flex;align-items:center;gap:13px}.toast span i{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--green)}.toast-error span i{background:var(--danger)}.toast button{border:0;background:transparent;cursor:pointer;color:#48545a;padding:6px}@keyframes toast-in{0%{opacity:0;transform:translateY(9px)}}.loading-table{margin-top:28px;border:1px solid var(--line);border-radius:6px;overflow:hidden}.loading-table span{display:block;height:72px;border-bottom:1px solid var(--line);background:linear-gradient(100deg,#fafbfb 20%,#f1f5f3,#fafbfb 70%);background-size:240% 100%;animation:shimmer 1.3s linear infinite}.loading-table span:last-child{border-bottom:0}@keyframes shimmer{to{background-position-x:-240%}}.quick-info-view{max-width:1180px;margin:0 auto;padding:35px 3px 30px}.quick-info-view>header{min-height:95px;display:flex;align-items:flex-start;gap:20px;border-bottom:1px solid var(--line)}.info-title-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--green)}.quick-info-view h1{margin:0 0 8px;font-size:26px}.quick-info-view header p{margin:0;color:var(--muted)}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;padding-top:20px}.info-grid article{min-width:0;padding:23px 3px 26px;border-bottom:1px solid var(--line)}.info-grid article>div>span{color:var(--green-dark);font-size:12px}.info-grid h2{margin:6px 0 15px;font-size:18px}.info-grid code{display:block;overflow-wrap:anywhere;padding:11px 12px;border-radius:4px;background:#f5f7f7;border:1px solid #e3e8e6;font:14px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.info-grid p{color:var(--muted);font-size:13px}.info-grid button{margin-top:15px;border:1px solid #cfd8d4;border-radius:5px;background:#fff;color:var(--green-dark);display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer}.info-grid button:hover{background:var(--green-pale)}.info-grid-loading span{height:160px;margin-top:20px;border-bottom:1px solid var(--line);background:linear-gradient(100deg,#fafbfb 20%,#f1f5f3,#fafbfb 70%);background-size:240% 100%;animation:shimmer 1.3s linear infinite}.large-empty{min-height:360px;display:grid;place-content:center;justify-items:center;gap:10px;color:var(--muted)}.large-empty strong{color:var(--ink)}@media (max-width: 1240px){.workspace-main{grid-template-columns:minmax(580px,1fr) 330px}.info-panel{padding-left:24px;padding-right:24px}.metric-strip article{padding-left:8px;gap:11px}.metric-strip strong{font-size:16px}.table-row{grid-template-columns:1.15fr .75fr 1.3fr 1.45fr 1fr .6fr;font-size:12.5px;padding:0 11px}}@media (max-width: 980px){.console-shell{grid-template-columns:154px minmax(0,1fr)}.sidebar-tabs button{padding:0 14px;gap:12px;font-size:16px}.collapse-icon{margin-left:61px}.workspace-main{display:block;overflow-y:auto}.workspace-content,.info-panel{overflow:visible}.info-panel{border-left:0;border-top:1px solid var(--line)}.status-view{max-width:none}.workspace-content{padding-right:24px;padding-left:24px}.info-panel{padding:30px 24px}.login-layout{grid-template-columns:minmax(520px,1fr) .75fr}.illustration-wrap{opacity:.75;padding-left:0}.login-copy{margin-left:56px}}@media (max-width: 760px){.login-screen{overflow-x:hidden;overflow-y:auto}.login-brand{top:26px;left:24px;font-size:24px}.brand-mark-login{width:34px;height:34px}.login-layout{display:block;min-height:auto;padding:118px 0 42px}.login-copy{width:auto;margin:0 24px}.login-copy h1{font-size:39px;letter-spacing:-1.4px}.login-subtitle{margin:17px 0 29px;font-size:20px}.login-fields{gap:13px}.login-control label{font-size:16px;margin-bottom:8px}.credential-field{height:58px;padding:0 16px}.credential-field input{font-size:17px}.login-button{height:62px;font-size:20px}.authorized-note{font-size:15px}.illustration-wrap{display:none}.login-domain{position:static;display:block;margin:0 24px 26px;font-size:15px}.console-app{min-height:580px;overflow:auto}.topbar{height:72px;padding:0 14px;position:sticky;top:0;z-index:10}.console-brand{gap:10px}.console-brand .brand-mark{width:37px;height:37px}.console-brand strong{font-size:17px}.console-brand span{font-size:12px}.topbar-actions{gap:4px}.topbar-actions button{width:42px;height:42px;justify-content:center;padding:0}.topbar-actions button span{display:none}.console-shell{height:auto;min-height:calc(100dvh - 72px);display:flex;flex-direction:column}.sidebar{position:sticky;top:72px;z-index:9;border-right:0;border-bottom:1px solid var(--line);padding:0;display:block}.sidebar-tabs{display:grid;grid-template-columns:1fr 1fr}.sidebar-tabs button{height:52px;justify-content:center;border-left:0;border-bottom:3px solid transparent;border-radius:0;padding:0;font-size:15px}.sidebar-tabs button.active{border-left:0;border-bottom-color:var(--green);background:#f4faf7}.collapse-icon{display:none}.workspace{display:block}.workspace-main{overflow:visible}.workspace-content{padding:0 16px 30px}.status-hero{min-height:112px;gap:16px}.overall-mark{width:42px;height:42px}.status-hero h1{font-size:21px}.status-hero p{font-size:13px}.metric-strip{grid-template-columns:1fr 1fr;padding:10px 0}.metric-strip article{min-height:72px;border-right:0;border-bottom:1px solid var(--line)}.metric-strip article:nth-child(odd){border-right:1px solid var(--line)}.metric-strip article:nth-last-child(-n+2){border-bottom:0}.metric-strip span{font-size:12px}.metric-strip strong{font-size:14px}.tables-stack{gap:26px}.status-table{border:0;border-radius:0;overflow:visible;display:grid;gap:10px}.table-head{display:none}.table-row{min-height:0;display:grid;grid-template-columns:1fr auto;gap:10px 18px;padding:15px;border:1px solid var(--line);border-radius:6px;font-size:13px}.table-row.table-head{display:none}.table-row>*{padding:0}.row-name{overflow:visible;font-size:15px;text-overflow:clip;white-space:normal}.state-cell{justify-self:end}.table-row code,.address-cell,.runtime-cell{grid-column:1 / -1}.table-row code,.address-cell{white-space:normal;overflow-wrap:anywhere}.table-row>span:last-child{grid-column:2;grid-row:4;justify-self:end}.info-panel{padding:28px 16px}.console-footer{min-height:72px;padding:15px 16px;align-items:flex-start;flex-direction:column;gap:8px;font-size:12px}.toast{left:16px;right:16px;bottom:18px;width:auto}.quick-info-view{padding-top:25px}.info-grid{grid-template-columns:1fr}.error-banner{margin-top:12px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}