@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#060708;--bg2:#0b0c0f;--panel:rgba(12,13,16,.9);--text:#f7f7f8;--muted:#8f939d;--line:#252a34;--brand:#ff1119;--brand2:#a80006;--soft:rgba(255,17,25,.12);--shadow:0 25px 60px rgba(0,0,0,.28)}:root[data-theme="light"]{--bg:#f4f5f7;--bg2:#fff;--panel:#fff;--text:#16181d;--muted:#6f7480;--line:#e0e4ea;--brand:#e20811;--brand2:#970007;--soft:rgba(226,8,17,.08);--shadow:0 18px 40px rgba(23,25,30,.08)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 78% 0%,rgba(180,0,8,.18),transparent 24%),var(--bg);color:var(--text)}body{padding-top:72px}.topbar{position:fixed;inset:0 0 auto;height:72px;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg2) 88%,transparent);backdrop-filter:blur(18px)}.topbar-brand img{width:170px;height:46px;object-fit:contain}.topbar-actions{display:flex;gap:12px;align-items:center}.icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);display:grid;place-items:center;cursor:pointer}.user-pill{height:42px;display:flex;align-items:center;gap:10px;padding-left:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);font-size:13px}.user-pill strong{width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,var(--brand),var(--brand2));display:grid;place-items:center;color:white}.sidebar{position:fixed;z-index:50;left:18px;top:90px;bottom:24px;width:220px;border:1px solid var(--line);background:var(--panel);border-radius:22px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow);backdrop-filter:blur(20px)}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;padding:0 14px;border-radius:14px;color:var(--muted);text-decoration:none;font-size:14px;transition:.24s}.nav-item:hover{color:var(--text);background:linear-gradient(90deg,var(--soft),transparent);transform:translateX(3px)}.nav-item.active{background:linear-gradient(90deg,var(--soft),transparent);color:var(--text)}.nav-item.active:before{content:"";position:absolute;left:0;width:3px;height:24px;border-radius:5px;background:var(--brand);box-shadow:0 0 18px var(--brand)}.logout{color:#e8666a}.app-main{max-width:1660px;margin:0 auto;padding:34px 34px 110px 274px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.page-head h1{margin:5px 0 0;font-size:clamp(26px,3vw,40px);letter-spacing:-1.4px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--brand)}.status-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:9px 12px;font-size:12px;color:var(--muted);background:var(--panel)}.status-chip span{width:8px;height:8px;border-radius:50%;background:#10d56e;box-shadow:0 0 12px #10d56e}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{position:relative;overflow:hidden;min-height:170px;padding:22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel) 94%,var(--brand) 6%));box-shadow:var(--shadow);transition:.28s}.stat-card:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-70px;top:-70px;background:radial-gradient(circle,var(--soft),transparent 68%);transition:.28s}.stat-card:hover{transform:translateY(-6px) scale(1.01);border-color:color-mix(in srgb,var(--brand) 48%,var(--line));box-shadow:0 28px 70px rgba(0,0,0,.38),0 0 28px rgba(255,17,25,.07)}.stat-card:hover:after{transform:scale(1.35)}.stat-top{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.stat-icon{width:44px;height:44px;border:1px solid rgba(255,17,25,.2);background:var(--soft);color:var(--brand);border-radius:14px;display:grid;place-items:center}.stat-card>strong{display:block;font-size:38px;margin-top:28px;letter-spacing:-1.5px}.stat-line{height:2px;width:44px;background:linear-gradient(90deg,var(--brand),transparent);margin-top:14px}.panel-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:16px}.glass-panel{border:1px solid var(--line);border-radius:22px;background:var(--panel);padding:22px;min-height:220px;box-shadow:var(--shadow)}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title h2{font-size:15px;margin:0}.panel-title span{font-size:12px;color:var(--muted)}.empty-state{height:145px;display:grid;place-items:center;color:var(--muted);font-size:13px}.activity-row{display:flex;align-items:center;gap:12px;margin-top:30px;padding:15px;border:1px solid var(--line);border-radius:16px}.activity-row strong,.activity-row small{display:block}.activity-row strong{font-size:13px}.activity-row small{margin-top:4px;color:var(--muted)}.dot{width:9px;height:9px;border-radius:50%}.green{background:#13d573;box-shadow:0 0 12px #13d573}.footer{position:fixed;left:258px;right:20px;bottom:8px;text-align:center;font-size:11px;color:var(--muted)}.mobile-dock{display:none}.login-body{padding:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,rgba(255,17,25,.14),transparent 26%),#050607}.login-shell{width:min(1080px,calc(100% - 36px));min-height:620px;display:grid;grid-template-columns:1.1fr .9fr;border:1px solid #262a33;border-radius:30px;overflow:hidden;background:#090a0d;box-shadow:0 35px 100px rgba(0,0,0,.5)}.login-brand-panel{position:relative;display:grid;place-items:center;padding:50px;overflow:hidden;background:linear-gradient(145deg,#050607,#0e1015)}.login-brand-panel img{width:min(520px,95%);position:relative;z-index:2}.brand-glow{position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(255,17,25,.28),transparent 65%)}.login-badge{position:absolute;bottom:34px;left:38px;border:1px solid rgba(255,17,25,.35);border-radius:999px;padding:9px 13px;color:#ff6b70;font-size:12px;background:rgba(255,17,25,.06)}.login-card{display:grid;place-items:center;padding:46px;background:linear-gradient(180deg,#0b0c10,#07080a)}.login-card-inner{width:min(360px,100%)}.login-card h1{font-size:34px;margin:0 0 8px}.login-card p{color:#8f939d;margin:0 0 28px;font-size:14px}.login-card label{display:block;color:#b9bdc6;font-size:12px;margin:16px 0}.login-card input{width:100%;height:52px;margin-top:8px;border:1px solid #292d36;border-radius:14px;background:#0f1115;color:white;padding:0 15px;outline:none}.login-card input:focus{border-color:#ff1018;box-shadow:0 0 0 4px rgba(255,17,25,.08)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;width:100%;height:52px;border:0;border-radius:14px;background:linear-gradient(135deg,#ff171f,#b90008);color:white;font-weight:800;text-decoration:none}.alert-error{padding:12px 14px;border-radius:12px;background:rgba(255,31,38,.1);border:1px solid rgba(255,31,38,.28);color:#ff8b8f;font-size:12px}.center-page{padding:0;display:grid;place-items:center;min-height:100vh}.not-found{text-align:center}.not-found b{font-size:70px;color:var(--brand)}.not-found .btn-primary{width:auto;padding:0 22px;margin-top:15px}@media(max-width:1080px){.stats-grid{grid-template-columns:repeat(2,1fr)}.panel-grid{grid-template-columns:1fr}}@media(max-width:760px){body{padding-top:64px}.topbar{height:64px;padding:0 14px}.topbar-brand img{width:132px;height:38px}.user-pill span{display:none}.sidebar{display:none}.app-main{padding:24px 14px 122px}.page-head h1{font-size:28px}.status-chip{display:none}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{min-height:142px;padding:16px;border-radius:18px}.stat-top{align-items:flex-start;flex-direction:column;gap:8px}.stat-icon{width:38px;height:38px;border-radius:12px}.stat-card>strong{font-size:30px;margin-top:14px}.panel-grid{gap:10px}.glass-panel{border-radius:18px;padding:17px}.mobile-dock{display:block;position:fixed;z-index:80;left:10px;right:10px;bottom:12px;border:1px solid rgba(255,17,25,.45);border-radius:18px;background:rgba(8,9,11,.94);box-shadow:0 18px 45px rgba(0,0,0,.5);backdrop-filter:blur(20px);overflow:hidden}.mobile-dock-scroll{display:flex;gap:4px;overflow-x:auto;padding:7px;scrollbar-width:none}.mobile-dock-scroll::-webkit-scrollbar{display:none}.dock-item{flex:0 0 76px;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:12px;color:#969aa3;text-decoration:none;font-size:10px}.dock-item.active{color:white;background:linear-gradient(180deg,rgba(255,17,25,.17),rgba(255,17,25,.05));box-shadow:inset 0 0 0 1px rgba(255,17,25,.2)}.footer{display:none}.login-shell{grid-template-columns:1fr;min-height:auto;width:calc(100% - 24px);border-radius:24px}.login-brand-panel{min-height:230px;padding:30px}.login-brand-panel img{width:min(360px,95%)}.login-badge{left:22px;bottom:20px}.login-card{padding:30px 22px 34px}}@media(max-width:430px){.stat-card{min-height:134px}.stat-top span{font-size:11px}.stat-card>strong{font-size:26px}}

