:root{color-scheme:light;--bg:#f4f6f4;--ink:#172a24;--muted:#829087;--green:#318564;--line:#e5eae5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink)}[hidden]{display:none!important}button,input,select{font:inherit}button,select{cursor:pointer}button{border:1px solid var(--line);border-radius:7px;background:white;padding:6px 12px;color:var(--ink)}button:hover{border-color:var(--green)}aside{width:224px;background:#101f19;color:#dce6df;position:fixed;inset:0 auto 0 0;padding:34px 24px}.brand{font-size:24px;letter-spacing:3px;font-weight:750}.brand span{display:block;font-size:8px;letter-spacing:2.4px;font-weight:400;margin:0 0 0 28px;color:#9aa99f}.nav-caption{font-size:11px;color:#738b7d;margin:55px 12px 14px}.nav{display:flex;align-items:center;gap:13px;padding:12px;border-radius:7px;margin-bottom:8px;text-decoration:none;color:#9dad9f;font-size:16px}.nav span{font-size:13px}.nav.active{background:#263d31;color:#c4edce}.nav .nav-tag{font-size:8px;margin-left:auto;letter-spacing:1px}.side-bottom{position:absolute;bottom:30px;font-size:12px}.side-bottom p{color:#779082;font-size:10px;margin-left:14px}.side-bottom button{margin-top:18px;border-color:#34463c;background:transparent;color:#a6b9ad;width:174px;text-align:left}main{max-width:1600px;margin-left:224px;padding:0 42px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#60ad79;margin-right:6px}header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:12px;color:#9ba69e}.breadcrumb span{margin:0 14px}.live{font-size:11px;color:var(--green);background:#e7f0e9;border:1px solid #d6e5da;padding:3px 10px;border-radius:20px}.heading{display:flex;justify-content:space-between;align-items:center;padding:34px 0 25px}.eyebrow{font-size:9px;letter-spacing:2px;color:#9aaa9f}h1{font-size:28px;letter-spacing:-1px;line-height:1.5;margin:7px 0}p{color:var(--muted);margin:0;font-size:12px}.online{display:inline-block;vertical-align:middle;font-size:10px;color:var(--green);background:#e3efe5;border:1px solid #d4e4d8;border-radius:4px;padding:1px 7px;margin-left:14px;letter-spacing:0;font-weight:400}.update{text-align:right;color:#87948b;font-size:10px}.update>div{margin-top:10px;display:flex;gap:6px}.update select{background:transparent;border:1px solid #dce4dc;border-radius:6px;color:#5d7064;padding:7px 10px;font-size:11px}.server{background:#eaf0e9;border:1px solid #dce5da;border-radius:10px;padding:20px 23px;display:flex;align-items:center;gap:16px}.server-icon{background:#d6e3d5;color:#477651;border:1px solid #c6d8c4;width:42px;height:42px;border-radius:9px;display:grid;place-items:center;font-size:24px}.server strong{font-size:12px;font-weight:600}.server strong span{color:#9aaa9f;margin:0 7px}.server p{font-size:10px;margin-top:3px}.server-meta{margin-left:auto;border-left:1px solid #d5dfd2;padding-left:28px}.server-meta small,.server-meta strong{display:block}.server-meta small{font-size:9px;color:#8c9b8c}.server-meta strong{font-size:12px;margin-top:4px;font-variant-numeric:tabular-nums}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:23px 0}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:10px}.card{padding:19px 22px}.card-title{font-size:11px;color:#79897d;display:flex;justify-content:space-between}.card-title>span{color:#a3b9a6}.value{margin:10px 0 15px;line-height:1.2}.value b{font-size:35px;letter-spacing:-1px;font-weight:550;font-variant-numeric:tabular-nums}.value>span{font-size:15px;color:#a0aaa1;margin-left:5px}.meter{height:4px;background:#edf1eb;border-radius:4px;overflow:hidden}.meter i{display:block;height:100%;width:0;background:#508b69;border-radius:4px}.card p{margin-top:10px;font-size:9px}.net{display:flex;justify-content:space-between;margin-top:15px;font-size:11px;color:#8c9e90}.net strong{color:#385a46;font-weight:550}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:21px 23px}h2{font-size:13px;font-weight:600;margin:0}.panel-head p{font-size:9px;margin-top:3px}.legend{display:flex;gap:18px;color:#819283;font-size:10px}.legend span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px;background:#318564}.legend .mem-key:before{background:#b3c581}.chart{height:205px;margin:0 24px}canvas{display:block;width:100%;height:100%}.chart-labels{display:flex;justify-content:space-between;color:#9aab9b;font-size:9px;padding:8px 24px 20px}.bottom-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:20px;margin:23px 0}.tag{background:#f2f5f0;border:1px solid #e5ebe1;padding:3px 7px;border-radius:4px;color:#7c907e;font-size:8px;letter-spacing:.7px}.table-wrap{max-height:355px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}th{font-weight:400;font-size:9px;background:#f8faf7;color:#96a294;position:sticky;top:0}th,td{padding:10px 24px;border-bottom:1px solid #f0f3ed}td:nth-child(n+2),th:nth-child(n+2){text-align:right;font-variant-numeric:tabular-nums}td small{font-size:9px;color:#a1aca0;margin-left:7px}.services{max-height:309px;overflow:auto}.service-filter{display:flex;gap:8px;padding:0 23px 12px}.service-filter input{width:55%;min-width:0}.service-filter input,.service-filter select{border:1px solid var(--line);border-radius:5px;padding:6px;font-size:10px;color:#6f8174;background:#fafcf9}.service{display:flex;gap:10px;align-items:center;border-top:1px solid #f0f3ed;padding:12px 23px}.service>div{min-width:0;flex:1}.service strong{font-size:11px;font-weight:500}.service small{display:block;color:#a0ada0;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{font-size:9px;padding:1px 7px;border-radius:3px;background:#edf5ed;color:#5b8d60}.status.failed{background:#fcebe6;color:#b55b47}.status.inactive{color:#9ba396;background:#f1f3ef}.storage{margin-bottom:22px}.storage .panel-head>span{font-size:10px;color:#81917f}.disk-row{padding:0 23px 18px;display:grid;grid-template-columns:60px 1fr 150px;align-items:center;gap:20px;font-size:11px}.disk-row>span:last-child{text-align:right;font-size:10px;color:#91a08b}footer{display:flex;justify-content:space-between;padding:0 0 25px;color:#91a18f;font-size:10px}.footer-note{margin-left:12px;color:#b0bbac}.notice{padding:12px 16px;background:#fff0dc;color:#967441;border:1px solid #f0dfc3;border-radius:7px;margin-bottom:18px;font-size:12px}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 70% 10%,#dce8dc,transparent 70%),#f4f6f4;padding:24px}.login form{max-width:440px;width:100%;background:white;padding:42px;border:1px solid #e2e9df;border-radius:14px;box-shadow:0 25px 90px #1325160a}.login .brand{margin-bottom:35px}.login h1{font-size:23px;margin-bottom:12px}.login label{display:block;margin:25px 0 7px;font-size:12px}.login input{width:100%;padding:12px;border:1px solid #dce5d9;border-radius:7px}.primary{width:100%;background:#234e39;color:white;padding:12px;margin-top:14px}.login small{color:#9aaa9f;font-size:10px;display:block;margin-top:20px}#loginError{color:#b35b46;margin-top:12px}:focus-visible{outline:2px solid #5b9970;outline-offset:3px}@media(min-width:1600px){main{margin-right:auto}}@media(max-width:1100px){aside{width:180px;padding:30px 16px}main{margin-left:180px;padding:0 24px}.cards{gap:10px}.card{padding:16px}.side-bottom button{width:146px}.server-meta{padding-left:15px}.bottom-grid{grid-template-columns:1fr 1fr}}@media(max-width:800px){aside{position:static;width:100%;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:20px}.brand span{font-size:7px}.nav,.nav-caption{display:none}.side-bottom{position:static}.side-bottom>p,.side-bottom>.dot{display:none}.side-bottom{font-size:0}.side-bottom button{width:auto;margin:0;font-size:11px}main{margin:0;padding:0 18px}header{height:50px}.heading{padding:25px 0;align-items:flex-end}h1{font-size:24px}.heading p{font-size:10px}.server{flex-wrap:wrap;padding:16px;gap:12px}.server-meta{margin-left:0;padding-left:0;border:0;width:46%}.cards{grid-template-columns:repeat(2,1fr)}.bottom-grid{grid-template-columns:1fr}.chart{height:180px}.disk-row{grid-template-columns:40px 1fr 120px;gap:10px}footer{gap:15px}.footer-note{display:none}.update>span{font-size:9px}.update select{max-width:125px}.login form{padding:28px}}

.website-panel{margin:0 0 23px}.website-panel select{background:#fafcf9;border:1px solid var(--line);border-radius:5px;padding:6px;font-size:10px;color:#6f8174}.website-summary{display:flex;justify-content:space-between;gap:12px;padding:0 23px 14px;color:#83947f;font-size:10px}.website-table{max-height:440px}.website-domain{display:flex;align-items:center;gap:9px;margin-bottom:3px}.website-domain a{color:#355c43;text-decoration:none}.website-domain a:hover{text-decoration:underline}.website-domain .status{white-space:nowrap;font-size:8px}.website-note{font-size:9px;color:#96a393;max-width:400px}.website-total{font-weight:600;color:#356945}.website-help{font-size:9px;padding:15px 23px;line-height:1.8;border-top:1px solid var(--line)}.website-table td:nth-child(n+2){white-space:nowrap}.website-table th{z-index:1}@media(max-width:800px){.website-table table{min-width:550px}.website-summary{flex-wrap:wrap}.website-panel .panel-head{gap:10px}.website-panel .panel-head p{max-width:180px}.website-panel .panel-head select{max-width:145px}}