@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+TC:wght@400;500;700&display=swap";:root{font-family:Noto Sans TC,sans-serif;color:#dce9f5;background:#071321;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 85% -10%,#123b4f 0,transparent 32%),#071321}header{height:78px;border-bottom:1px solid #203245;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1180px)/2));background:#081522cc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:2}.brand{display:flex;gap:12px;align-items:center}.brand div{display:flex;flex-direction:column}.brand small{color:#71879b;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.mark{height:38px;width:38px;border-radius:10px;background:#31d6b1;color:#05221e;display:grid;place-items:center;font-weight:800}.pulse{font:12px IBM Plex Mono;color:#7192a7}.pulse:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#31d6b1;margin-right:8px;box-shadow:0 0 12px #31d6b1}.dashboard{max-width:1180px;margin:0 auto;padding:56px 28px}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.heading p{font:12px IBM Plex Mono;color:#31d6b1;letter-spacing:.16em;text-transform:uppercase;margin:0 0 6px}.heading h1{font-size:36px;margin:0}.summary{display:flex;gap:22px;color:#95aabe;font-size:13px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:7px}.online{background:#31d6b1}.degraded{background:#ffc857}.offline{background:#ff6577}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:16px}article,.empty{background:linear-gradient(145deg,#102334,#0c1b2a);border:1px solid #20384b;border-radius:14px;padding:22px;min-height:210px;box-shadow:0 18px 50px #0003}article h2{font-size:21px;margin:20px 0}.nodeTop{display:flex;justify-content:space-between;align-items:center}.status{font-size:11px;padding:5px 9px;border-radius:20px;color:#06141a}.status.online{background:#31d6b1}.status.degraded{background:#ffc857}.status.offline{background:#ff6577}.mono{font:11px IBM Plex Mono;color:#668196}.metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #20384b;border-bottom:1px solid #20384b;padding:16px 0}.metrics div{display:flex;flex-direction:column}.metrics strong{font:22px IBM Plex Mono}.metrics span,article footer{font-size:11px;color:#71879b}article footer{display:flex;justify-content:space-between;padding-top:15px}.login{height:100vh;display:grid;place-items:center}.login section{width:min(390px,calc(100vw - 40px));background:#0e2030;border:1px solid #294154;border-radius:18px;padding:34px;box-shadow:0 30px 90px #0008}.login h1{margin:20px 0 4px}.login p{color:#71879b;font:12px IBM Plex Mono;margin:0 0 28px}.login label{font-size:12px;color:#95aabe}.login input{display:block;width:100%;background:#071522;border:1px solid #2b4458;border-radius:8px;color:#fff;padding:12px;margin:8px 0 14px}.login button{width:100%;border:0;border-radius:8px;padding:12px;background:#31d6b1;color:#06221e;font-weight:700;cursor:pointer}.login small,.error{color:#ff6577}.empty{display:grid;place-items:center;color:#71879b}@media(max-width:700px){.heading{align-items:start;flex-direction:column;gap:24px}.summary{gap:12px;flex-wrap:wrap}.dashboard{padding:36px 18px}header{padding:0 18px}.pulse{display:none}}