/* Perfil no navbar */
.profile-trigger{height:42px;display:flex;align-items:center;gap:10px;padding:0 8px 0 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);cursor:pointer;font:inherit;transition:.22s}.profile-trigger:hover{border-color:color-mix(in srgb,var(--brand) 48%,var(--line));background:linear-gradient(135deg,var(--panel),var(--soft));transform:translateY(-1px)}.profile-trigger-name{font-size:13px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-trigger-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 7px 20px rgba(255,17,25,.18)}
.modal-backdrop{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.68);backdrop-filter:blur(9px);opacity:0;visibility:hidden;transition:.2s}.modal-backdrop.open{opacity:1;visibility:visible}.profile-modal{width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--bg2) 96%,var(--brand) 4%);box-shadow:0 35px 100px rgba(0,0,0,.52);padding:24px;transform:translateY(12px) scale(.985);transition:.22s}.modal-backdrop.open .profile-modal{transform:none}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.modal-head h2{margin:4px 0 0;font-size:24px;letter-spacing:-.7px}.modal-kicker{font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--brand)}.modal-close{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);cursor:pointer}.profile-avatar-large{width:68px;height:68px;margin:0 auto 20px;border-radius:20px;display:grid;place-items:center;color:white;background:linear-gradient(145deg,var(--brand),var(--brand2));box-shadow:0 16px 38px rgba(255,17,25,.2)}.profile-form label{display:block;font-size:12px;color:var(--muted);margin:14px 0}.profile-form input{width:100%;height:50px;margin-top:8px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);padding:0 14px;outline:none}.profile-form input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--soft)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.btn-secondary{height:48px;padding:0 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);font-weight:700;cursor:pointer}.profile-save{width:auto;padding:0 20px;cursor:pointer}.profile-alert{padding:12px 14px;margin-bottom:15px;border-radius:13px;font-size:12px}.profile-alert.success{border:1px solid rgba(19,213,115,.28);background:rgba(19,213,115,.08);color:#66e9a7}.profile-alert.error{border:1px solid rgba(255,31,38,.28);background:rgba(255,31,38,.08);color:#ff8b8f}body.modal-open{overflow:hidden}
@media(max-width:760px){.profile-trigger{padding:0 6px}.profile-trigger-name{display:none}.profile-trigger-icon{width:34px;height:34px}.profile-modal{padding:20px;border-radius:20px}.profile-grid{grid-template-columns:1fr;gap:0}.modal-actions{display:grid;grid-template-columns:1fr 1fr}.btn-secondary,.profile-save{width:100%}}

/* UX global: mantém rolagem funcional sem exibir barras visuais. */
html,body,*{scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;background:transparent!important}

/* Perfil v2 */
.profile-modal{width:min(720px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}
.profile-modal::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
.profile-section{border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel) 94%,transparent);padding:18px}
.profile-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.profile-section-head strong{display:block;font-size:14px}.profile-section-head small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.profile-divider{height:14px}.profile-form label{margin:12px 0}.compact-actions{margin-top:16px}.compact-actions .profile-save{min-width:150px}.profile-avatar-large{margin-bottom:16px}
@media(max-width:760px){.modal-backdrop{padding:10px;align-items:center}.profile-modal{width:100%;max-height:calc(100dvh - 20px);padding:16px;border-radius:20px}.modal-head{margin-bottom:14px}.modal-head h2{font-size:22px}.profile-avatar-large{width:58px;height:58px;border-radius:17px;margin-bottom:14px}.profile-section{padding:14px;border-radius:16px}.profile-grid{grid-template-columns:1fr}.compact-actions{display:flex}.compact-actions .btn-secondary,.compact-actions .profile-save{width:auto;flex:1}.profile-form input{height:48px}}

