@font-face{font-family:system;src:local("Pretendard"),local("Malgun Gothic")}*{box-sizing:border-box}body{margin:0;background:#f3f5f9;color:#17243a;font:15px/1.6 system,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:1280px;margin:auto;padding:0 32px}header{height:98px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e6ef}.brand{display:flex;gap:13px;align-items:center}.brand-icon{background:#1747d1;color:white;border-radius:14px;width:44px;height:44px;display:grid;place-items:center;font-size:24px;font-weight:800}.brand strong{font-size:23px;margin-right:12px}.muted{color:#778296}#account{display:flex;gap:12px;align-items:center}#account[hidden]{display:none}button,input{font:inherit}button{cursor:pointer;background:#fff;border:1px solid #dce2ec;border-radius:8px;padding:10px 15px;font-weight:600;color:#263956;transition:background .15s}button:hover{background:#eaf0fd}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#1747d1;color:#fff;border-color:#1747d1}.primary:hover{background:#113aad}.danger{background:#c53740;border-color:#c53740;color:#fff}.danger:hover{background:#ab2831}.quiet{background:transparent;border:0;padding:8px}.panel{border:1px solid #e0e6ef;background:white;border-radius:14px;box-shadow:0 4px 15px #1a355504}.login-wrap{display:grid;grid-template-columns:1fr 440px;gap:90px;align-items:center;min-height:calc(100vh - 130px)}.eyebrow{font-size:11px;color:#315aca;letter-spacing:2px;font-weight:800}h1{font-size:36px;line-height:1.35;letter-spacing:-1.1px;margin:8px 0 16px}.login-intro h1{font-size:46px}.login-intro p{color:#7b8799;font-size:17px}.login-card{padding:36px}h2{font-size:20px;margin:0 0 10px}label{display:block;font-size:13px;font-weight:600;margin:18px 0 6px}input{width:100%;border:1px solid #cfd7e5;border-radius:8px;background:#fff;padding:12px;color:#17243a}input:focus{outline:3px solid #dbe5ff;border-color:#4670db}.login-card button{width:100%;margin-top:25px}.error{font-size:13px;color:#b82435;min-height:20px}.page-title{display:flex;align-items:center;justify-content:space-between;margin:34px 0 22px}.page-title h1{font-size:32px;margin-bottom:0}.connection{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.connection small{display:block;width:100%;text-align:right;color:#7b8799}.dot{width:8px;height:8px;border-radius:50%;background:#94a1b5}.dot.online{background:#219970}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.metrics .panel{padding:21px 24px}.metrics span{color:#748197;font-size:13px;display:block}.metrics strong{font-size:29px;display:block;margin-top:8px;letter-spacing:-1px}.server-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.server-card{padding:22px}.card-heading{display:flex;justify-content:space-between;align-items:start}.card-heading h2{margin:0}.server-id{font-size:12px;color:#8390a3}.badge{font-size:12px;border-radius:20px;padding:4px 10px;background:#eef2f8;color:#667387}.badge.online{background:#e6f6ee;color:#247753}.badge.unresponsive{background:#fff0dc;color:#a66816}.badge.offline{background:#f7e8eb;color:#a23e50}.server-details{display:flex;gap:28px;margin:24px 0;color:#8993a2;font-size:12px}.server-details strong{display:block;color:#223650;font-size:20px}.server-actions{display:flex;gap:6px;flex-wrap:wrap}.server-actions button{font-size:12px;padding:8px 10px}.server-actions .stop{color:#bd3549}.log-button{padding-left:0;margin-top:12px;color:#42639c;font-size:12px}.history{margin-top:28px;padding:24px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{color:#8190a5;font-weight:500;padding:11px 12px;border-bottom:1px solid #e7edf5}td{padding:13px 12px;border-bottom:1px solid #f0f3f8}td:last-child{max-width:450px;overflow-wrap:anywhere}footer{color:#8a94a6;font-size:12px;text-align:center;padding:26px}.banner{background:#fff3de;border:1px solid #f0d598;color:#875d20;padding:14px 18px;border-radius:10px;margin-bottom:20px}.banner[hidden]{display:none}dialog{border:1px solid #dbe2ef;border-radius:16px;width:min(500px,92vw);padding:30px;color:#17243a;box-shadow:0 20px 80px #17243a40}dialog::backdrop{background:#0e1c3e77}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}#confirm-label{font-family:monospace;color:#1747d1}#logs-dialog{width:min(1000px,94vw)}.log-heading{display:flex;justify-content:space-between;align-items:center}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#111e33;color:#d3def3;border-radius:10px;padding:16px;max-height:65vh;overflow:auto;font-size:12px;line-height:1.7}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#183254;color:white;padding:12px 24px;border-radius:10px;z-index:10}#login-view[hidden],#dashboard[hidden]{display:none}@media(max-width:900px){.server-grid{grid-template-columns:repeat(2,1fr)}.login-wrap{gap:30px;grid-template-columns:1fr 390px}.login-intro h1{font-size:34px}}@media(max-width:640px){main{padding:0 16px}header{height:80px}.brand strong{font-size:20px}.brand .muted{display:none}#account{gap:1px;font-size:12px}#username{display:none}.login-wrap{display:block;padding:35px 0}.login-intro{display:none}.login-card{padding:28px}.metrics{grid-template-columns:repeat(2,1fr);gap:10px}.metrics .panel{padding:15px}.metrics strong{font-size:24px}.server-grid{grid-template-columns:1fr}.page-title h1{font-size:26px}.connection{font-size:12px;max-width:160px}.history{padding:16px}.page-title{margin-top:25px}}

.tps-panel{border-top:1px solid #edf0f5;padding:14px 0 18px;margin-top:-10px}.tps-heading{display:flex;justify-content:space-between;align-items:center;color:#596b85;font-size:12px}.tps-heading small{color:#8993a2;font-size:11px}.tps-values{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}.tps-values span{display:block;color:#8993a2;font-size:11px}.tps-values strong{font-size:20px;font-variant-numeric:tabular-nums;color:#223650}.tps-values .tps-good{color:#247753}.tps-values .tps-warn{color:#a66816}.tps-values .tps-bad{color:#b82435}

[hidden]{display:none!important}.network-card{text-align:left;padding:30px;min-height:200px}.network-card span{color:#1747d1}.host-strip{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.host-online{color:#247753}.host-offline{color:#b82435}.notice-panel{padding:24px;margin-bottom:24px}.notice-panel button{margin-top:12px}#back-selection{width:auto;margin:0 0 20px;padding-left:0}