*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{border:0}h1,h2,h3,p{margin-top:0}h1{line-height:1.02;letter-spacing:-.055em}h2{line-height:1.12;letter-spacing:-.035em}small{font-size:13px}.wrap{max-width:1320px;margin:auto;padding:0 40px}.row{display:flex;align-items:center;justify-content:space-between;gap:24px}.nav{height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav nav{display:flex;gap:28px}.logo{font-weight:800;font-size:25px;letter-spacing:-1px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:9px;font-weight:600;gap:10px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:13px;font-weight:700}.section{padding:85px 0}.section h2{font-size:44px}.grid{display:grid;gap:22px}.muted{opacity:.65}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#171c27;color:white;padding:16px 24px;border-radius:12px;z-index:100;box-shadow:0 10px 60px #0003;max-width:90vw}.toast:empty{display:none}dialog{border:0;border-radius:18px;padding:30px;width:min(540px,92vw);max-height:85vh;overflow:auto}dialog::backdrop{background:#0b142480;backdrop-filter:blur(5px)}dialog .close{float:right;background:transparent;font-size:24px}label{display:block;margin:15px 0 5px}input,select,textarea{width:100%;padding:13px;border:1px solid #cbd0d9;border-radius:8px;background:white;color:#172033}footer{padding:32px 0;border-top:1px solid #8883;font-size:14px}button:disabled{opacity:.5;cursor:default}@media(max-width:800px){.wrap{padding:0 22px}.nav{height:78px}.nav nav{display:none}.section{padding:55px 0}.section h2{font-size:34px}.row{flex-wrap:wrap}.grid{gap:15px}h1{font-size:48px!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}body{background:#f5f6fb;color:#222943;font-size:14px}.adminlayout{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e8eaf1;padding:30px 21px;display:flex;flex-direction:column}.sidebar .logo{color:#6156d8;font-size:26px}.logo span{display:block;font-size:9px;color:#9296aa;letter-spacing:.15em;margin-left:32px}.workspace{background:#f5f6fb;padding:14px;border-radius:8px;margin:35px 0 24px}.workspace small{display:block;color:#9599ab;font-size:12px}.workspace b{display:block;margin-top:5px;font-size:13px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{text-align:left;background:none;color:#8990a3;border-radius:8px;padding:13px;font-size:20px;display:flex;gap:13px;align-items:center}.sidebar nav button span{font-size:14px}.sidebar nav button.selected{background:#efedff;color:#6b5edb}.sidebottom{margin-top:auto;padding-top:70px}.sidebottom>small{display:block;color:#9297a7;margin:8px 0 30px;font-size:12px}.live{font-size:12px;color:#3a9673}.profile{display:flex;gap:10px;align-items:center;font-size:12px;border-top:1px solid #eee;padding-top:23px}.profile>b,.avatar{background:#eeeaff;color:#6556cf;padding:10px;border-radius:10px}.profile small{display:block;color:#969cae;font-size:11px}.adminheader{height:80px;padding:0 35px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #e9ebf3}.demo{color:#8c80df;font-size:11px;letter-spacing:.08em}.adminheader button{background:transparent;color:#8c90a6;font-size:23px}.adminheader button span{font-size:11px}.adminmain{min-width:0}.adminmain main{padding:30px 35px}.pageheading{margin-bottom:27px}.pageheading h1{font-size:29px;letter-spacing:-.04em;margin-bottom:10px}.pageheading p{margin-bottom:0;font-size:14px}.pageheading .eyebrow{font-size:10px;color:#959aad;margin-bottom:10px}.refresh{background:#fff;color:#5347b6;border:1px solid #e0ddef;padding:11px 17px;font-size:13px;border-radius:7px}.stats{grid-template-columns:repeat(4,1fr);gap:17px}.stats article,.panel{background:#fff;border:1px solid #e8ebf3;border-radius:11px;padding:22px}.stats article>span{font-size:13px;color:#858c9f}.stats h2{font-size:34px;margin:16px 0 5px;letter-spacing:-1px}.stats h2 small{font-size:18px;color:#a3a8b7}.stats p{font-size:11px;margin-bottom:15px}.good{color:#30936e}.warn{color:#c78632}.spark{font-size:22px;color:#8876ed;letter-spacing:1px;overflow:hidden;white-space:nowrap;line-height:1}.mini-bars{display:flex;gap:6px;margin-top:24px}.mini-bars i{width:25px;height:9px;border-radius:3px;background:#88cdb5}.mini-bars .off{background:#eadac0}.meter{height:8px;background:#efedf8;border-radius:6px;margin-top:25px}.meter i{display:block;height:100%;background:#9485e8;border-radius:6px}.incident{background:#fff6e9;padding:7px 10px;color:#b88948;font-size:11px;border-radius:5px}.charts{grid-template-columns:2.5fr 1fr;margin:20px 0}.panel h3{font-size:15px;margin-bottom:0;font-weight:600}.charttabs{display:flex;background:#f6f6fb;padding:3px;border-radius:6px}.charttabs button{background:none;padding:5px 11px;border-radius:4px;font-size:12px;color:#9c9daf}.charttabs .active{background:white;color:#6e5ed2;box-shadow:0 1px 4px #0001}.legend{display:flex;gap:20px;font-size:11px;margin:20px 0}.legend small{margin-left:auto;font-size:11px;color:#969bad}.purple{color:#8173ee}.cyan{color:#35adc0}.chart{display:flex;gap:15px}.axis{display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:#a0a6b8;padding-bottom:4px}.chart svg{width:calc(100% - 45px);height:185px}.xaxis{display:flex;justify-content:space-between;margin:12px 0 0 43px;font-size:10px;color:#a0a6b8}.donut{width:147px;height:147px;border-radius:50%;background:conic-gradient(#8173ee 0 68%,#eeedf7 68% 100%);padding:15px;margin:25px auto}.donut>div{background:#fff;width:100%;height:100%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut b{font-size:29px}.donut span{font-size:10px;color:#989dae}.storage .row{font-size:12px;margin:10px 0;color:#9297aa}.storage b{color:#454b63}.storage p{margin:15px 0 0}.servertools{display:flex;gap:10px}.servertools input{width:190px;font-size:12px;padding:9px;background:#fbfbfe}.servertools select{width:170px;font-size:12px;padding:9px;background:#fbfbfe}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:22px;white-space:nowrap;text-align:left}th{font-size:11px;color:#939aaf;font-weight:normal;padding:13px 9px;background:#fafbfe}td{padding:15px 9px;border-bottom:1px solid #edf0f7;font-size:12px}td b{font-weight:500;font-size:13px}td small{display:block;color:#9aa1b2;font-size:10px;margin-top:3px}.badge{padding:5px 9px;border-radius:5px;font-size:10px;display:inline-block}.online{background:#eaf7f0;color:#419478}.warning{background:#fff5e6;color:#b0833e}.maintenance{background:#f0f0f6;color:#8c90a1}.usage{display:flex;align-items:center;gap:8px}.usage i{display:block;width:60px;height:5px;background:#f0edf9;border-radius:6px;overflow:hidden}.usage em{display:block;height:100%;background:#a296eb}.detailbtn{color:#8b83b3;background:#f4f2fb;padding:6px 11px;border-radius:5px}.tablefoot{display:flex;justify-content:space-between;font-size:11px;color:#9ba1b4;margin-top:18px}.events,.backups{margin-top:20px}.textbtn{background:none;color:#786ad0;font-size:12px}.eventrow{display:flex;align-items:center;gap:15px;margin-top:20px;font-size:12px}.eventicon{background:#f0eefb;color:#897ad4;width:30px;height:30px;border-radius:7px;display:grid;place-items:center}.eventrow>div{flex:1}.eventrow small{display:block;color:#9cA2b3;font-size:11px}.eventrow time{color:#a1a6b7;font-size:11px}.backuprow{border-bottom:1px solid #eee;padding:20px 0}.adminmain footer{border:0;color:#a0a5b5;font-size:11px;padding-bottom:0;margin-top:10px}#detail-body{margin:20px 0}#detail-body p{border-bottom:1px solid #eee;padding-bottom:10px}#diagnosis{margin-top:15px;color:#398169}@media(max-width:1150px){.adminlayout{grid-template-columns:195px 1fr}.adminmain main{padding:24px}.stats{grid-template-columns:repeat(2,1fr)}.servertools{flex-wrap:wrap}.charts{grid-template-columns:2fr 1fr}}@media(max-width:800px){.adminlayout{grid-template-columns:1fr}.sidebar{padding:15px 20px}.sidebar .logo{font-size:22px}.sidebar .logo span,.workspace,.sidebottom{display:none}.sidebar nav{display:flex;margin-top:15px;overflow:auto}.sidebar nav button{padding:9px;white-space:nowrap;font-size:14px;gap:5px}.sidebar nav button span{font-size:11px}.adminheader{height:60px;padding:0 20px;font-size:12px}.adminmain main{padding:20px 15px}.pageheading h1{font-size:25px!important}.charts{grid-template-columns:1fr}.storage{display:none}.panel{padding:17px}.servertools input,.servertools select{width:100%}.servertools{width:100%}.stats article{padding:17px}.stats h2{font-size:29px}.stats p{font-size:10px}.eventrow time{display:none}.adminheader .row{gap:8px}}[hidden]{display:none!important}
.adminlayout{grid-template-columns:244px minmax(0,1fr)}.sidebar,.panel,.stats article{min-width:0}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-bars i{flex:1;min-width:0}.stats p,td,.eventrow{font-size:14px}.stats article>span{font-size:14px}@media(max-width:1150px){.adminlayout{grid-template-columns:195px minmax(0,1fr)}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.adminlayout{grid-template-columns:minmax(0,1fr)}.sidebar nav button{flex-shrink:0}.stats p{font-size:12px}.charts{grid-template-columns:minmax(0,1fr)}}