*{box-sizing:border-box}:root{--bg:#020817;--panel:#061328;--panel2:#071a31;--line:#17304e;--text:#eaf2ff;--muted:#91a4bf;--blue:#387cff;--green:#25db8a;--orange:#ffab19;--purple:#9858ff;--pink:#ff4f86}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 70% 0,#0a1834 0,transparent 35%),var(--bg);color:var(--text);font-family:Segoe UI,Malgun Gothic,sans-serif}button,a{font:inherit}.sidebar{position:fixed;left:0;top:0;bottom:0;width:288px;padding:24px 13px;border-right:1px solid #15263d;background:linear-gradient(180deg,#02091a,#030b17);z-index:10}.brand{display:flex;align-items:center;gap:13px;padding:0 20px 23px;font-size:27px}.brand b{padding:3px 10px;border-radius:8px;background:#123d8a;color:#62a0ff}.brand small{font-size:20px}.sidebar nav{display:grid;gap:6px}.nav{display:block;width:100%;padding:15px 19px;border:0;border-radius:10px;background:transparent;color:#b3c2d8;text-align:left;text-decoration:none;cursor:pointer}.nav.active,.nav:hover{color:#fff;background:linear-gradient(100deg,#164196,#2465df)}.side-foot{position:absolute;left:27px;bottom:28px;display:flex;gap:9px;align-items:center;color:#8ca1bb}.side-foot i{width:9px;height:9px;border-radius:50%;background:#ffbe2c;box-shadow:0 0 12px currentColor}.side-foot i.on{background:#29df90}main{margin-left:288px;min-height:100vh;padding-bottom:28px}header{height:74px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #17283e}header h1{margin:0;font-size:25px}header p{margin:4px 0 0;color:var(--muted)}.head-right{display:flex;gap:18px;align-items:center;color:#a9b9ce}.head-right .online{color:#34df92}.head-right button,.toolbar button,.panel-head button,.settings-grid button,.modal-actions button{padding:11px 18px;border:1px solid #243c59;border-radius:9px;background:#071326;color:#eaf2ff;cursor:pointer}.tab{display:none;padding:20px}.tab.active{display:block}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.summary-grid article,.panel,.action-cards button{border:1px solid var(--line);border-radius:13px;background:linear-gradient(150deg,#061326,#07182e);box-shadow:inset 0 1px rgba(255,255,255,.02)}.summary-grid article{min-height:110px;padding:21px}.summary-grid span{display:block;color:#a8bad0}.summary-grid strong{display:block;margin-top:13px;font-size:29px}.good{color:var(--green)}.mini-bars{display:flex;gap:5px;height:25px;align-items:end;margin-top:-22px;justify-content:flex-end}.mini-bars i{width:4px;background:#4b87ff}.mini-bars.green i{background:#37d983}.two-col{display:grid;grid-template-columns:1.05fr 1fr;gap:14px}.panel{padding:21px;margin-bottom:14px}.panel h2{margin:0 0 20px;font-size:19px;color:#a9c7ff}.status-body{display:flex;gap:28px;align-items:center}.rings{display:flex;gap:18px}.ring{--p:0;display:grid;place-content:center;width:154px;height:154px;border-radius:50%;background:radial-gradient(circle,#071326 57%,transparent 58%),conic-gradient(#31d781 calc(var(--p)*1%),#22364e 0);text-align:center}.ring.blue{background:radial-gradient(circle,#071326 57%,transparent 58%),conic-gradient(#477fff calc(var(--p)*1%),#22364e 0)}.ring b{font-size:26px}.ring span{margin-top:8px;color:#a7b5c8;font-size:13px}.status-body dl{flex:1;margin:0}.status-body dl div{display:flex;justify-content:space-between;padding:8px 0}.status-body dt{color:#90a5bf}.status-body dd{margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#07162a;border:1px solid #1a3657;border-radius:12px;overflow:hidden}th,td{padding:13px 12px;border-bottom:1px solid #19314c;text-align:left;white-space:nowrap}th{color:#9eb1cb;font-weight:500}.badge{display:inline-block;padding:4px 9px;border-radius:7px;background:#073826;color:#38e899}.action-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:14px}.action-cards button{min-height:230px;padding:28px 17px;color:#fff;cursor:pointer}.action-cards button:hover{transform:translateY(-2px);border-color:#416ba4}.action-cards i{display:block;font-size:54px;font-style:normal;color:#64e29d}.action-cards button:nth-child(2) i{color:var(--orange)}.action-cards button:nth-child(3) i{color:var(--purple)}.action-cards button:nth-child(4) i{color:#4e87ff}.action-cards button:nth-child(5) i{color:#a6b9dc}.action-cards button:nth-child(6) i{color:var(--pink)}.action-cards b{display:block;margin-top:24px;font-size:21px}.action-cards span{display:block;margin-top:12px;color:#9fb0c6;line-height:1.7}.server-summary>div{display:grid;grid-template-columns:repeat(5,1fr);gap:25px}.server-summary span{color:#94a9c2}.server-summary b{display:block;margin-top:8px;color:#edf4ff}.panel-head{display:flex;align-items:center;justify-content:space-between}.toolbar{display:flex;gap:10px;margin-bottom:14px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-grid div,.settings-grid label{padding:17px;border:1px solid #193657;border-radius:11px;background:#061428}.detail-grid span{display:block;color:#91a6c0}.detail-grid b{display:block;margin-top:8px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.settings-grid label{display:flex;justify-content:space-between;align-items:center}.settings-grid select{padding:8px;background:#020b17;color:#fff;border:1px solid #27415e;border-radius:7px}#logViewer,#updateLog{min-height:430px;max-height:560px;overflow:auto;padding:18px;border:1px solid #173651;border-radius:10px;background:#010711;color:#85f3d5;font:12px/1.6 Consolas,monospace;white-space:pre-wrap}.backup-list{display:grid;gap:10px}.backup-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #1b3756;border-radius:10px;background:#061428}.backup-item small{color:#93a8bf}.backup-item button{margin-left:8px;padding:8px 11px;border-radius:7px;border:1px solid #294966;background:#07172b;color:#fff}.modal{position:fixed;inset:0;display:none;place-items:center;z-index:100}.modal.open{display:grid}.shade{position:absolute;inset:0;background:#000b;backdrop-filter:blur(6px)}.modal-card{position:relative;width:min(680px,94vw);max-height:94vh;overflow:auto;padding:25px;border:1px solid #21466a;border-radius:18px;background:#061426}.modal-head{display:flex;justify-content:space-between}.modal-head h2{margin:4px 0 18px}.modal-head small{color:#35d9ff}.modal-head button{font-size:28px;background:none;border:0;color:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.steps b{padding:10px;border:1px solid #235071;border-radius:8px;text-align:center;color:#9eb2c9}.drop{display:flex;min-height:180px;margin-top:16px;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #36a2db;border-radius:13px;background:#071d31;cursor:pointer}.drop input{display:none}.drop span,.drop em{margin-top:9px;color:#8ea8c1}.drop em{color:#35e0bd}.upload-info{margin-top:14px;padding:14px;border:1px solid #193a57;border-radius:10px}.upload-info>div{height:8px;margin:12px 0;background:#020a14;border-radius:99px;overflow:hidden}.upload-info i{display:block;width:0;height:100%;background:linear-gradient(90deg,#3d78ff,#22d3ee)}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.modal-actions button:last-child{color:#ffd64f}#updateLog{min-height:160px;max-height:230px;margin-top:14px}#toast{position:fixed;right:24px;bottom:24px;padding:14px 18px;border:1px solid #31506e;border-radius:10px;background:#0b2038;opacity:0;transform:translateY(15px);transition:.2s;z-index:300}#toast.show{opacity:1;transform:none}@media(max-width:1300px){.action-cards{grid-template-columns:repeat(3,1fr)}.summary-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{position:static;width:100%;height:auto}.sidebar nav{display:flex;overflow:auto}.nav{width:auto;white-space:nowrap}.side-foot{display:none}main{margin-left:0}header{height:auto;padding:16px;align-items:flex-start}.head-right{display:none}.tab{padding:12px}.summary-grid,.settings-grid,.detail-grid{grid-template-columns:1fr}.action-cards{grid-template-columns:1fr 1fr}.server-summary>div{grid-template-columns:1fr 1fr}.status-body{flex-direction:column}.rings{width:100%;justify-content:center}.ring{width:125px;height:125px}}