:root{--bg:#070711;--side:#0b0b1c;--panel:#101024;--panel2:#14132b;--line:#29264b;--text:#f6f4ff;--muted:#9691ae;--violet:#8f5cff;--pink:#dc62ff;--cyan:#37d9ff;--green:#36e69b;--danger:#ff5c7e}*{box-sizing:border-box}body{margin:0;background:#070711;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,#0d0d22,#0a0a18);border-right:1px solid #282540;padding:18px 14px;display:flex;flex-direction:column;z-index:10}.brand{height:65px;display:flex;align-items:center;gap:12px;padding:0 10px;border-bottom:1px solid #29253f;color:#fff;text-decoration:none}.brand img{width:40px;height:40px;object-fit:contain}.brand div{display:flex;flex-direction:column}.brand b{font-size:15px}.brand span{font-size:8px;letter-spacing:2px;color:#77738c;margin-top:3px}.sidebar nav{padding-top:17px}.nav{width:100%;border:0;background:transparent;color:#aaa6bd;padding:12px 14px;border-radius:10px;display:flex;gap:13px;align-items:center;font-size:14px;text-align:left;cursor:pointer;margin:3px 0}.nav.active{background:linear-gradient(90deg,#31205c,#241742);color:white;box-shadow:inset 3px 0 #a566ff,0 0 0 1px #6843ac}.nav:hover{color:white;background:#13132b}.label{font-size:9px;letter-spacing:1.8px;color:#5f5c70;margin:23px 13px 8px}.side-bottom{margin-top:auto;border-top:1px solid #242137;padding:17px 9px 2px}.node-mini{display:flex;align-items:center;gap:10px;padding:10px;background:#111123;border:1px solid #282646;border-radius:10px;margin-bottom:12px}.node-mini i,.oper i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.node-mini div{display:flex;flex-direction:column}.node-mini b{font-size:12px}.node-mini span{color:#77738b;font-size:10px}.side-bottom>a{font-size:11px;color:#79758d;text-decoration:none}.app{margin-left:250px;min-height:100vh;background:radial-gradient(circle at 87% 0,#38193255,transparent 27%),#070711}.app>header{height:68px;border-bottom:1px solid #25223c;background:#0b0b18cc;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:8}.search{width:min(530px,48vw);height:41px;border:1px solid #37305a;border-radius:10px;background:#111126;display:flex;align-items:center;gap:10px;padding:0 13px;color:#8f8aa8}.search input{flex:1;border:0;outline:0;background:transparent;color:#eee;font-size:13px}.search kbd{font-size:10px;color:#77728e;border:1px solid #3a3650;border-radius:5px;padding:3px 5px}.header-right{display:flex;align-items:center;gap:16px}.oper{display:flex;align-items:center;gap:8px;color:#aaa6ba;font-size:11px}.bell{width:37px;height:37px;border-radius:10px;border:1px solid #322f50;background:#111122;color:#aaa6bd}.profile{display:flex;align-items:center;gap:9px}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7044d9,#ac62ee);font-size:12px;font-weight:800}.profile>div:last-child{display:flex;flex-direction:column}.profile b{font-size:11px}.profile span{font-size:9px;color:#77738a;margin-top:2px}main{padding:34px 28px 60px;max-width:1550px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#b789ff;font-weight:800}.hero{padding:24px 6px 54px}.hero h1{font-size:40px;margin:9px 0 8px;letter-spacing:-1.8px}.hero h1 em{font-style:normal;color:#9c68ff}.hero p{color:#9692aa;font-size:13px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.stat,.card{border:1px solid #29264a;border-radius:14px;background:linear-gradient(145deg,#111126,#0e0e20)}.stat{padding:19px;display:flex;gap:14px;align-items:center}.stat .ico{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#2a1b51;border:1px solid #5b4196;color:#bd8eff;font-size:19px}.stat small{color:#8a86a0;font-size:10px}.stat b{display:block;font-size:20px;margin-top:4px}.layout{display:grid;grid-template-columns:1.6fr .8fr;gap:14px}.card .head{height:55px;border-bottom:1px solid #282540;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.card .head b{font-size:13px}.link{color:#aa77ff;font-size:11px;cursor:pointer}.server-row{display:flex;align-items:center;gap:13px;padding:18px}.server-icon{width:54px;height:54px;border-radius:10px;background:linear-gradient(135deg,#2e2253,#151328);display:grid;place-items:center;color:#b981ff;font-weight:900}.server-info{flex:1}.server-info b{font-size:13px}.online{font-size:10px;color:var(--green);margin-left:7px}.server-info small{display:block;color:#77738c;font-size:10px;margin-top:5px}.server-meta{display:flex;gap:16px;color:#aaa5bc;font-size:10px}.button{border:1px solid #3c365f;background:#18162c;color:white;padding:9px 15px;border-radius:9px;font-weight:700;font-size:11px;cursor:pointer}.button.purple{background:linear-gradient(135deg,#6f44df,#9858ef);border-color:#9b78e9}.account-list{padding:8px 18px 14px}.account-line{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #26233d;font-size:10px;color:#86819a}.account-line b{color:#e7e3f3}.page-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.page-title h1{margin:0;font-size:28px}.page-title p{margin:5px 0 0;color:#89849f;font-size:12px}.servers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.server-card{padding:20px}.server-card .top{display:flex;justify-content:space-between}.server-card h3{margin:14px 0 5px}.server-card p{color:#848099;font-size:11px}.usage{margin-top:18px}.usage-row{display:flex;justify-content:space-between;color:#8d89a0;font-size:10px}.bar{height:6px;background:#24213d;border-radius:10px;margin:7px 0 13px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#7d4ef0,#d15dff);border-radius:10px}.console-shell{display:grid;grid-template-columns:180px 1fr;min-height:620px;border:1px solid #2a2747;border-radius:15px;overflow:hidden;background:#0d0d1c}.server-nav{background:#0d0c1a;border-right:1px solid #282440;padding:16px 10px}.server-nav button{display:block;width:100%;border:0;background:transparent;color:#8e899e;text-align:left;padding:10px;border-radius:8px;margin:2px 0;cursor:pointer}.server-nav button.active{background:#22173f;color:white}.console-main{display:flex;flex-direction:column}.server-head{padding:18px 20px;border-bottom:1px solid #292641;display:flex;justify-content:space-between}.server-head h3{margin:0}.server-head small{color:#7e7a90}.controls{display:flex;gap:8px}.controls .button.stop{background:#301723;border-color:#5b2638;color:#ff88a0}.terminal{margin:18px;background:#07070d;border:1px solid #232136;border-radius:11px;min-height:420px;padding:17px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:#bcb8ce;line-height:1.8}.terminal .ok{color:#6be8ad}.terminal .cmd{color:#b17dff}.terminal .muted{color:#666277}.terminal-input{margin:0 18px 18px;display:flex;border:1px solid #282540;background:#0b0b13;border-radius:9px;padding:10px}.terminal-input span{color:#8c5dfa;margin-right:8px}.terminal-input input{background:transparent;border:0;outline:0;color:white;flex:1;font-family:monospace}.empty{padding:45px;text-align:center;color:#8d899e}.empty h2{color:white}.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.invoice{padding:18px;display:flex;justify-content:space-between;align-items:center}.invoice small{display:block;color:#77738d;margin-top:4px}.badge{padding:5px 8px;border-radius:6px;background:#173023;color:#59df9a;font-size:9px}.support-new{padding:20px}.support-new input,.support-new textarea{width:100%;background:#0b0b19;border:1px solid #302d4b;color:white;border-radius:9px;padding:11px;margin-top:10px}.support-new textarea{height:120px;resize:none}@media(max-width:900px){.sidebar{width:72px}.brand div,.sidebar .nav span,.label,.side-bottom{display:none}.brand{padding:0}.brand img{margin:auto}.nav{justify-content:center}.app{margin-left:72px}.layout{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.header-right .oper,.profile>div:last-child{display:none}.console-shell{grid-template-columns:1fr}.server-nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #282440}.server-nav button{width:auto;white-space:nowrap}.billing-grid{grid-template-columns:1fr}}@media(max-width:620px){.app>header{padding:0 12px}.search{width:100%}.header-right{display:none}main{padding:24px 12px}.hero h1{font-size:30px}.server-meta{display:none}.servers-grid{grid-template-columns:1fr}}