:root{
  --brand-purple:#9b22d3;--brand-magenta:#e725a8;--brand-orange:#ff7a18;--brand-gold:#ffbd16;
  --ink:#f7f3fb;--muted:#a69aaf;--muted2:#756b7e;--canvas:#0a0710;--surface:#120d18;--surface2:#181020;
  --surface3:#21142c;--sidebar:#0d0712;--border:#35243f;--border2:#4c2b58;--success:#4ed39b;--danger:#ff6475;
  --warning:#ffb53f;--blue:#798cff;--shadow:0 18px 60px rgba(0,0,0,.35);--soft-shadow:0 6px 24px rgba(0,0,0,.2);
  --grad:linear-gradient(120deg,var(--brand-purple),var(--brand-magenta) 52%,var(--brand-orange));
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--canvas);color:var(--ink);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}a{color:inherit}.muted{color:var(--muted)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.17;background:radial-gradient(circle at 85% 4%,rgba(201,35,225,.3),transparent 26rem),radial-gradient(circle at 15% 90%,rgba(255,102,15,.19),transparent 24rem)}

/* login */
.login-shell{position:relative;min-height:100vh;display:grid;place-items:center;padding:28px;overflow:hidden;background:#09050d}.login-backdrop{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(6,3,10,.92),rgba(10,4,17,.55) 48%,rgba(6,3,10,.8)),var(--solaria-banner);background-size:cover;background-position:center;filter:saturate(1.12)}.login-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 10%,rgba(5,2,8,.78) 100%)}
.login-card{position:relative;width:min(520px,calc(100vw - 34px));padding:34px;border:1px solid rgba(235,71,234,.28);border-radius:18px;background:linear-gradient(160deg,rgba(25,13,33,.94),rgba(8,6,12,.97));box-shadow:0 30px 90px rgba(0,0,0,.7),0 0 80px rgba(165,24,203,.12);backdrop-filter:blur(18px)}
.login-brand-art{width:180px;height:150px;margin:-12px auto 0;background-image:var(--solaria-logo);background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 14px 22px rgba(0,0,0,.45))}.login-copy{text-align:center}.eyebrow{display:inline-block;margin-top:2px;font-size:10px;letter-spacing:.24em;color:#dc87f7;font-weight:800}.login-copy h1{font-size:34px;letter-spacing:.15em;margin:4px 0 6px}.login-copy p{max-width:430px;margin:0 auto 24px;color:#c2b7ca}.discord-login{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:13px 16px;border:1px solid rgba(255,255,255,.08);border-radius:9px;text-decoration:none;font-weight:750;color:white;background:linear-gradient(100deg,#6f58f6,#9e39e8 58%,#e548ba);box-shadow:0 10px 30px rgba(112,73,246,.24);transition:.16s transform,.16s filter}.discord-login:hover{transform:translateY(-1px);filter:brightness(1.08)}.discord-glyph{font-size:18px}.login-note{font-size:11px;line-height:1.55;color:#96899f;text-align:center;margin:15px 0 0}.error{color:var(--danger);margin-top:10px;min-height:18px;text-align:center}

/* shell */
.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:14px 12px;background:linear-gradient(180deg,#100717,#0b0710 55%,#09060d);border-right:1px solid #2b1734;box-shadow:12px 0 36px rgba(0,0,0,.22);z-index:8}.brand{display:flex;align-items:center;gap:10px;padding:2px 6px 13px;border-bottom:1px solid #281731}.brand-art{width:46px;height:46px;flex:0 0 auto;background-image:var(--solaria-hat);background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 5px 9px rgba(0,0,0,.35))}.brand-copy strong{display:block;font-size:14px;letter-spacing:.11em}.brand-copy small{display:block;margin-top:1px;color:#ad77bf;font-size:8px;letter-spacing:.16em}.sidebar nav{overflow:auto;padding-top:8px;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin;scrollbar-color:#4a2856 transparent}.sidebar nav button,.logout{border:0;text-align:left;color:#bfb4c6;background:transparent;padding:8px 10px;border-radius:7px;transition:.12s background,.12s color}.sidebar nav button:hover{background:#1d1025;color:#fff}.sidebar nav button.active{background:linear-gradient(90deg,rgba(161,38,208,.24),rgba(232,42,168,.09));color:#fff;box-shadow:inset 3px 0 var(--brand-magenta)}.nav-label{font-size:8px;letter-spacing:.18em;color:#6f5378;padding:14px 10px 5px;font-weight:800}.sidebar-foot{margin-top:auto;border-top:1px solid #281731;padding-top:10px}.bot-state{display:flex;align-items:center;gap:7px;color:#8b7d93;font-size:11px;padding:4px 9px}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px rgba(78,211,155,.1)}.logout{width:100%;margin-top:4px;color:#9f8ca8}.logout:hover{background:#1b1021;color:white}
.main-shell{min-width:0}.topbar{position:sticky;top:0;z-index:6;height:68px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:rgba(13,8,18,.9);backdrop-filter:blur(18px);border-bottom:1px solid #2c1a34}.server-switcher{display:flex;align-items:center;gap:11px}.top-label{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#795f82;font-weight:800}.topbar select{min-width:300px;padding:9px 34px 9px 11px;color:#f8f4fa;background:#17101e;border:1px solid #43294d;border-radius:8px;outline:none}.topbar select:focus{border-color:#a749ca;box-shadow:0 0 0 3px rgba(175,48,209,.11)}.status-chip{display:flex;align-items:center;gap:7px;color:#9f93a6;background:#15101a;border:1px solid #302037;border-radius:999px;padding:7px 10px;font-size:11px}.content{position:relative;padding:24px;max-width:1650px;margin:0 auto}.loading{padding:30px;color:var(--muted)}

/* page components */
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:17px}.page-head h2{font-size:24px;margin:0;letter-spacing:-.02em}.page-head p{margin:4px 0 0;color:var(--muted);max-width:720px}.page-actions{display:flex;gap:8px;align-items:center}.hero-card{position:relative;overflow:hidden;min-height:210px;margin-bottom:17px;border:1px solid #402349;border-radius:14px;background:#130c19;box-shadow:var(--soft-shadow)}.hero-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(10,5,13,.96),rgba(14,7,20,.77) 52%,rgba(10,5,13,.35)),var(--solaria-banner);background-size:cover;background-position:center 48%;opacity:.88}.hero-content{position:relative;z-index:1;display:flex;align-items:center;gap:20px;padding:27px 30px;min-height:210px}.hero-logo{width:150px;height:150px;background-image:var(--solaria-logo);background-size:contain;background-position:center;background-repeat:no-repeat;filter:drop-shadow(0 12px 20px rgba(0,0,0,.55))}.hero-text h2{font-size:30px;margin:0 0 4px}.hero-text p{color:#c7baca;margin:0 0 15px}.hero-pills{display:flex;flex-wrap:wrap;gap:7px}.hero-pills span{padding:5px 9px;border-radius:999px;background:rgba(25,10,32,.72);border:1px solid rgba(224,57,194,.28);color:#d8c5dc;font-size:11px}
.stats{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin-bottom:17px}.stat{position:relative;overflow:hidden;background:linear-gradient(155deg,#17101d,#110c16);border:1px solid var(--border);border-radius:10px;padding:15px;box-shadow:var(--soft-shadow)}.stat:before{content:"";position:absolute;width:70px;height:70px;right:-30px;top:-34px;border-radius:50%;background:rgba(181,44,213,.12)}.stat strong{display:block;font-size:23px}.stat span{display:block;margin-top:2px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.panel{background:linear-gradient(155deg,#151019,#100c15);border:1px solid var(--border);border-radius:10px;box-shadow:var(--soft-shadow);margin-bottom:14px;overflow:hidden}.panel-head{padding:11px 14px;border-bottom:1px solid var(--border);font-weight:700;background:rgba(255,255,255,.014)}.panel-body{padding:14px}.subpanel{border:1px solid var(--border);border-radius:8px;padding:11px;background:#100b14;display:grid;gap:8px}
.table-wrap{overflow:auto;border-radius:7px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid #271b2d}th{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#7e7086;background:#120d17;position:sticky;top:0}td{color:#d9d0de}tr:hover td{background:rgba(191,49,209,.025)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #45314e;background:#17101e;padding:7px 10px;border-radius:7px;color:#dcd3e1;text-decoration:none}.btn:hover{border-color:#775187;background:#1b1122}.btn.primary{background:linear-gradient(105deg,#8627bd,#cc2ab4 58%,#e95869);border-color:#b43ac4;color:#fff}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:#ff8b98;border-color:#65313e;background:#1d1016}.btn.danger:hover{background:#291219}.btn.small{padding:5px 8px;font-size:11px}.btn.tiny{padding:3px 7px;font-size:10px}.actions{white-space:nowrap;text-align:right}.badge{display:inline-block;padding:2px 6px;border-radius:999px;background:#28182f;color:#bfaac7;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.badge.good{background:rgba(65,192,132,.12);color:#78dfa9}.badge.warn{background:rgba(255,181,63,.12);color:#ffc66d}.color-dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:8px;border:1px solid rgba(255,255,255,.18)}
.form-grid{display:grid;gap:12px}.inline-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.field{display:grid;gap:5px;min-width:0}.field>span{font-size:9px;text-transform:uppercase;letter-spacing:.075em;color:#7e7086;font-weight:750}.field input,.field select,.field textarea,.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #3b2a44;border-radius:7px;padding:9px 10px;background:#0d0911;color:#e7dfea;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#9c3fc2;box-shadow:0 0 0 3px rgba(171,55,203,.09)}.field textarea{resize:vertical}.inline-form .field{min-width:190px;flex:1}.check{display:flex;gap:8px;align-items:center;color:#cfc5d3}.check input{width:auto}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.search-row{display:flex;gap:9px;align-items:center;margin-bottom:12px}.search-row input{flex:1;border:1px solid #3b2a44;background:#0d0911;color:#fff;padding:10px 11px;border-radius:8px;outline:none}.search-row input:focus{border-color:#9c3fc2}.empty{padding:18px;color:var(--muted);text-align:center}.empty.compact{padding:9px;text-align:left}.error-card{background:#1e0f16;border:1px solid #713844;color:#ff8d98;padding:14px;border-radius:8px}
.kv{display:grid;grid-template-columns:1fr auto;gap:8px 18px}.kv span{color:var(--muted)}.activity{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:7px 0;border-bottom:1px solid #281b2d}.activity span{color:var(--muted)}.activity time{grid-column:2;grid-row:1/3;color:#776c7d;font-size:10px;align-self:center}.list-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #281b2d}.list-row:last-child{border-bottom:0}.list-row small{color:var(--muted);display:block}.list-stack{margin-top:12px}.split-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}.split-list h4{margin:0 0 8px}.permission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;margin-top:15px}.permission{border:1px solid var(--border);border-radius:7px;padding:7px 9px;display:flex;justify-content:space-between;text-transform:capitalize;background:#100b14}.permission.yes b{color:var(--success)}.permission.no b{color:#756b7d}.cleanup-item{display:grid;grid-template-columns:24px 1fr auto;gap:10px;padding:10px 4px;border-bottom:1px solid #281b2d;align-items:center}.cleanup-item span{display:grid}.cleanup-item small{color:var(--muted)}
.channel-tree{display:grid;gap:12px}.channel-group{background:#110c16;border:1px solid var(--border);border-radius:9px;overflow:hidden}.channel-category{background:#17101d;border-bottom:1px solid var(--border);padding:9px 12px;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.05em}.channel-row{padding:8px 12px 8px 20px;border-bottom:1px solid #251929;display:flex;justify-content:space-between;align-items:center}.channel-row:last-child{border-bottom:0}.channel-icon{display:inline-block;width:20px;color:#8a6d94}.discord-preview{background:#232428;padding:18px;border-radius:8px;color:#dbdee1}.embed-preview{border-left:4px solid var(--brand-purple);background:#2b2d31;border-radius:4px;padding:12px 14px;max-width:580px}.embed-preview b{font-size:15px;color:#f2f3f5}.embed-preview p{margin:6px 0;color:#dbdee1}.embed-preview small{color:#b5bac1}.automod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin-top:12px}.toggle-row{padding:4px 0 9px;border-bottom:1px solid var(--border)}.codebox{max-height:360px;overflow:auto;background:#09070c;color:#d4c8dc;border:1px solid #2f2036;border-radius:7px;padding:12px;font:11px/1.45 Consolas,monospace;white-space:pre-wrap}.toast{position:fixed;right:18px;bottom:18px;background:#24132e;color:#fff;padding:10px 14px;border:1px solid #6d397b;border-radius:8px;box-shadow:0 15px 40px rgba(0,0,0,.45);z-index:50;max-width:420px}.toast.bad{background:#32121b;border-color:#7b3343}
.member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.member-card{display:flex;gap:11px;align-items:center;padding:11px;border:1px solid var(--border);border-radius:9px;background:#110c16}.member-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#25152d;border:1px solid #4d2b59}.avatar-fallback{display:grid;place-items:center;font-weight:800;color:#d978ff}.member-card-body{min-width:0;flex:1}.member-card-body b,.member-card-body small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-card-body small{color:var(--muted);font-size:10px}.role-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.role-chip{font-size:9px;padding:2px 6px;border-radius:999px;background:#26152d;border:1px solid #40204b;color:#cdb6d5}.member-hero{display:flex;align-items:center;gap:16px}.member-hero .member-avatar{width:72px;height:72px}.member-hero h3{font-size:20px;margin:0}.member-hero p{margin:2px 0;color:var(--muted)}.danger-zone{border-color:#5b2934}.danger-zone .panel-head{color:#ff8291;background:#1b0e14}.invite-code{font-family:Consolas,monospace;color:#da8cff}.server-settings-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-action{padding:12px;border:1px solid var(--border);border-radius:8px;background:#100b14}.quick-action b{display:block}.quick-action small{display:block;color:var(--muted);margin-top:3px}
@media(max-width:1100px){.stats{grid-template-columns:repeat(3,1fr)}.server-settings-grid{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.content{padding:16px}.topbar{padding:0 14px}.top-label{display:none}.topbar select{min-width:0;width:72vw}.stats{grid-template-columns:1fr 1fr}.grid-2,.grid-3,.split-list{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.inline-form{display:grid}.permission-grid{grid-template-columns:1fr}.hero-content{padding:20px}.hero-logo{width:100px;height:100px}.hero-text h2{font-size:23px}.quick-actions{grid-template-columns:1fr}}