:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#18263d;background:#f4f6fa;font-synthesis:none;font-size:14px;--accent:#4165ed;--line:#e7ebf2;--muted:#7d899c}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;white-space:nowrap}button:disabled{opacity:.55;cursor:wait}input,select,textarea{border:1px solid #dce2ed;border-radius:7px;background:#fff;padding:11px 12px;color:#26354d;width:100%;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4165ed12}input[readonly]{background:#f6f8fb;color:#8390a2}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}label{display:block;font-size:13px;font-weight:500}label>input,label>select,label>textarea{margin-top:8px}h1,h2,h3,p{margin:0}h1{font-size:28px;letter-spacing:-.8px;font-weight:650}h2{font-size:18px;font-weight:650}h3{font-size:16px}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.8}.eyebrow{display:block;color:#92a1b8;font-size:10px;letter-spacing:1.8px;font-weight:650;margin-bottom:12px}.primary,.secondary{border-radius:7px;padding:11px 17px;font-weight:550;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:12px}.primary{background:var(--accent);color:#fff;box-shadow:0 3px 7px #4165ed18}.primary:hover{background:#3457dd}.secondary{background:#fff;color:#4f607a;border:1px solid #dce2ed}.secondary:hover{background:#f8faff}.wide{width:100%;justify-content:space-between}.text-button{background:none;color:#73829b;font-size:12px;padding:5px}.text-button:hover{color:var(--accent)}.brand{display:flex;align-items:center;gap:11px;letter-spacing:1px;font-size:12px;font-weight:700;color:white}.brand-icon{display:grid;place-items:center;background:#5374fa;border-radius:9px;width:30px;height:30px;color:#fff;font-size:20px}.login-screen{min-height:100vh;display:grid;grid-template-columns:46% 54%}.login-intro{background:radial-gradient(ellipse at 90% 40%,#273b67 0,transparent 60%),#111d32;padding:42px 54px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.login-intro h1{font-size:42px;line-height:1.5;letter-spacing:-1px;margin:20px 0}.login-intro p{color:#a2b0c8;line-height:2}.intro-line{width:50px;height:3px;background:#6286ff;margin:35px 0}.login-wrap{display:grid;place-items:center;background:#fff;padding:30px}.login-form{width:min(100%,350px)}.login-form h2{font-size:26px;margin-bottom:10px}.login-form>p{margin-bottom:30px}.login-form>label{margin-bottom:22px}.login-form>.primary{margin:5px 0 20px}.login-form .error{margin:0}.error{color:#c64b57;font-size:12px;line-height:1.7;min-height:20px}.app{min-height:100vh;display:flex}.sidebar{width:220px;position:fixed;inset:0 auto 0 0;background:#132037;color:#c5cee0;padding:30px 20px;display:flex;flex-direction:column}.nav-label{font-size:10px;color:#6f7f9b;margin:44px 14px 15px;letter-spacing:2px}.nav{display:flex;width:100%;align-items:center;gap:14px;padding:13px 15px;color:#97a7c0;background:none;border-radius:7px;text-align:left;margin-bottom:7px}.nav.active{background:#4165ed;color:white;box-shadow:0 5px 12px #0001}.nav:hover:not(.active){background:#1c2c47}.sidebar-bottom{margin-top:auto;font-size:11px;line-height:2.6;padding:18px 8px;border-top:1px solid #ffffff0f}.sidebar-bottom .muted{color:#71839f;font-size:10px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#24bc92;margin-right:6px;vertical-align:middle}.app>main{width:calc(100% - 220px);margin-left:220px}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;font-size:12px;color:#8a96a9}.account{display:flex;align-items:center;gap:12px}#account-name{font-weight:600;color:#37475f}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:550;line-height:1;border-radius:4px;padding:6px 8px;background:#eef1ff;color:#6577cb}.badge.online{background:#e9f7f1;color:#27a67a}.badge.offline,.badge.failed{background:#fff0f0;color:#c46971}.badge.deploying{background:#fff5dc;color:#b68c34}.content{max-width:1650px;margin:auto;padding:38px 36px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}.page-heading h1{margin-bottom:10px}.page-heading p{font-size:12px}.heading-actions{display:flex;align-items:center;gap:10px}.heading-actions .small{margin-right:8px;font-size:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:36px}.stats article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:23px 24px}.stats article>span{color:#7d899e;font-size:12px}.stats strong{display:block;font-size:31px;font-weight:600;letter-spacing:-1px;margin:15px 0 8px}.stats small{color:#a4adbc;font-size:10px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-head h2{font-size:15px}.count{font-size:10px;background:#e8ecf5;color:#7888a1;display:inline-block;padding:3px 7px;margin-left:6px;border-radius:5px}.search{display:flex;align-items:center;border:1px solid #e0e5ef;background:#fff;border-radius:6px;padding:0 10px;gap:8px;color:#9aa7b9}.search input{border:0;padding:9px 0;margin:0;font-size:11px;width:215px;box-shadow:none}.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px}.server-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:23px;min-width:0}.card-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.server-title{display:flex;align-items:center;gap:11px;min-width:0}.server-icon{display:grid;place-items:center;background:#f0f3ff;color:#6682dc;border-radius:8px;min-width:38px;height:38px;font-size:21px}.server-title h3{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.server-title p{font-size:11px;color:#96a1b4;margin-top:6px}.metrics{display:grid;gap:18px;margin-top:25px}.metric-label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:9px;color:#8793a7}.metric-label strong{font-weight:600;color:#42516b}.bar{height:5px;background:#f0f3f9;border-radius:10px;overflow:hidden}.bar>span{display:block;width:0;height:100%;background:#6480ef;border-radius:10px;transition:width .5s}.bar.memory>span{background:#4ebbb3}.card-meta{display:flex;justify-content:space-between;border-top:1px solid #f0f2f7;padding-top:16px;margin-top:22px;font-size:10px;color:#a1abbb}.card-actions{display:flex;justify-content:space-between;margin-top:15px;gap:10px}.card-actions button{font-size:11px;background:none;color:#7d8caa;padding:0}.card-actions button:hover{color:var(--accent)}.card-error{background:#fff6f4;color:#bf7a66;font-size:11px;padding:10px;margin-top:16px;line-height:1.7;border-radius:6px;overflow-wrap:anywhere}.footnote{font-size:10px;color:#9aa5b7;line-height:1.8;margin-top:22px}.empty{text-align:center;background:#fff;border:1px dashed #dbe2ef;border-radius:10px;padding:65px 25px;color:#65748d}.empty p{font-size:12px;margin:12px 0 25px;color:#96a2b5}.empty-icon{font-size:32px;color:#b0bee3;margin-bottom:16px}.table-wrap{background:white;border:1px solid var(--line);border-radius:9px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:left;font-size:11px;font-weight:500;color:#8e9bb0;background:#fbfcfe}th,td{padding:17px 20px;border-bottom:1px solid #edf0f6}tr:last-child td{border-bottom:0}td select{font-size:11px;padding:6px;width:auto}td .text-button{color:#6e80b1}td .danger{color:#c77c82}.role-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.role-guide>div{background:white;border:1px solid var(--line);border-radius:9px;padding:22px}.role-guide b{font-size:13px;display:block;margin-bottom:9px}.role-guide span{font-size:11px;color:#8a98af}dialog{border:0;border-radius:12px;padding:30px;width:500px;max-width:calc(100vw - 28px);max-height:90vh;box-shadow:0 25px 90px #13203735;color:#26354d}dialog::backdrop{background:#10203970;backdrop-filter:blur(3px)}dialog label{margin-top:17px}dialog .muted{font-size:12px;line-height:1.8;margin:13px 0}.dialog-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.dialog-title .eyebrow{margin-bottom:8px}.close{font-size:24px;background:none;color:#9aa6ba;padding:0 4px}.form-row{display:flex;gap:14px}.form-row>label{flex:1}.form-row>.port{flex:0 0 90px}.fingerprint-box{padding:14px;background:#f6f8fc;border:1px solid #e8edf6;border-radius:8px;margin-top:20px}.fingerprint-box code{display:block;font-size:10px;overflow-wrap:anywhere;margin-top:14px;color:#73819a}.checkbox{display:flex;align-items:center;gap:9px;font-size:11px}.checkbox input{margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#23354f;color:#fff;box-shadow:0 4px 15px #11213730;border-radius:8px;padding:14px 22px;z-index:10;max-width:90vw;font-size:12px}.toast.error-toast{background:#a64654}.chart{width:100%;height:200px;background:linear-gradient(#f0f3f8 1px,transparent 1px);background-size:100% 25%}.chart polyline{fill:none;stroke-width:2.5;vector-effect:non-scaling-stroke}.chart .cpu-line{stroke:#6480ef}.chart .memory-line{stroke:#4ebbb3}body.role-viewer .can-operate,body:not(.role-admin) .admin-only{display:none!important}[hidden]{display:none!important}@media(min-width:1500px){.server-title h3{max-width:230px}}@media(max-width:1100px){.content{padding:28px 24px}.topbar{padding:0 24px}.sidebar{width:190px;padding:28px 16px}.app>main{width:calc(100% - 190px);margin-left:190px}.stats{gap:12px}.stats article{padding:20px 16px}.heading-actions #updated{display:none}.page-heading{gap:12px}.heading-actions{gap:7px}.primary,.secondary{padding:10px 13px}.role-guide{gap:12px}}@media(max-width:800px){.sidebar{width:66px;padding:24px 10px}.sidebar .brand{font-size:0;justify-content:center}.sidebar .brand-icon{font-size:20px}.nav{justify-content:center;font-size:20px;padding:12px 5px}.nav span,.nav-label,.sidebar-bottom{display:none}.sidebar nav{margin-top:40px}.app>main{margin-left:66px;width:calc(100% - 66px)}.topbar{height:64px;padding:0 18px}.topbar>span{display:none}.account{width:100%;justify-content:flex-end;gap:10px}.content{padding:24px 18px}.page-heading{align-items:start;flex-direction:column}.page-heading h1{font-size:24px}.stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:28px}.stats strong{font-size:26px}.server-grid{grid-template-columns:1fr}.section-head{gap:10px;align-items:start;flex-direction:column}.search,.search input{width:100%}.role-guide{grid-template-columns:1fr;gap:10px}.role-guide>div{padding:16px}.login-screen{grid-template-columns:1fr}.login-intro{padding:24px}.login-intro>div:not(.brand),.login-intro>span{display:none}.login-wrap{padding:45px 25px;align-items:start}.login-screen{display:flex;flex-direction:column;background:white}.login-wrap{flex:1}.login-form{margin:auto}.dialog-title h2{font-size:17px}}

a.nav{text-decoration:none}