/* ==========================================================
   PADRAO VISUAL COMPACTO - botoes, titulos e submenus
   ========================================================== */
:root{
  --action-height:40px;
  --action-radius:11px;
  --action-font:11px;
  --submenu-font:11px;
}

/* Titulos/subtitulos mais discretos para manter o painel limpo */
.page-head h1{font-size:clamp(23px,2.4vw,34px);letter-spacing:-1px}
.page-head .eyebrow,.modal-kicker{font-size:9px}
.panel-title h2{font-size:14px}
.panel-title span,.profile-section-head small{font-size:10px}

/* Botoes de acao compactos. Nao quebrar texto em nenhuma largura. */
.btn-primary,.btn-secondary,.modal-close,.icon-btn,.profile-trigger{
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,filter .16s ease,background .16s ease;
  -webkit-tap-highlight-color:transparent;
}
.btn-primary,.btn-secondary{
  min-height:var(--action-height);
  height:var(--action-height);
  width:auto;
  padding:0 15px;
  border-radius:var(--action-radius);
  font-size:var(--action-font);
  line-height:1;
  white-space:nowrap;
  flex:none;
}
.btn-primary:hover,.btn-secondary:hover{
  transform:translateY(-1px);
  filter:brightness(1.07);
}
.btn-primary:active,.btn-secondary:active,.modal-close:active,.icon-btn:active,.profile-trigger:active{
  transform:translateY(1px) scale(.965);
  filter:brightness(.94);
}
.btn-primary:focus-visible,.btn-secondary:focus-visible,.modal-close:focus-visible,.icon-btn:focus-visible,.profile-trigger:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px var(--soft),0 0 0 1px var(--brand);
}

