:root{--bg:#05060a;--sidebar:#080a0f;--surface:rgba(16,19,28,.78);--surface2:#111520;--line:rgba(255,255,255,.075);--line2:rgba(255,255,255,.13);--text:#f6f7fb;--muted:#8790a4;--muted2:#5d6679;--accent:#8b5cf6;--accent2:#22d3ee;--good:#4ade80;--warn:#fbbf24;--bad:#fb7185;--shadow:0 28px 90px rgba(0,0,0,.42)}*{box-sizing:border-box}html{color-scheme:dark}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(700px 420px at 75% -10%,rgba(139,92,246,.14),transparent 66%),radial-gradient(560px 330px at 25% 4%,rgba(34,211,238,.055),transparent 68%),#05060a}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(black,transparent 80%)}button,input,select,textarea{font:inherit}button{cursor:pointer}.boot{height:100vh;display:flex;align-items:center;justify-content:center;gap:14px}.boot .mark,.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#a78bfa,#7657e8 52%,#536dd9);font:800 11px Space Grotesk;box-shadow:0 10px 30px rgba(139,92,246,.28),inset 0 1px 0 rgba(255,255,255,.25)}.boot b{display:block;font:700 15px Space Grotesk}.boot span{font-size:10px;color:var(--muted);display:block;margin-top:3px}.login{min-height:100vh;display:grid;place-items:center;padding:32px;position:relative;overflow:hidden}.login:before,.login:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(100px);opacity:.13;pointer-events:none}.login:before{background:var(--accent);left:-200px;top:-180px}.login:after{background:var(--accent2);right:-220px;bottom:-220px}.login-card{position:relative;z-index:1;width:min(980px,100%);min-height:570px;border:1px solid var(--line2);border-radius:30px;background:linear-gradient(145deg,rgba(18,22,32,.9),rgba(8,10,15,.94));box-shadow:0 40px 120px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.045);display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden}.login-copy{padding:64px;display:flex;flex-direction:column;justify-content:center}.eyebrow{display:flex;align-items:center;gap:8px;font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:#b9a7ff;font-weight:800}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#22d3ee);box-shadow:0 0 13px rgba(139,92,246,.7)}.login h1{font:700 clamp(42px,6vw,70px)/.96 Space Grotesk;margin:18px 0 22px;letter-spacing:-.06em}.login p{color:#8d96aa;line-height:1.8;max-width:540px;font-size:12px}.login-side{padding:40px;background:radial-gradient(420px 280px at 70% 10%,rgba(139,92,246,.17),transparent 72%),rgba(255,255,255,.018);border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.feature{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.055)}.feature b{display:block;font:700 13px Space Grotesk;margin-bottom:5px}.feature span{color:#798397;font-size:10px;line-height:1.55}.btn{appearance:none;border:1px solid transparent;border-radius:11px;padding:10px 14px;background:#171b25;color:#f0f2f7;font-size:10px;font-weight:800;transition:.2s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.12)}.btn.primary{background:linear-gradient(135deg,#8b5cf6,#7657e8 52%,#5b70dc);box-shadow:0 10px 30px rgba(139,92,246,.21),inset 0 1px 0 rgba(255,255,255,.22)}.btn.ghost{border-color:var(--line);background:rgba(255,255,255,.025)}.btn.danger{color:#ffb3bf;background:rgba(251,113,133,.075);border-color:rgba(251,113,133,.11)}.btn.small{padding:7px 9px;font-size:9px}.shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:18px 14px 16px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(9,11,17,.96),rgba(6,8,12,.95));backdrop-filter:blur(24px);display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:3px 9px 21px}.brand strong{font:700 16px Space Grotesk;letter-spacing:-.025em}.brand small{display:block;margin-top:2px;color:#5f687b;font-size:8px}.server-picker{position:relative;width:100%;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.025);color:#fff;text-align:left;transition:.2s}.server-picker:hover{border-color:rgba(167,139,250,.18);background:rgba(255,255,255,.05)}.server-picker img,.avatar,.server-icon{width:36px;height:36px;border-radius:11px;object-fit:cover;background:#202533}.server-picker .meta{min-width:0;flex:1}.server-picker b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.server-picker span{color:#687286;font-size:8px}.nav{display:grid;gap:3px;margin-top:16px}.nav:before{content:"Workspace";padding:8px 12px 7px;color:#4f586a;font-size:7px;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.nav button{position:relative;width:100%;display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:#7e879a;text-align:left;font-size:10px;font-weight:700;transition:.18s}.nav button:before{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.025);color:#626b7e;font-size:10px;transition:.18s}.nav button:nth-child(1):before{content:"⌂"}.nav button:nth-child(2):before{content:"⌁"}.nav button:nth-child(3):before{content:"≡"}.nav button:nth-child(4):before{content:"◎"}.nav button:nth-child(5):before{content:"✦"}.nav button:nth-child(6):before{content:"↗"}.nav button:nth-child(7):before{content:"◇"}.nav button:nth-child(8):before{content:"⚙"}.nav button:hover{color:#dce0e8;background:rgba(255,255,255,.035)}.nav button.active{color:#fff;border-color:rgba(167,139,250,.1);background:linear-gradient(90deg,rgba(139,92,246,.13),rgba(139,92,246,.035));box-shadow:inset 3px 0 0 #8b5cf6}.nav button.active:before{background:rgba(139,92,246,.13);color:#c6b8ff}.dot{display:none}.account{margin-top:auto;display:flex;align-items:center;gap:9px;padding:14px 7px 2px;border-top:1px solid var(--line)}.account .avatar{width:31px;height:31px;border-radius:10px}.account>div{min-width:0;flex:1}.account b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.account span{display:block;color:#596276;font-size:7px;margin-top:2px}.main{min-width:0}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:8;border-bottom:1px solid var(--line);background:rgba(5,6,10,.78);backdrop-filter:blur(24px) saturate(140%)}.topbar h2{font:700 13px Space Grotesk;margin:0;letter-spacing:-.02em}.status{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(74,222,128,.09);border-radius:99px;background:rgba(74,222,128,.045);color:#778296;font-size:8px;font-weight:700}.status i{width:6px;height:6px;border-radius:50%;background:var(--good);box-shadow:0 0 12px rgba(74,222,128,.6)}.content{max-width:1510px;margin:0 auto;padding:32px 32px 70px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:25px}.hero h1{font:700 32px Space Grotesk;margin:7px 0 7px;letter-spacing:-.045em}.hero p{margin:0;color:#7d8699;font-size:10px}.grid{display:grid;gap:12px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}.card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,rgba(17,20,30,.82),rgba(9,11,17,.78));box-shadow:0 12px 36px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.025)}.card:before{content:"";position:absolute;left:var(--mx,70%);top:var(--my,10%);width:180px;height:180px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(139,92,246,.04);filter:blur(35px);pointer-events:none}.stat{padding:18px 18px 17px;min-height:118px}.stat label{display:block;color:#697286;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.stat strong{display:block;margin-top:13px;font:700 28px Space Grotesk;letter-spacing:-.04em}.stat small{display:block;margin-top:5px;color:#596275;font-size:8px}.split{grid-template-columns:minmax(0,1.5fr) minmax(290px,.7fr)}.panel-head{min-height:53px;padding:0 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-head h3{font:700 11px Space Grotesk;margin:0}.panel-body{padding:17px}.activity{display:grid}.event{display:grid;grid-template-columns:8px 1fr auto;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.045);font-size:9px}.event:last-child{border:0}.event i{width:6px;height:6px;border-radius:50%;margin-top:3px;background:var(--good);box-shadow:0 0 10px rgba(74,222,128,.25)}.event b{font-size:9px}.event p{margin:4px 0 0;color:#6c7588;line-height:1.45}.event time{color:#4f586a;font-size:7px;white-space:nowrap}.platforms{display:grid;gap:8px}.platform{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.018)}.platform b{font-size:9px}.platform span{font:700 14px Space Grotesk;color:#dfe3ea}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.filters{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:7px 10px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.018);color:#70798c;font-size:8px;font-weight:800;transition:.18s}.chip:hover{color:#fff;border-color:var(--line2)}.chip.active{border-color:rgba(167,139,250,.16);background:rgba(139,92,246,.1);color:#c7bbff}.table{overflow:hidden}.row{display:grid;grid-template-columns:minmax(190px,1.4fr) 100px minmax(150px,1fr) minmax(140px,.7fr) 110px;align-items:center;gap:10px;padding:11px 15px;border-bottom:1px solid rgba(255,255,255,.045);font-size:9px;transition:.15s}.row:not(.head):hover{background:rgba(255,255,255,.018)}.row.head{padding-top:10px;padding-bottom:10px;background:rgba(255,255,255,.012);color:#515a6d;text-transform:uppercase;font-size:7px;font-weight:800;letter-spacing:.1em}.row:last-child{border-bottom:0}.creator{display:flex;align-items:center;gap:10px;min-width:0}.creator img{width:34px;height:34px;border-radius:10px;background:#1e2330}.creator b,.creator span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator b{font-size:9px}.creator span{margin-top:2px;color:#626b7e;font-size:7px}.badge{display:inline-flex;width:max-content;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(74,222,128,.09);border-radius:99px;background:rgba(74,222,128,.07);color:#75dc99;font-size:7px;font-weight:800}.badge:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.badge.off{border-color:rgba(135,144,164,.08);background:rgba(135,144,164,.06);color:#778094}.actions{display:flex;gap:5px;justify-content:flex-end}.field{display:grid;gap:6px}.field label{color:#687184;font-size:7px;text-transform:uppercase;font-weight:800;letter-spacing:.1em}.input,select.input,textarea.input{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:10px;outline:none;background:rgba(4,6,10,.65);color:#e8eaf0;font-size:9px;transition:.18s}.input:focus{border-color:rgba(139,92,246,.42);box-shadow:0 0 0 3px rgba(139,92,246,.07)}select.input{color-scheme:dark}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.settings-section{padding:18px;border-bottom:1px solid var(--line)}.settings-section:last-child{border:0}.settings-section h4{font:700 11px Space Grotesk;margin:0 0 13px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.switch-row p{margin:4px 0 0;color:#6c7588;font-size:8px;line-height:1.5}.switch{position:relative;width:38px;height:21px;flex:0 0 auto;border:1px solid rgba(255,255,255,.07);border-radius:99px;background:#1c202b}.switch:after{content:"";position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:#697286;transition:.2s}.switch.on{background:rgba(139,92,246,.27);border-color:rgba(139,92,246,.18)}.switch.on:after{left:20px;background:#c4b5fd;box-shadow:0 0 12px rgba(139,92,246,.42)}.empty{padding:42px;text-align:center;color:#626b7e;font-size:9px}.modal-wrap{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:rgba(2,3,6,.72);backdrop-filter:blur(14px)}.modal{width:min(600px,100%);border:1px solid var(--line2);border-radius:21px;background:linear-gradient(145deg,#121620,#0b0d13);box-shadow:0 35px 100px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}.modal .panel-head{padding:0 20px}.modal .panel-body{padding:20px}.modal-foot{padding:13px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:7px}.toast{position:fixed;right:22px;bottom:22px;z-index:50;padding:11px 14px;border:1px solid var(--line2);border-radius:11px;background:rgba(18,22,32,.94);backdrop-filter:blur(18px);box-shadow:var(--shadow);font-size:9px}.toast.bad{border-color:rgba(251,113,133,.25);color:#ffb5c1}.server-menu{position:fixed;z-index:40;width:310px;padding:7px;border:1px solid var(--line2);border-radius:15px;background:rgba(15,18,27,.96);backdrop-filter:blur(20px);box-shadow:var(--shadow)}.server-option{width:100%;display:flex;align-items:center;gap:10px;padding:9px;border:0;border-radius:10px;background:transparent;color:#fff;text-align:left}.server-option:hover{background:rgba(255,255,255,.045)}.server-option b{font-size:9px}.server-option span{display:block;margin-top:2px;color:#697286;font-size:7px}.code-preview{min-height:155px;padding:15px;border:1px solid var(--line);border-radius:13px;background:rgba(5,7,11,.7)}.discord-preview{padding:12px;border-left:3px solid var(--accent);border-radius:4px;background:#11141b}.discord-preview h4{margin:0 0 7px;font-size:11px}.discord-preview p{font-size:9px;line-height:1.6;color:#aeb4c0}.analytics-bars{display:grid;gap:15px}.analytics-row{display:grid;grid-template-columns:120px minmax(120px,1fr) 42px;align-items:center;gap:12px}.analytics-row b{display:block;font-size:9px}.analytics-row span{color:#626b7e;font-size:7px}.analytics-row>strong{text-align:right;font:700 10px Space Grotesk}.bar{height:6px;overflow:hidden;border:1px solid rgba(255,255,255,.04);border-radius:99px;background:#080a0f}.bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#8b5cf6,#22d3ee);box-shadow:0 0 14px rgba(139,92,246,.25)}.reliability-ring{width:148px;height:148px;margin:8px auto 18px;border:13px solid rgba(139,92,246,.11);border-radius:50%;box-shadow:inset 0 0 28px rgba(139,92,246,.05),0 0 45px rgba(139,92,246,.04);display:grid;place-items:center;align-content:center}.reliability-ring strong{font:700 28px Space Grotesk;letter-spacing:-.05em}.reliability-ring span{color:#616a7d;font-size:7px}.diagnostic-list{display:grid}.diagnostic-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.045)}.diagnostic-row:last-child{border:0}.diagnostic-row b{font-size:9px}.diagnostic-row span:not(.badge){display:block;margin-top:3px;color:#616a7d;font-size:7px}.mobile-nav{display:none}
@media(max-width:1050px){.shell{grid-template-columns:220px 1fr}.sidebar{padding-left:10px;padding-right:10px}.content{padding-left:22px;padding-right:22px}.stats{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.row{grid-template-columns:1.4fr .7fr 1fr 90px}.row>*:nth-child(4){display:none}}
@media(max-width:790px){.shell{display:block}.sidebar{display:none}.topbar{padding:0 18px}.content{padding:22px 16px 60px}.mobile-nav{display:flex}.login-card{grid-template-columns:1fr}.login-side{display:none}.login-copy{padding:44px}.hero{align-items:flex-start;flex-direction:column}.row{grid-template-columns:1fr 80px}.row>*:nth-child(2),.row>*:nth-child(3),.row>*:nth-child(4){display:none}.form-grid{grid-template-columns:1fr}}
@media(max-width:520px){.stats{grid-template-columns:1fr}.login{padding:14px}.login-card{min-height:550px;border-radius:22px}.login-copy{padding:30px}.login h1{font-size:44px}.content{padding-left:12px;padding-right:12px}.topbar .status{max-width:155px;overflow:hidden;white-space:nowrap}}

/* Hosted brand image support */
.brand-mark.has-brand-image,
.mark.has-brand-image { padding:0; overflow:hidden; }
.brand-mark .brand-image,
.mark .brand-image { width:100%; height:100%; display:block; object-fit:cover; border-radius:inherit; }


/* Force dashboard branding artwork into every logo slot. */
.brand-mark.has-brand-image, .mark.has-brand-image { background:#080a10 !important; padding:0 !important; overflow:hidden; }
.brand-mark.has-brand-image::after, .mark.has-brand-image::after { display:none !important; }
.brand-mark.has-brand-image .brand-image, .mark.has-brand-image .brand-image { width:100%; height:100%; display:block; object-fit:cover; object-position:center; border-radius:inherit; }

/* Transparent brand treatment — dashboard/login/loading/sidebar. */
.boot .mark.has-brand-image,
.mark.has-brand-image,
.brand-mark.has-brand-image {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
.boot .mark.has-brand-image::before,
.boot .mark.has-brand-image::after,
.mark.has-brand-image::before,
.mark.has-brand-image::after,
.brand-mark.has-brand-image::before,
.brand-mark.has-brand-image::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
.boot .mark.has-brand-image .brand-image,
.mark.has-brand-image .brand-image,
.brand-mark.has-brand-image .brand-image {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  border: 0 !important;
  outline: 0 !important;
}