.nav-actions{display:flex;align-items:center;gap:18px}
.nav-login{color:#cbd2de;text-decoration:none;font-size:12px;font-weight:700}
.account-body,.dashboard-body{min-height:100vh;background:transparent}
.dashboard-body:before{background:radial-gradient(ellipse 62% 43% at 72% -8%,#6874ff30 0%,#3545b015 42%,transparent 73%),radial-gradient(ellipse 46% 40% at 18% 48%,#8fff6a1c 0%,transparent 72%),radial-gradient(ellipse 42% 38% at 91% 88%,#38d0e718 0%,transparent 74%),linear-gradient(145deg,#05070d 0%,#090d18 40%,#060912 70%,#03050a 100%)}
.login-layout{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}
.login-brand{padding:55px clamp(35px,7vw,110px);display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 28% 54%,#234c2c88,transparent 42%),linear-gradient(145deg,#0b1115cc,#090c13e8);border-right:1px solid #2a3342;position:relative;overflow:hidden}
.login-brand:after{content:'CW';position:absolute;right:-4vw;bottom:-9vw;font:700 clamp(220px,31vw,500px)/1 'Space Grotesk';letter-spacing:-.12em;color:#94ff5f08;pointer-events:none}
.login-brand h1{font:700 clamp(54px,6vw,88px)/.94 'Space Grotesk';letter-spacing:-.06em;margin:22px 0 28px}
.login-brand h1 span{color:var(--lime)}
.login-brand p{max-width:570px;color:#9da6b5;line-height:1.8}
.login-points{display:flex;gap:24px;color:#778194;font-size:10px;font-weight:700}
.login-points span:before{color:var(--lime)}
.login-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;background:#080b12b8;backdrop-filter:blur(20px)}
.login-card{width:min(430px,100%);border:1px solid #2a3242;background:linear-gradient(145deg,#141925,#0d1119);border-radius:22px;padding:42px;box-shadow:0 30px 100px #0007}
.login-icon{width:58px;height:58px;border:1px solid #94ff5f55;background:#94ff5f0d;color:var(--lime);border-radius:17px;display:grid;place-items:center;font:700 17px 'Space Grotesk';margin-bottom:28px}
.login-card h2{font:700 35px 'Space Grotesk';letter-spacing:-.04em;margin:11px 0}
.login-card>p{color:#858fa1;font-size:13px;line-height:1.65;margin-bottom:28px}
.discord-login{height:54px;background:#5865f2;color:#fff;border-radius:11px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:11px;font-size:13px;font-weight:800}
.discord-login:hover{background:#6874f5}
.discord-login svg{width:21px}
.login-card>small{display:block;color:#5f697b;font-size:9px;line-height:1.55;text-align:center;margin:14px 8px}
.login-error{background:#ff596414;border:1px solid #ff59644a;color:#ff9da3;border-radius:9px;padding:12px;margin-bottom:16px;font-size:11px}
.login-divider{display:flex;align-items:center;gap:12px;margin:27px 0 15px;color:#566071;font-size:8px;letter-spacing:.14em}
.login-divider:before,.login-divider:after{content:'';height:1px;background:#28303e;flex:1}
.support-access{border:1px solid #2c3443;border-radius:11px;padding:14px;display:flex;align-items:center;color:#fff;text-decoration:none}
.support-access span{display:grid}
.support-access b{font-size:11px}
.support-access small{font-size:9px;color:#788294;margin-top:3px}
.support-access em{margin-left:auto;color:var(--lime);font-style:normal}
.back-home{color:#687285;text-decoration:none;font-size:10px;margin-top:23px}
.dash-sidebar{position:fixed;inset:0 auto 0 0;width:245px;border-right:1px solid #2c354566;background:linear-gradient(180deg,#090d16ed,#070a11e8);backdrop-filter:blur(26px);padding:28px 22px;display:flex;flex-direction:column;z-index:5;box-shadow:18px 0 70px #0003}
.dash-sidebar nav{display:grid;gap:5px;margin-top:65px}
.dash-sidebar nav button{width:100%;border:1px solid transparent;padding:12px;border-radius:9px;color:#778193;background:transparent;text-align:left;cursor:pointer;font:700 11px Manrope;transition:.2s}
.dash-sidebar nav button span{display:inline-block;width:31px;color:#566174;font:700 8px 'Space Grotesk'}
.dash-sidebar nav button:hover{background:#131923;color:#fff;transform:translateX(2px)}
.dash-sidebar nav button.active{border-color:#86ce5b2f;background:linear-gradient(90deg,#1a2a1b,#141a24);color:#fff;box-shadow:inset 3px 0 var(--lime)}
.dash-sidebar nav button.active span{color:var(--lime)}
.side-support{margin-top:auto;border:1px solid #293140;background:#111621;border-radius:13px;padding:16px}
.side-support>span{font-size:8px;color:#687184;letter-spacing:.14em}
.side-support p{font-size:10px;color:#7f899a;line-height:1.5;margin:8px 0}
.side-support a{font-size:10px;color:var(--lime);text-decoration:none;font-weight:800}
.logout{border:0;background:transparent;color:#677184;text-align:left;padding:18px 9px 0;cursor:pointer;font:700 10px Manrope}
.dash-main{margin-left:245px;padding:45px clamp(28px,5vw,75px) 90px;max-width:1600px;position:relative}
.dash-main:before{content:'';position:absolute;width:620px;height:620px;right:-190px;top:-310px;border-radius:50%;background:radial-gradient(circle,#7983ff26 0%,#4956db10 44%,transparent 70%);filter:blur(38px);pointer-events:none;z-index:-1}
.dash-main>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}
.dash-main header h1{font:700 clamp(35px,4vw,52px) 'Space Grotesk';letter-spacing:-.05em;margin:8px 0}
.dash-main header h1 span{color:var(--lime)}
.user-chip{display:flex;align-items:center;gap:11px;border:1px solid #293140;background:#11151e;border-radius:13px;padding:9px 12px}
.user-chip img{width:36px;height:36px;border-radius:10px;background:#222a38}
.user-chip div{display:grid}
.user-chip b{font-size:10px}
.user-chip small{font-size:8px;color:#70798b;margin-top:2px}
.user-chip i{width:6px;height:6px;background:var(--lime);border-radius:50%;margin-left:7px}
.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.dash-stats article{border:1px solid #2c354466;background:linear-gradient(145deg,#131925d9,#0b1018e8);backdrop-filter:blur(14px);border-radius:15px;padding:21px;box-shadow:0 18px 55px #0002}
.dash-stats article>span{font-size:8px;letter-spacing:.13em;color:#697285}
.dash-stats b{display:block;font:700 24px 'Space Grotesk';margin:14px 0 4px}
.dash-stats small{color:#657083;font-size:8px}
.online-dot{display:inline-block;width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 10px var(--lime)}
.dash-section{padding-top:65px}
.dash-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}
.dash-title h2{font:700 31px 'Space Grotesk';letter-spacing:-.035em;margin:8px 0 0}
.server-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.server-card{border:1px solid #30394a70;background:linear-gradient(145deg,#121824dc,#0b1018e8);backdrop-filter:blur(14px);border-radius:15px;padding:19px;display:grid;grid-template-columns:44px 1fr;gap:13px;align-items:center;box-shadow:0 16px 45px #0002}
.server-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,#293347,#131925);display:grid;place-items:center;font:700 12px 'Space Grotesk';overflow:hidden}
.server-icon img{width:100%;height:100%;object-fit:cover}
.server-card h3{font-size:11px;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.server-card p{font-size:8px;color:#6f798c;margin:0}
.access-badge{grid-column:1/-1;margin-top:4px;border-top:1px solid #242c39;padding-top:12px;display:flex;justify-content:space-between;font-size:8px;color:#687285}
.access-badge b{color:var(--lime)}
.access-badge b.locked{color:var(--orange)}
.skeleton{height:135px;border:1px solid #242c39;border-radius:15px;background:linear-gradient(100deg,#10141c 25%,#181e29 40%,#10141c 58%);background-size:300% 100%;animation:shine 1.6s infinite}
@keyframes shine{to{background-position:-100% 0}
}
.empty-servers{grid-column:1/-1;border:1px dashed #344052;border-radius:15px;padding:40px;text-align:center;color:#7f899b;font-size:11px;background:#0d121bc9;display:grid;justify-items:center;gap:8px}
.empty-servers b{font:700 18px 'Space Grotesk';color:#e9edf5}
.empty-servers span{color:#778193}
.empty-servers a{margin-top:7px;color:var(--lime);text-decoration:none;font-weight:800}
.setup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.setup-grid article{border:1px solid #28303d;border-radius:15px;padding:24px;background:#10141d}
.setup-grid article>span{color:var(--lime);font:700 11px 'Space Grotesk'}
.setup-grid h3{font:700 17px 'Space Grotesk';margin:24px 0 10px}
.setup-grid p{color:#7f899b;font-size:10px;line-height:1.65}
.setup-grid code{color:var(--lime)}
.dashboard-cta{border:1px solid #334438;background:linear-gradient(135deg,#15231a,#10141c);border-radius:18px;padding:40px;display:flex;justify-content:space-between;gap:35px;align-items:center}
.dashboard-cta h2{font:700 31px 'Space Grotesk';margin:8px 0}
.dashboard-cta p{color:#7f8a98;font-size:10px}
.dashboard-cta>div:last-child{display:grid;gap:7px}
.dashboard-cta code{background:#0b0f14;border:1px solid #2b3530;border-radius:8px;padding:10px 14px;color:var(--lime);font-size:10px}
.dash-subtitle,.dash-title p{color:#7f899b;margin-top:8px;font-size:11px}.server-select{position:relative;width:100%;color:inherit;text-align:left;cursor:pointer;font:inherit}.server-select:hover{border-color:#465267;transform:translateY(-2px)}.server-select.selected{border-color:var(--lime);box-shadow:0 0 0 1px #a9f56a33,0 18px 50px #0008}.server-arrow{position:absolute;right:18px;top:18px;color:#697487;font:700 16px 'Space Grotesk'}.settings-panel{scroll-margin-top:24px;margin-top:34px}.settings-panel[hidden]{display:none}.settings-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:20px 22px;border:1px solid #28313e;border-radius:18px;background:linear-gradient(135deg,#121925,#0c1119)}.selected-server{display:flex;align-items:center;gap:15px}.selected-server .server-icon{width:54px;height:54px}.selected-server .server-icon img{width:100%;height:100%;object-fit:cover;border-radius:12px}.selected-server h2{margin:3px 0;font:700 21px 'Space Grotesk'}.selected-server small{color:#737f91;font-size:9px}.save-state{padding:8px 12px;border:1px solid #2c3543;border-radius:999px;color:#778296;font-size:9px;background:#0c1118}.save-state.dirty{border-color:#bc8e334f;color:#f2be51;background:#2b2112}.settings-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:14px}.settings-card{border:1px solid #28313e;border-radius:18px;background:linear-gradient(145deg,#111722,#0c1119);padding:23px;min-width:0}.primary-settings{grid-row:span 2}.settings-heading{display:flex;gap:13px;align-items:flex-start;margin-bottom:20px}.settings-heading h3{margin:1px 0 5px;font:700 17px 'Space Grotesk'}.settings-heading p{margin:0;color:#7d8798;font-size:9px;line-height:1.55}.settings-symbol{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;border:1px solid;font:800 10px 'Space Grotesk'}.settings-symbol.green{color:#a9f56a;border-color:#72a84c55;background:#172419}.settings-symbol.blue{color:#78b8ff;border-color:#4686cc55;background:#111f31}.settings-symbol.orange{color:#ffc45f;border-color:#b67d3155;background:#281d10}.settings-symbol.violet{color:#bd9cff;border-color:#7e5dc255;background:#20182e}.settings-card>label,.field-row label{display:grid;gap:8px;margin:14px 0;color:#afb8c7;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.settings-card input[type=text],.settings-card input:not([type]),.settings-card select{width:100%;box-sizing:border-box;border:1px solid #303a49;border-radius:10px;background:#090e15;color:#edf1f7;padding:12px 13px;outline:none;font:600 11px Manrope}.settings-card input:focus,.settings-card select:focus{border-color:#83c65b;box-shadow:0 0 0 3px #9ce66c14}.field-row{display:grid;grid-template-columns:1fr 1.35fr;gap:10px}.setting-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #242d39;padding:15px 0}.setting-toggle b{display:block;font-size:10px}.setting-toggle small{display:block;color:#727e90;font-size:8px;margin-top:4px}.switch-control{position:relative;flex:0 0 42px;height:23px}.switch-control input{position:absolute;opacity:0}.switch-control span{position:absolute;inset:0;border-radius:20px;background:#29313e;cursor:pointer;transition:.2s}.switch-control span:after{content:'';position:absolute;width:17px;height:17px;left:3px;top:3px;border-radius:50%;background:#8490a2;transition:.2s}.switch-control input:checked+span{background:#6cae45}.switch-control input:checked+span:after{transform:translateX(19px);background:white}.channel-help{padding:10px;border:1px solid #293747;border-radius:9px;background:#101925;color:#8090a4;font-size:8px}.channel-help span{color:#76baff;font-weight:800;margin-right:5px}.channel-picker{display:grid;gap:7px;max-height:265px;overflow:auto;margin-top:12px;padding-right:4px}.channel-option{display:grid;grid-template-columns:auto 18px 1fr auto;align-items:center;gap:8px;padding:10px;border:1px solid #272f3c;border-radius:9px;background:#0b1018;cursor:pointer}.channel-option:hover{border-color:#3d495b}.channel-option input{accent-color:#8dd65d}.channel-option span{color:#667488;font-weight:800}.channel-option b{font-size:9px;overflow:hidden;text-overflow:ellipsis}.channel-option i{opacity:0;color:var(--lime);font-style:normal;font-size:8px}.channel-option:has(input:checked){border-color:#6da84977;background:#142019}.channel-option:has(input:checked) i{opacity:1}.range-value{display:flex;align-items:baseline;gap:8px;margin:24px 0 12px}.range-value b{font:700 24px 'Space Grotesk';color:#f1f4f8}.range-value small{color:#7d8798;font-size:9px}.range{width:100%;accent-color:#9ce669}.range-labels{display:flex;justify-content:space-between;color:#697487;font-size:8px}.access-card{background:linear-gradient(145deg,#141324,#0c1119)}.access-line{display:flex;justify-content:space-between;border-top:1px solid #292d3c;padding:12px 0;color:#7f899a;font-size:9px}.access-line b{color:#e9edf4}.good{color:var(--lime)!important}.bad{color:var(--orange)!important}.save-bar{position:sticky;bottom:14px;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:14px;padding:15px 18px;border:1px solid #354331;border-radius:15px;background:#101711ed;backdrop-filter:blur(16px);box-shadow:0 18px 55px #000a}.save-bar b{display:block;font-size:10px}.save-bar small{display:block;color:#7f8b80;font-size:8px;margin-top:3px}.save-bar button:disabled{opacity:.5;cursor:wait}.loading-settings{opacity:.45;pointer-events:none}.toast{position:fixed;z-index:50;right:22px;bottom:22px;max-width:320px;padding:14px 18px;border:1px solid #4e7138;border-radius:12px;background:#152219;color:#bcf198;box-shadow:0 18px 50px #000b;transform:translateY(30px);opacity:0;pointer-events:none;transition:.22s;font-size:10px;font-weight:700}.toast.show{transform:none;opacity:1}.toast.error{border-color:#8b4141;background:#291616;color:#ffabab}
.channel-tools{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.channel-tools input{min-width:0;border:1px solid #303a49;border-radius:9px;background:#090e15;color:#edf1f7;padding:10px 11px;outline:none;font:600 9px Manrope}.channel-tools input:focus{border-color:#75b5ef}.channel-tools button{border:1px solid #344357;border-radius:9px;background:#121b28;color:#a9c9ec;padding:0 11px;cursor:pointer;font:800 8px Manrope}.channel-tools button:hover{border-color:#67a8e8;color:#fff}.channel-empty{padding:22px;text-align:center;border:1px dashed #303a49;border-radius:9px;color:#707c8e;font-size:9px}
.channel-mode{display:flex;align-items:center;gap:12px;margin:0 0 13px;padding:13px 14px;border-radius:12px}.channel-mode.all{border:1px solid #4e813d;background:#142219}.channel-mode.restricted{border:1px solid #3c73a7;background:#101d2b}.channel-mode .mode-dot{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px #94ff5f}.channel-mode.restricted .mode-dot{background:#6ebaff;box-shadow:0 0 14px #53aaff}.channel-mode b,.channel-mode small{display:block}.channel-mode b{font-size:10px;color:#edf6e9}.channel-mode small{font-size:8px;color:#82928a;margin-top:3px}.channel-tools{margin-top:0;margin-bottom:11px}.channel-tools input{height:39px;font-size:10px}.channel-tools button{min-width:80px;font-size:9px}.channel-picker{gap:8px;max-height:420px;margin-top:0}.channel-option{min-height:52px;grid-template-columns:20px 24px minmax(0,1fr) auto;padding:11px 13px;border-radius:11px;transition:.16s}.channel-option:hover{transform:translateX(2px)}.channel-option .channel-hash{display:grid;place-items:center;color:#77869a;font-size:18px}.channel-option b{font-size:10px;text-transform:none}.channel-option em{min-width:58px;border-radius:999px;padding:5px 8px;text-align:center;font:800 7px Manrope;letter-spacing:.08em}.channel-option.is-allowed{border-color:#436c386b;background:#101c14}.channel-option.is-allowed em{color:#aaf27c;background:#294520;border:1px solid #4d7d3c}.channel-option.is-blocked{border-color:#553238;background:#1a1014}.channel-option.is-blocked em{color:#ff9da3;background:#3b1d22;border:1px solid #683039}.channel-option input{width:16px;height:16px}.dash-sidebar nav button{appearance:none;-webkit-appearance:none}.dash-sidebar nav button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
@media(max-width:1000px){.login-layout{grid-template-columns:1fr}
.login-brand{min-height:520px}
.dash-stats{grid-template-columns:1fr 1fr}
.server-grid{grid-template-columns:1fr 1fr}
.settings-grid{grid-template-columns:1fr}.primary-settings{grid-row:auto}
}
@media(max-width:700px){.nav-actions .nav-login{display:none}
.login-brand{padding:35px 25px;min-height:480px}
.login-brand h1{font-size:54px}
.login-points{display:grid;gap:8px}
.login-panel{padding:40px 18px}
.login-card{padding:28px}
.dash-sidebar{position:fixed;inset:auto 12px 12px;width:calc(100% - 24px);height:62px;padding:7px;flex-direction:row;align-items:center;border:1px solid #303a49;border-radius:16px;background:#090d15f2;z-index:30}
.dash-sidebar>.brand,.side-support,.logout{display:none}
.dash-sidebar nav{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;margin:0}
.dash-sidebar nav button{padding:10px 5px;text-align:center;font-size:8px}.dash-sidebar nav button span{display:block;width:auto;margin-bottom:3px}
.dash-main{margin:0;padding:30px 16px 70px}
.dash-main>header{align-items:flex-start}
.user-chip div,.user-chip i{display:none}
.dash-stats,.server-grid,.setup-grid{grid-template-columns:1fr}
.dashboard-cta{display:block;padding:28px}
.dashboard-cta>div:last-child{margin-top:25px}
.dash-title{align-items:start;gap:15px}
.settings-top,.save-bar{align-items:flex-start}.settings-top{flex-direction:column}.settings-grid{grid-template-columns:1fr}.field-row{grid-template-columns:1fr}.save-bar>div{display:none}.save-bar button{width:100%}
}