/* Login continua ocupando toda a largura, mas com altura mais elegante. */
.login-card .btn-primary{width:100%;height:46px;min-height:46px;font-size:12px}

/* Perfil */
.profile-modal{width:min(690px,100%);padding:20px}
.modal-head{margin-bottom:14px}
.modal-head h2{font-size:20px;letter-spacing:-.45px}
.modal-close{width:34px;height:34px;border-radius:10px}
.profile-avatar-large{width:58px;height:58px;border-radius:17px;margin-bottom:14px}
.profile-section{padding:15px;border-radius:16px}
.profile-section-head{margin-bottom:3px}
.profile-section-head strong{font-size:12px}
.profile-form label{font-size:10.5px;margin:10px 0}
.profile-form input{height:44px;margin-top:6px;border-radius:12px;font-size:12px}
.profile-divider{height:10px}
.modal-actions,.compact-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:13px;flex-wrap:nowrap}
.compact-actions .profile-save{min-width:0;width:auto;padding-inline:16px}
.compact-actions .btn-secondary{width:auto;padding-inline:14px}

@media(max-width:760px){
  .page-head h1{font-size:23px}
  .profile-modal{padding:14px;border-radius:18px}
  .modal-head{margin-bottom:10px}
  .modal-head h2{font-size:18px}
  .modal-kicker{font-size:8px}
  .profile-avatar-large{width:52px;height:52px;border-radius:15px;margin-bottom:10px}
  .profile-section{padding:11px;border-radius:14px}
  .profile-section-head strong{font-size:11px}
  .profile-section-head small{font-size:9px}
  .profile-form label{font-size:9.5px;margin:8px 0}
  .profile-form input{height:42px;font-size:11px;padding:0 11px}
  .modal-actions,.compact-actions{
    display:flex;
    justify-content:flex-end;
    gap:7px;
    flex-wrap:nowrap;
    margin-top:11px;
  }
  .compact-actions .btn-secondary,
  .compact-actions .profile-save{
    width:auto;
    flex:0 0 auto;
    min-width:0;
    height:38px;
    min-height:38px;
    padding:0 12px;
    font-size:10px;
    white-space:nowrap;
  }
}

@media(max-width:370px){
  .compact-actions .btn-secondary,
  .compact-actions .profile-save{padding-inline:10px;font-size:9.5px}
}


