:root{color-scheme:dark;--bg:#070b18;--panel:#0e1930;--muted:#8fa4c6;--line:#263657;--cyan:#51e7ff;--blue:#428cff;--fg:#eff7ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,'Segoe UI',sans-serif}body:before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 87% 0%,#143b76aa,transparent 48%),radial-gradient(ellipse at 8% 85%,#10285e99,transparent 40%);pointer-events:none}.aurora{position:fixed;top:-360px;right:-200px;width:700px;height:700px;border-radius:50%;background:#1566ce18;filter:blur(90px);animation:float 14s infinite alternate ease-in-out;pointer-events:none}@keyframes float{to{transform:translate(-140px,140px) scale(1.25)}}.layout{position:relative;display:flex;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;width:270px;flex-shrink:0;padding:28px 18px;background:#0a1225ed;border-right:1px solid #1d3152;backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:12px;margin-bottom:52px;color:white;text-decoration:none;font-size:23px}.brand img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 0 12px #0787fd80)}.brand em{font-style:normal;color:var(--cyan)}.brand small{display:block;font-size:9px;letter-spacing:2.4px;color:#779ac4;margin-top:3px}.caption,.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#68bce6}.caption{padding:0 16px;margin-bottom:12px}.nav{margin:4px 0;padding:14px 17px;border:1px solid transparent;border-radius:12px;color:#98b0d1;text-decoration:none;transition:.2s}.nav:hover,.nav.active{border-color:#275783;background:#102c50;color:#7de6ff;transform:translateX(3px)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:25px 10px;color:#8cded2;font-size:12px;letter-spacing:1px}.sidebar-bottom p{color:var(--muted);font-size:11px}.online-dot{display:inline-block;height:8px;width:8px;background:#45e6a2;border-radius:50%;box-shadow:0 0 12px #45e6a2}.main{width:100%;max-width:1600px;margin:0 auto;padding:44px 55px}h1{font-size:clamp(30px,3vw,45px);letter-spacing:-1.3px;margin:12px 0 4px}h2{font-size:clamp(24px,2vw,33px);margin:10px 0}h3{margin:18px 0 8px;font-size:18px}p,small{color:var(--muted)}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.account{white-space:nowrap}.account span{margin-right:12px;color:#abd9ff}.btn{display:inline-block;background:linear-gradient(110deg,#2855d9,#00bad9);box-shadow:0 8px 30px #137cce45;color:white;border:1px solid #428df4;text-decoration:none;padding:13px 22px;border-radius:12px;font-weight:750;cursor:pointer;transition:transform .2s,box-shadow .2s;font-size:14px}.btn:hover{transform:translateY(-3px);box-shadow:0 14px 34px #1287e877}.btn.outline{background:#14243f;box-shadow:none}.banner{min-height:330px;border-radius:24px;border:1px solid #3069b5;position:relative;overflow:hidden;box-shadow:0 25px 100px #0007}.banner>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;animation:zoom 22s alternate infinite ease-in-out}@keyframes zoom{to{transform:scale(1.08)}}.banner-shadow{position:absolute;inset:0;background:linear-gradient(90deg,#070d24db 0%,#07152ab8 36%,#08102021 100%)}.banner-content{position:relative;z-index:2;padding:45px;max-width:540px}.banner-content h2{font-size:35px;line-height:1.1;text-shadow:0 3px 20px #000}.banner-content p{color:#d3e3f5;line-height:1.65;margin-bottom:20px}.pill{display:inline-block;border-radius:80px;border:1px solid #38789f;background:#123152b8;padding:8px 14px;color:#69e5ff;font-size:11px;font-weight:800;letter-spacing:1px}.section{margin-top:54px}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.heading p{margin:5px 0 0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.tile,.stat,fieldset{background:linear-gradient(145deg,#11223df5,#0d172bf5);border:1px solid #263e60;border-radius:18px;box-shadow:inset 0 1px #ffffff0a,0 8px 30px #02081945}.tile{padding:23px;min-height:190px;transition:transform .22s,border-color .22s,box-shadow .22s}.tile:hover{transform:translateY(-6px);border-color:#3b9bdf;box-shadow:0 14px 50px #067acd20}.tile p{font-size:13px;line-height:1.65}.tile-top{display:flex;justify-content:space-between;align-items:center}.icon{display:inline-grid;place-items:center;width:47px;height:47px;border-radius:13px;background:#14365e;border:1px solid #28537d;font-size:22px;box-shadow:0 0 25px #148af42b}.status{font-size:11px;border-radius:50px;padding:7px 10px}.ready{background:#123b34;color:#70e8bd}.planned{background:#392d1d;color:#ecc989}.toggle{display:flex;align-items:center;gap:10px;margin-top:19px;font-size:13px;cursor:pointer;color:#b8c9e0}.toggle input{position:absolute;opacity:0}.switch{position:relative;width:40px;height:22px;background:#34445d;border-radius:20px;transition:.2s}.switch:after{content:'';width:16px;height:16px;position:absolute;top:3px;left:3px;background:white;border-radius:50%;transition:.2s}.toggle input:checked+.switch{background:#10a7de;box-shadow:0 0 15px #10a7de40}.toggle input:checked+.switch:after{transform:translateX(18px)}.toggle input:disabled+.switch{opacity:.25}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:26px}.stat{padding:25px}.stat span{display:block;font-size:11px;letter-spacing:1px;color:#8dacd6}.stat strong{display:block;font-size:40px;margin:10px 0;color:#8ceafa}.stat small{font-size:12px}.actions{display:flex;justify-content:flex-end;margin-top:23px}.setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}fieldset{margin:0;min-width:0;padding:25px}legend{font-size:17px;font-weight:800;padding:0 10px;color:#d7f4ff}fieldset label{display:block;color:#bed1ec;font-size:13px;margin:12px 0}fieldset input:not([type=checkbox]),fieldset textarea{font:inherit;display:block;width:100%;background:#09152a;color:#eff8ff;border:1px solid #2c4a6c;border-radius:10px;margin-top:7px;padding:12px;outline:none}fieldset input:focus,fieldset textarea:focus{border-color:#25bfe9;box-shadow:0 0 0 3px #25bfe91a}fieldset textarea{resize:vertical}fieldset .check{display:flex;align-items:center;gap:10px}fieldset small{display:block;font-size:11px;line-height:1.6}fieldset code{color:#80dfff}fieldset p{font-size:13px}.saved{padding:15px 20px;background:#0b473e;color:#7bffda;border:1px solid #178773;border-radius:12px;margin:28px 0}.server-icon{font-size:28px;width:55px;height:55px;display:grid;place-items:center;background:#153f75;border-radius:16px}.server-tile{text-decoration:none;color:inherit}footer{margin-top:60px;border-top:1px solid #263657;padding:22px 0;color:#6a84a7;font-size:12px}@media(max-width:1050px){.main{padding:28px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:215px}}@media(max-width:700px){.sidebar{display:none}.main{padding:18px}.top{align-items:flex-start;flex-direction:column}.account{white-space:normal}.cards,.stats,.setting-grid{grid-template-columns:1fr}.banner{min-height:360px}.banner-content{padding:30px}.banner-shadow{background:#06101bc9}.heading{align-items:start;flex-direction:column;gap:15px}}

.module-open{appearance:none;background:none;border:none;color:inherit;text-align:left;cursor:pointer;width:100%;padding:0;display:block;font:inherit}.module-open h3{transition:color .2s}.module-open:hover h3,.module-open[aria-expanded=true] h3{color:#65e8ff}.module-open small{color:#49cbff}.module-details[hidden]{display:none}.module-details{padding:26px;border:1px solid #2e7bad;background:linear-gradient(140deg,#102a4b,#0a152c);border-radius:18px;box-shadow:0 15px 55px #0078c21f;animation:appear .28s ease}.module-detail-config{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.module-detail-config p{flex-basis:100%}.selected-setting{outline:2px solid #49dfff;box-shadow:0 0 30px #1abfff33}fieldset select{font:inherit;display:block;width:100%;background:#09152a;color:#eff8ff;border:1px solid #2c4a6c;border-radius:10px;margin-top:7px;padding:12px;outline:none}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important}}

.module-detail-config fieldset{width:100%}.module-detail-config{display:block}.module-detail-config button.btn{margin-top:18px}.module-detail-config select{max-width:100%}