:root{--bg:#080b10;--panel:#10151d;--line:#202936;--text:#eef3f8;--muted:#8995a5;--accent:#62a8ff;--good:#42d392;--bad:#ff6874}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#111b28 0,#080b10 40%);color:var(--text);font:14px/1.5 Inter,system-ui,Arial,sans-serif}a{color:var(--text);text-decoration:none}.shell{display:flex;min-height:100vh}aside{width:230px;background:#0b0f15;border-right:1px solid var(--line);padding:24px 16px;position:sticky;top:0;height:100vh}.brand{font-weight:800;letter-spacing:.08em;font-size:18px}.brand span{color:var(--accent);font-size:12px}.brand{margin-bottom:30px}nav{display:grid;gap:7px}nav a{padding:12px;border-radius:10px;color:var(--muted)}nav a:hover,nav .active{background:#141c27;color:var(--text)}main{flex:1;padding:28px;max-width:1400px;margin:auto;width:100%}header,.panel-head,.hosting{display:flex;align-items:center;justify-content:space-between;gap:15px}small{color:var(--muted);letter-spacing:.14em}h1,h2,h3{margin:4px 0}.pill{padding:7px 11px;border:1px solid #24513e;border-radius:999px;font-size:11px}.online{color:var(--good)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.card,.panel,.hero{background:linear-gradient(180deg,#111822,#0e131b);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 30px #0004}.card{padding:18px}.card b{display:block;color:var(--muted);font-size:11px}.card strong{font-size:24px}.panel{padding:20px;margin-top:20px}.hero{padding:42px;margin-top:25px}.btn{display:inline-block;border:0;background:var(--accent);color:#06111f;padding:11px 15px;border-radius:10px;font-weight:700;cursor:pointer}.btn.small{padding:7px 10px;font-size:12px}.hosting{border-top:1px solid var(--line);padding:15px 0}.hosting span{color:var(--muted);font-size:12px}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.auth .panel{width:min(420px,100%)}label{display:block;color:var(--muted);margin:15px 0}input,select,textarea{display:block;width:100%;margin-top:7px;background:#090d13;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:12px;outline:none}.error,.notice{padding:10px;border-radius:9px;background:#29151a;border:1px solid #5b2830;margin:10px 0}.notice{background:#13231e;border-color:#24513e}@media(max-width:760px){aside{display:none}main{padding:18px}.grid{grid-template-columns:repeat(2,1fr)}header{align-items:flex-start}.hosting{flex-wrap:wrap}}