/* ==========================================================
   SPINNER GLOBAL DO SISTEMA
   ========================================================== */
.global-loading{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  background:rgba(4,5,7,.48);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .16s ease,visibility .16s ease;
}
.global-loading.show{opacity:1;visibility:visible;pointer-events:auto}
.global-loading-box{
  min-width:118px;
  min-height:82px;
  padding:14px 18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid var(--line);
  border-radius:16px;
  background:color-mix(in srgb,var(--panel) 94%,transparent);
  box-shadow:0 18px 55px rgba(0,0,0,.38);
}
.global-spinner{
  width:27px;
  height:27px;
  border:3px solid color-mix(in srgb,var(--brand) 20%,var(--line));
  border-top-color:var(--brand);
  border-radius:50%;
  animation:global-spin .7s linear infinite;
}
.global-loading-text{font-size:10px;font-weight:700;color:var(--text);white-space:nowrap}
@keyframes global-spin{to{transform:rotate(360deg)}}

/* Feedback no próprio botão durante envio. */
.btn-primary.is-loading,.btn-secondary.is-loading{position:relative;opacity:.78;cursor:wait;pointer-events:none}

@media(max-width:760px){
  .global-loading-box{min-width:104px;min-height:74px;padding:12px 15px;border-radius:14px}
  .global-spinner{width:24px;height:24px}
  .global-loading-text{font-size:9.5px}
}

/* ==========================================================
   SERVIDORES / CATEGORIAS
   ========================================================== */
