/* Refinamento visual 2026: tipografia, cabeçalhos e movimento. */
.management-modal{--management-font:"Segoe UI Variable Text","Inter Variable",Inter,"Segoe UI",system-ui,sans-serif;--management-display:"Segoe UI Variable Display","Inter Variable",Inter,"Segoe UI",system-ui,sans-serif;font-family:var(--management-font)}
.management-shell{isolation:isolate;animation:management-shell-in .32s cubic-bezier(.2,.8,.2,1) both}.management-shell>aside{scrollbar-color:#39445a transparent;scrollbar-width:thin}
.management-server strong,.management-shell h1,.management-card h2,.management-summary strong,.create-role-head h2,.bot-install-head h2{font-family:var(--management-display);font-variation-settings:"wght" 720,"opsz" 28;text-wrap:balance}
.management-shell>main>header{min-height:112px}.management-shell>main>header>div{position:relative;padding-left:15px}.management-shell>main>header>div::before{content:"";position:absolute;inset:3px auto 2px 0;width:3px;border-radius:99px;background:linear-gradient(#9b8cff,#6b7cff);box-shadow:0 0 18px #776dff88}
.management-shell>main>header small{color:#8d97aa;font-weight:750;letter-spacing:.105em;text-transform:uppercase}.management-shell h1{font-size:clamp(27px,3vw,34px);line-height:1.05;letter-spacing:-.045em}.management-shell>main>header p{max-width:620px;color:#929cad;font-size:12px;line-height:1.6}
.management-nav-label{font-weight:850;letter-spacing:.14em}.management-shell nav button{font-variation-settings:"wght" 610;will-change:transform}.management-shell nav button:hover{transform:translateX(3px)}.management-shell nav button:active,.management-card button:active,.management-row button:active{transform:translateY(0) scale(.98)}.management-shell nav button.selected{color:#fbfbff;text-shadow:0 1px 12px #9892ff44}
.management-summary article,.management-card{transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease,background-color .22s ease}.management-summary article:hover{border-color:#465471;transform:translateY(-2px);box-shadow:0 14px 32px #070a104d}.management-card:hover{border-color:#3c4961;box-shadow:0 16px 38px #070a1045}
.management-card h2{font-size:17px;line-height:1.2;letter-spacing:-.025em}.management-card label{letter-spacing:.055em;text-transform:uppercase}.management-card input,.management-card select,.management-row select{font:inherit;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,transform .2s ease}.management-card input:hover,.management-card select:hover,.management-row select:hover{border-color:#46536b;background:#141a23}.management-card input:focus,.management-card select:focus{transform:translateY(-1px)}
.management-card button,.management-row button,.server-invite-card button{font-family:var(--management-font);transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.primary-button:hover{box-shadow:0 10px 26px #5865f24d;filter:brightness(1.06)}
#management-content>*{animation:management-content-in .3s cubic-bezier(.2,.8,.2,1) both}#management-content>*:nth-child(2){animation-delay:.035s}#management-content>*:nth-child(3){animation-delay:.07s}#management-content>*:nth-child(4){animation-delay:.105s}.management-loading{animation:management-pulse 1.25s ease-in-out infinite alternate}
@keyframes management-shell-in{from{opacity:0;transform:translateY(12px) scale(.988)}to{opacity:1;transform:none}}@keyframes management-content-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes management-pulse{from{opacity:.48}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.management-shell,#management-content>*,.management-loading{animation:none!important}.management-modal *{scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* O painel do servidor compartilha a linguagem visual das configurações pessoais. */
.management-modal{padding:0;background:#0b0f17}.management-shell{grid-template-columns:296px minmax(0,1fr);width:100%;height:100vh;max-height:none;border:0;border-radius:0;background:#0d111a;box-shadow:none}
.management-shell>aside{padding:25px 16px 22px;border-right:1px solid #2b3447;background:radial-gradient(circle at 18% 0,#7569ff18,transparent 28%),linear-gradient(170deg,#181e2b,#10141d 74%)}
.management-server{min-height:64px;margin:0 0 19px;padding:0 7px 21px}.management-server>span{width:48px;height:48px;border:2px solid #766cf0;border-radius:50%;box-shadow:0 8px 22px #0005,0 0 0 4px #7569ff19}.management-server strong{font-size:14px}.management-server small{font-size:9px;color:#8d97aa}
.management-search{margin:0 0 20px}.management-search input{height:46px;border-color:#354056;border-radius:13px;background:#0b1018;font-size:13px}.management-nav-label{margin:0 9px 9px;color:#69758c;font-size:8px}
.management-shell nav{gap:6px}.management-shell nav button{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;padding:8px 10px;border-radius:14px;text-align:left}.management-shell nav button::before{display:none}.management-shell nav button::after{order:-1;display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff08;border-radius:11px;background:linear-gradient(145deg,#262d3e,#1d2331);color:#a29aff;font-size:15px}.management-shell nav button>span{display:block;min-width:0}.management-shell nav button strong,.management-shell nav button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.management-shell nav button strong{color:inherit;font-size:12px;font-weight:800}.management-shell nav button small{margin-top:3px;color:#727d91;font-size:9px;font-weight:500}.management-shell nav button:hover{border-color:#3a455b;background:#1c2331;transform:translateX(3px)}.management-shell nav button.selected{border-color:#6259c5;background:linear-gradient(100deg,#3b3566,#252c46);box-shadow:inset 3px 0 #9a6cff,0 10px 28px #0004}.management-shell nav button.selected::after{background:linear-gradient(145deg,#765fe0,#423b76);color:#fff}.management-shell nav button.selected small{color:#929aca}
.management-shell>main{padding:0;background:radial-gradient(circle at 82% 0,#7569ff1e,transparent 28%),#0d111a}.management-shell>main>header{min-height:76px;height:76px;padding:0 clamp(30px,5vw,82px);border-bottom:1px solid #293246;background:#101520e8;box-shadow:0 8px 30px #0002}.management-shell>main>header>div{padding-left:0}.management-shell>main>header>div::before{display:none}.management-shell>main>header small{font-size:8px;letter-spacing:.16em}.management-shell h1{margin-top:5px;font-size:15px;line-height:1.1;letter-spacing:-.02em}.management-shell>main>header p{display:none}.management-shell>main>header>button{width:40px;height:40px;border-radius:13px;background:#181f2b}
#management-content{width:min(1040px,calc(100% - 56px));margin:0 auto;padding:42px 0 80px}.management-summary{gap:14px;margin-bottom:18px}.management-summary article{min-height:112px;padding:19px;border-color:#38435a;border-radius:18px;background:linear-gradient(145deg,#1b2230,#151b26 76%)}.management-summary strong{font-size:26px}.management-card{padding:24px;border-color:#313b50;border-radius:19px;background:linear-gradient(145deg,#1b2230,#151b26 76%);box-shadow:0 18px 46px #03060b3d,inset 0 1px #ffffff05}.management-card h2{font-size:17px}.server-photo-field{border-radius:16px;background:#101620}.management-card input,.management-card select,.management-row select{min-height:45px;border-radius:12px;background:#0d131d}.primary-button{min-height:43px;border-radius:11px!important}
@media(max-width:760px){.management-shell{grid-template-columns:78px minmax(0,1fr)}.management-shell>aside{padding-inline:8px}.management-server>div,.management-search,.management-nav-label,.management-shell nav button>span{display:none}.management-shell nav button{display:grid;grid-template-columns:1fr;justify-items:center}.management-shell nav button::after{font-size:16px}.management-shell>main>header{padding-inline:18px}#management-content{width:calc(100% - 28px);padding-top:28px}}

.management-shell nav button:has(.management-nav-icon)::after{display:none}.management-nav-icon{order:-1;position:relative;display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff0a;border-radius:11px;background:linear-gradient(145deg,#273044,#1c2331);color:#9b94ff;box-shadow:inset 0 1px #ffffff08;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.management-nav-icon::after{content:"";position:absolute;inset:7px;border-radius:50%;background:currentColor;opacity:0;filter:blur(9px);transition:opacity .2s ease}.management-nav-icon svg{position:relative;z-index:1;display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.management-shell nav button:hover .management-nav-icon{border-color:#4f5b76;color:#bbb6ff;transform:scale(1.04)}.management-shell nav button:hover .management-nav-icon::after{opacity:.15}.management-shell nav button.selected .management-nav-icon{border-color:#9287ff;background:linear-gradient(145deg,#8068e6,#4a3f8f);color:#fff;box-shadow:0 8px 20px #5e4ed055,inset 0 1px #ffffff33}.management-shell nav button.selected .management-nav-icon::after{opacity:.22}.management-shell nav button.selected .management-nav-icon svg{filter:drop-shadow(0 2px 5px #241c5c)}
@media(max-width:760px){.management-nav-icon{width:36px;height:36px}.management-nav-icon svg{width:18px;height:18px}}