.servers-head p{margin:7px 0 0;color:var(--muted);font-size:11px}.page-actions{display:flex;gap:8px;align-items:center}.btn-icon-text{display:inline-flex;align-items:center;gap:7px}.page-alert{margin:-8px 0 16px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;font-size:11px}.page-alert.success{color:#50e794;border-color:rgba(29,211,113,.3);background:rgba(29,211,113,.08)}.page-alert.error{color:#ff7d82;border-color:rgba(255,17,25,.3);background:rgba(255,17,25,.08)}
.mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.mini-stats article{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.mini-stats span{font-size:11px;color:var(--muted)}.mini-stats strong{font-size:22px}.server-section{border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:18px;margin-top:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-heading h2{font-size:14px;margin:0}.section-heading small{display:block;margin-top:4px;color:var(--muted);font-size:9.5px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.category-card{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center;min-height:96px;padding:13px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 96%,var(--brand) 4%);transition:.2s}.category-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 36%,var(--line));box-shadow:0 12px 35px rgba(0,0,0,.18)}.category-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--soft);color:var(--brand)}.category-main strong,.category-main small{display:block}.category-main strong{font-size:11.5px}.category-main small{font-size:9px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-meta{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding-top:7px;border-top:1px solid var(--line)}.category-meta b{font-size:9px;color:var(--muted);font-weight:600}.balance-badge{font-size:8.5px;color:#59e99a;background:rgba(19,213,115,.08);border:1px solid rgba(19,213,115,.18);padding:4px 7px;border-radius:999px}.compact-empty{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.compact-empty strong{font-size:11px;color:var(--text);margin-top:8px}.compact-empty small{font-size:9px;margin-top:4px}.empty-icon{width:42px;height:42px;border-radius:13px;background:var(--soft);display:grid;place-items:center;color:var(--brand)}
.server-list{display:flex;flex-direction:column;gap:8px}.server-row{display:grid;grid-template-columns:auto minmax(180px,1.4fr) minmax(120px,.8fr) minmax(130px,.8fr) auto;gap:12px;align-items:center;min-height:68px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 98%,#fff 2%)}.server-status-dot{width:8px;height:8px;border-radius:50%}.server-status-dot.online{background:#13d573;box-shadow:0 0 10px #13d573}.server-status-dot.pending{background:#ffab2e;box-shadow:0 0 10px rgba(255,171,46,.5)}.server-main strong,.server-main small,.server-category span,.server-category strong,.server-mode span,.server-mode small{display:block}.server-main strong{font-size:11px}.server-main small,.server-category span,.server-mode small{font-size:8.5px;color:var(--muted);margin-top:4px}.server-category strong,.server-mode span{font-size:9.5px;margin-top:3px}.copy-key{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);font-size:9px;cursor:pointer;transition:.16s}.copy-key:hover{color:var(--text);border-color:color-mix(in srgb,var(--brand) 35%,var(--line))}.copy-key:active{transform:scale(.96)}
.app-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.68);backdrop-filter:blur(6px);opacity:0;visibility:hidden;pointer-events:none;transition:.16s}.app-modal.open{opacity:1;visibility:visible;pointer-events:auto}.app-modal-card{width:min(560px,100%);max-height:calc(100vh - 36px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;border:1px solid var(--line);border-radius:19px;background:var(--bg2);padding:17px;box-shadow:0 30px 90px rgba(0,0,0,.5)}.app-modal-card::-webkit-scrollbar{display:none;width:0;height:0}.small-modal{width:min(470px,100%)}.server-modal{width:min(540px,100%)}.stack-form{display:flex;flex-direction:column;gap:10px}.stack-form label{font-size:9.5px;color:var(--text);font-weight:600}.stack-form input,.stack-form select{width:100%;height:40px;margin-top:6px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);font:inherit;font-size:10.5px;outline:none}.stack-form input:focus,.stack-form select:focus{border-color:color-mix(in srgb,var(--brand) 55%,var(--line));box-shadow:0 0 0 3px var(--soft)}.optional{font-size:8px;color:var(--muted);font-weight:500}.info-line{display:flex;gap:8px;align-items:flex-start;padding:9px 10px;border:1px solid var(--line);border-radius:11px;color:var(--muted);font-size:8.5px}.info-line svg{flex:none;color:var(--brand)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border-radius:11px;background:color-mix(in srgb,var(--panel) 90%,#fff 10%);margin-bottom:12px}.modal-tab{height:31px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}.modal-tab.active{background:color-mix(in srgb,var(--panel) 70%,#fff 30%);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.mode-title{display:flex;align-items:center;gap:7px;margin-top:2px;font-size:10px}.mode-title svg{color:var(--brand)}.mode-options{display:flex;flex-direction:column;gap:8px}.mode-option{position:relative;display:grid!important;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:10px!important;margin:0!important;border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:.16s}.mode-option input{position:absolute;opacity:0;pointer-events:none}.mode-option.selected{border-color:var(--brand);background:rgba(255,17,25,.06)}.mode-option span strong,.mode-option span small{display:block}.mode-option span strong{font-size:10px}.mode-option span small{font-size:8.5px;color:var(--muted);margin-top:3px;font-weight:400}.mode-icon{color:var(--brand)}.mode-option i{width:10px;height:10px;border-radius:50%;border:1px solid var(--muted)}.mode-option.selected i{border:3px solid var(--brand)}.modal-actions.single .btn-primary{width:100%}
@media(max-width:980px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.server-row{grid-template-columns:auto 1fr auto}.server-category,.server-mode{display:none}}
@media(max-width:760px){.servers-head{align-items:flex-start;gap:12px}.servers-head p{font-size:9.5px}.page-actions{width:100%;justify-content:flex-end;gap:6px}.page-actions .btn-primary,.page-actions .btn-secondary{height:35px;min-height:35px;padding:0 10px;font-size:9px}.mini-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mini-stats article{min-height:57px;padding:10px;display:block}.mini-stats span{font-size:8.5px}.mini-stats strong{font-size:18px;display:block;margin-top:5px}.server-section{padding:12px;border-radius:16px}.section-heading small{font-size:8px}.category-grid{grid-template-columns:1fr}.category-card{min-height:88px}.server-row{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:9px}.server-main small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-key span{display:none}.copy-key{width:32px;padding:0;justify-content:center}.app-modal{padding:10px}.app-modal-card{max-height:calc(100vh - 20px);padding:13px;border-radius:16px}.form-grid-2{grid-template-columns:1fr 1fr;gap:7px}.stack-form{gap:8px}.stack-form input,.stack-form select{height:39px}.modal-actions{flex-wrap:nowrap}.modal-actions .btn-primary,.modal-actions .btn-secondary{white-space:nowrap}}