:root{
--bg:#0a0613;--bg2:#130a24;--card:#1a1030;--card2:#241546;
--accent:#a855f7;--accent2:#8b5cf6;--accent3:#cbb2ff;
--accent-cy:#d946ef;--accent-pk:#e879f9;
--text:#f2ecff;--muted:#a897cc;--line:rgba(168,85,247,.16);
--ok:#57F287;--danger:#ED4245;--warn:#FEE75C;
--radius:16px;--shadow:0 24px 60px -18px rgba(90,20,170,.6);
--maxw:1180px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter','SF Pro Display',system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
/* ---------- NAV ---------- */
.nav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 6%;position:sticky;top:0;background:rgba(21,18,31,.88);backdrop-filter:blur(14px);z-index:50;border-bottom:1px solid var(--line)}
.logo{display:inline-flex;align-items:center;gap:10px;font-size:1.35rem;font-weight:800;color:#fff;white-space:nowrap}
.logo-img{height:38px;width:auto;display:block}
.footer-logo-img{height:40px;width:auto;display:block}
.logo-dot{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 32% 28%,var(--accent3),var(--accent2) 55%,var(--accent));box-shadow:0 0 14px rgba(139,92,246,.7);flex-shrink:0}
.nav-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.nav-links>a{color:var(--muted);font-weight:500;transition:.2s}
.nav-links>a:hover{color:#fff}
.nav-burger{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:4px;line-height:0}
.nav-burger svg{display:block}
.lang-toggle{background:rgba(255,255,255,.06);color:var(--text);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:7px 13px;font-weight:600;cursor:pointer;font-size:.82rem;transition:.2s}
.lang-toggle:hover{background:rgba(139,92,246,.25);border-color:rgba(139,92,246,.6)}
/* ---------- BUTTONS ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:12px;font-weight:600;transition:.22s;cursor:pointer;border:none;font-size:.95rem;font-family:inherit}
.btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 8px 24px rgba(139,92,246,.35)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(139,92,246,.5)}
.btn-ghost{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.12)}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
.btn-danger{background:rgba(237,66,69,.15);color:#ff8488;border:1px solid rgba(237,66,69,.4)}
.btn-danger:hover{background:rgba(237,66,69,.3)}
.btn-lg{padding:14px 30px;font-size:1.05rem}
.btn-sm{padding:6px 12px;font-size:.82rem}
.btn-xs{padding:3px 9px;font-size:.8rem;border-radius:8px}
/* ---------- USER CHIP ---------- */
.user-chip{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:4px 6px 4px 4px}
.user-ava{width:30px;height:30px;border-radius:50%;object-fit:cover}
.user-name{font-weight:600;font-size:.9rem;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ---------- HERO ---------- */
.hero{position:relative;text-align:center;padding:110px 6% 70px;overflow:hidden}
.hero-glow{position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:760px;height:540px;background:radial-gradient(circle,rgba(139,92,246,.28),transparent 70%);filter:blur(50px);z-index:0}
.hero-inner{position:relative;z-index:1;max-width:860px;margin:0 auto}
.welcome-back{display:inline-block;color:#c4b5fd;background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.3);padding:5px 15px;border-radius:30px;font-weight:600;margin-bottom:16px}
.hero-badge{display:inline-block;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--muted);padding:6px 16px;border-radius:30px;font-size:.85rem;margin-bottom:22px}
.hero h1{font-size:3rem;font-weight:800;line-height:1.12;margin-bottom:18px;letter-spacing:-.5px}
.subtitle{font-size:1.15rem;color:var(--muted);max-width:640px;margin:0 auto 32px}
.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.cta-row.center{justify-content:center}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:52px;max-width:720px;margin-left:auto;margin-right:auto}
.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 10px}
.stat-num{font-size:1.8rem;font-weight:800;color:var(--accent)}
.stat-label{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}
/* ---------- SECTIONS ---------- */
.section-title{text-align:center;font-size:2rem;font-weight:800;margin-bottom:8px}
.section-sub{text-align:center;color:var(--muted);max-width:600px;margin:0 auto 40px}
.features{padding:70px 6%}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:1120px;margin:0 auto}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;transition:.25s}
.card:hover{transform:translateY(-4px);border-color:rgba(139,92,246,.4);box-shadow:var(--shadow)}
.card .ic{font-size:1.9rem;margin-bottom:12px}
.card h3{font-size:1.15rem;margin-bottom:8px}
.card p{color:var(--muted);font-size:.95rem}
/* ---------- STEPS ---------- */
.steps{padding:40px 6% 80px;max-width:1000px;margin:0 auto}
.step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:30px}
.step{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px 22px}
.step-num{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:14px}
.step h3{margin-bottom:6px}
.step p{color:var(--muted);font-size:.92rem}
/* ---------- CTA BANNER ---------- */
.cta-banner{margin:20px 6% 80px;background:linear-gradient(120deg,rgba(139,92,246,.18),rgba(168,85,247,.18));border:1px solid rgba(139,92,246,.3);border-radius:24px;padding:50px 30px;text-align:center;max-width:1120px;margin-left:auto;margin-right:auto}
.cta-banner h2{font-size:1.9rem;margin-bottom:12px}
.cta-banner p{color:var(--muted);margin-bottom:24px}
/* ---------- FOOTER ---------- */
.footer{border-top:1px solid var(--line);padding:30px 6%;text-align:center;color:var(--muted);font-size:.9rem;background:var(--bg2)}
.footer a{color:#c4b5fd}
.footer a:hover{text-decoration:underline}
/* ---------- COMMANDS PAGE ---------- */
.cmd-page{padding:60px 6%;max-width:1000px;margin:0 auto}
.cmd-group{margin-bottom:34px}
.cmd-group h3{font-size:1.2rem;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.cmd-list{display:grid;gap:10px}
.cmd{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;display:flex;gap:16px;align-items:flex-start}
.cmd code{color:#c4b5fd;font-weight:700;background:rgba(139,92,246,.12);padding:3px 9px;border-radius:7px;white-space:nowrap;font-family:'Consolas',monospace}
.cmd span{color:var(--muted);font-size:.92rem}
/* ---------- DASHBOARD GRID ---------- */
.dash-wrap{padding:50px 6%;max-width:1150px;margin:0 auto}
.dash-head{margin-bottom:30px}
.dash-head h1{font-size:2.2rem;margin-bottom:6px}
.dash-head p{color:var(--muted)}
.guild-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.guild-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:.25s}
.guild-card:hover{transform:translateY(-4px);border-color:rgba(139,92,246,.45);box-shadow:var(--shadow)}
.guild-ico{width:72px;height:72px;border-radius:20px;object-fit:cover;margin-bottom:14px;background:var(--card2)}
.guild-ico.placeholder{display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2))}
.guild-card h3{font-size:1.05rem;margin-bottom:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.guild-card .tag{font-size:.78rem;color:var(--muted);margin-bottom:12px}
.guild-card .btn{width:100%}
.guild-card.absent{opacity:.6}
/* ---------- GUILD SETTINGS ---------- */
.g-layout{display:grid;grid-template-columns:230px 1fr;gap:26px;align-items:start}
.g-sidebar{position:sticky;top:90px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:4px}
.g-sidebar .g-top{display:flex;align-items:center;gap:10px;padding:8px 10px 14px;border-bottom:1px solid var(--line);margin-bottom:8px}
.g-sidebar .g-top img{width:40px;height:40px;border-radius:12px}
.g-sidebar .g-top .nm{font-weight:700;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.snav{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--muted);font-weight:600;cursor:pointer;transition:.18s;background:none;border:none;font-family:inherit;font-size:.92rem;text-align:left;width:100%}
.snav:hover{background:rgba(255,255,255,.05);color:#fff}
.snav.active{background:rgba(139,92,246,.18);color:#fff}
.g-main{min-width:0}
.settings-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-bottom:22px}
.settings-card h2{font-size:1.3rem;margin-bottom:6px;display:flex;align-items:center;gap:8px}
.settings-card .hint{color:var(--muted);font-size:.9rem;margin-bottom:20px}
.panel{display:none}
.panel.active{display:block;animation:fade .25s}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* ---------- FORM FIELDS ---------- */
.field{margin-bottom:18px}
.field>label{display:block;font-weight:600;margin-bottom:7px;font-size:.92rem}
.field .fhint{color:var(--muted);font-size:.82rem;margin-top:5px}
.inp,textarea.inp{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px 13px;color:var(--text);font-size:.95rem;font-family:inherit;transition:.18s}
.inp:focus,textarea.inp:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(139,92,246,.2)}
textarea.inp{min-height:90px;resize:vertical}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.field-row:last-child{border-bottom:none}
.field-row .fr-txt label{font-weight:600;font-size:.95rem}
.field-row .fr-txt p{color:var(--muted);font-size:.82rem;margin-top:2px}
/* ---------- SWITCH ---------- */
.switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}
.switch input{opacity:0;width:0;height:0}
.slider{position:absolute;inset:0;background:rgba(255,255,255,.14);border-radius:26px;transition:.25s;cursor:pointer}
.slider:before{content:"";position:absolute;height:18px;width:18px;left:4px;top:4px;background:#fff;border-radius:50%;transition:.25s}
.switch input:checked+.slider{background:linear-gradient(90deg,var(--accent),var(--accent2))}
.switch input:checked+.slider:before{transform:translateX(22px)}
/* ---------- TABLE ---------- */
.tbl{width:100%;border-collapse:collapse;margin-top:10px}
.tbl th,.tbl td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);font-size:.9rem}
.tbl th{color:var(--muted);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}
.tbl td:last-child,.tbl th:last-child{text-align:right}
.inline-add{display:flex;gap:10px;align-items:center;margin-top:14px;flex-wrap:wrap}
.inline-add .inp{width:auto;flex:1;min-width:120px}
/* ---------- SAVE BAR + TOAST ---------- */
.save-bar{position:sticky;bottom:0;background:rgba(17,19,29,.9);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:14px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.save-bar span{color:var(--muted);font-size:.88rem}
.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(80px);background:linear-gradient(90deg,var(--ok),#3ba55d);color:#06220f;font-weight:700;padding:12px 24px;border-radius:12px;box-shadow:var(--shadow);opacity:0;transition:.35s;z-index:100}
.toast.show{transform:translateX(-50%) translateY(0);opacity:1}
/* ---------- ERROR PAGE ---------- */
.error-wrap{text-align:center;padding:120px 6%}
.error-code{font-size:6rem;font-weight:800;color:var(--accent)}
.error-msg{color:var(--muted);font-size:1.2rem;margin:10px 0 30px}
/* ---------- RESPONSIVE ---------- */
@media(max-width:860px){
.g-layout{grid-template-columns:1fr}
.g-sidebar{position:static;flex-direction:row;overflow-x:auto;flex-wrap:nowrap}
.snav{white-space:nowrap}
.g-sidebar .g-top{display:none}
.stats{grid-template-columns:repeat(2,1fr)}
.hero h1{font-size:2.2rem}
}
@media(max-width:720px){
.nav-links{position:fixed;top:66px;right:0;flex-direction:column;align-items:flex-start;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:16px;width:220px;gap:12px;transform:translateX(120%);transition:.3s;box-shadow:var(--shadow)}
.nav-links.open{transform:translateX(-14px)}
.nav-burger{display:block}
.row2{grid-template-columns:1fr}
}
/* ========== ACTUAL TEMPLATE CLASSES (dashboard + settings) ========== */
/* dashboard cards */
.dash-section-h{font-size:1.15rem;font-weight:700;margin:34px 0 14px;color:var(--text)}
.guild-ico-ph{display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2))}
.guild-meta{width:100%}
.guild-name{font-size:1.02rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px}
.guild-tag{font-size:.85rem;color:#c4b5fd;font-weight:600}
.guild-tag.add{color:var(--ok)}
.guild-card-add{border-style:dashed}
.empty-box{text-align:center;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:50px 30px}
.empty-box p{color:var(--muted);margin-bottom:20px}
/* settings header */
.settings-wrap{padding:44px 6%;max-width:1150px;margin:0 auto}
.settings-top{display:flex;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}
.guild-ico.lg{width:64px;height:64px;border-radius:18px}
.settings-gname{font-size:1.7rem;font-weight:800}
.settings-gmeta{color:var(--muted);font-size:.9rem}
.settings-back{margin-left:auto}
/* settings layout — горизонтальные вкладки */
.settings-tabs{display:flex;gap:4px;align-items:stretch;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:26px;scrollbar-width:thin}
.settings-tabs::-webkit-scrollbar{height:5px}
.settings-tabs::-webkit-scrollbar-thumb{background:rgba(139,92,246,.4);border-radius:3px}
.stab{position:relative;white-space:nowrap;background:none;border:0;cursor:pointer;color:var(--muted);font-weight:700;font-size:.82rem;letter-spacing:.4px;text-transform:uppercase;padding:14px 16px 13px;border-bottom:2px solid transparent;transition:.18s;font-family:inherit}
.stab:hover{color:#fff}
.stab.active{color:#fff;border-bottom-color:var(--accent3)}
.settings-content{min-width:0;position:relative}
.tab-panel{display:none;animation:tabfade .22s ease}
.tab-panel.active{display:block}
@keyframes tabfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.card-lead{color:var(--muted);font-size:.95rem;margin-bottom:20px;margin-top:-6px}
.color-row{display:flex;align-items:center;gap:12px}
.color-row .color-val{font-family:'Consolas',monospace;color:var(--muted);font-size:.9rem;text-transform:uppercase}
/* settings cards */
.settings-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-bottom:22px;scroll-margin-top:84px}
.settings-card h2{font-size:1.25rem;margin-bottom:18px}
.settings-card h3{font-size:1.1rem;margin-bottom:14px}
.settings-card.sub{background:var(--card2)}
.field{margin-bottom:18px}
.field>label{display:block;font-weight:600;margin-bottom:7px;font-size:.92rem}
.field-hint{color:var(--muted);font-size:.82rem;margin-top:6px;line-height:1.45}
.sf-txt p{color:var(--muted);font-size:.82rem;margin-top:3px;line-height:1.4}
.switch-field{display:flex;justify-content:space-between;align-items:center;gap:16px}
.switch-field>label:first-child{margin-bottom:0}
.inp-color{height:44px;padding:4px;cursor:pointer}
.inline-row{display:flex;gap:10px;align-items:center;margin-top:14px;flex-wrap:wrap}
.inline-row .inp{width:auto;flex:1;min-width:110px}
.custom-add{display:flex;gap:10px;align-items:center;margin-top:16px;flex-wrap:wrap}
.custom-add .inp{width:auto;flex:1;min-width:120px}
.hidden-form{display:none}
.muted-note{color:var(--muted);font-size:.92rem}
.ctd{color:var(--muted);max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* mini-table */
.mini-table{width:100%;border-collapse:collapse}
.mini-table th,.mini-table td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);font-size:.9rem}
.mini-table th{color:var(--muted);font-weight:600;text-transform:uppercase;font-size:.74rem;letter-spacing:.5px}
.mini-table td code{color:#c4b5fd;background:rgba(139,92,246,.12);padding:2px 7px;border-radius:6px;font-family:'Consolas',monospace}
.mini-table td:last-child,.mini-table th:last-child{text-align:right;width:1%}
/* save toast (in-content) */
.save-toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(80px);background:linear-gradient(90deg,var(--ok),#3ba55d);color:#06220f;font-weight:700;padding:12px 24px;border-radius:12px;box-shadow:var(--shadow);opacity:0;transition:.35s;z-index:100;pointer-events:none}
.save-toast.show{transform:translateX(-50%) translateY(0);opacity:1}
/* footer inner */
.footer-inner{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:12px}
.footer-brand{display:inline-flex;align-items:center;gap:9px;font-size:1.15rem;font-weight:800;color:#fff}
.footer-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
.footer-by{font-size:.86rem}
@media(max-width:860px){
.stab{padding:12px 12px;font-size:.78rem}
.row2{grid-template-columns:1fr}
}
/* ========== ACTUAL TEMPLATE CLASSES (index howto + cta) ========== */
.howto{padding:30px 6% 70px;max-width:1000px;margin:0 auto}
.howto .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin:30px auto 0;padding:0}
.step-n{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:14px;font-size:1.1rem}
.cta-final{margin:10px 6% 80px;background:linear-gradient(120deg,rgba(139,92,246,.18),rgba(168,85,247,.18));border:1px solid rgba(139,92,246,.3);border-radius:24px;padding:54px 30px;text-align:center;max-width:1120px;margin-left:auto;margin-right:auto}
.cta-final h2{font-size:1.9rem;margin-bottom:12px}
.cta-final p{color:var(--muted);margin-bottom:24px}
/* ========== ACTUAL TEMPLATE CLASSES (commands) ========== */
.commands-wrap{padding:60px 6%;max-width:1040px;margin:0 auto}
.cmd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin-top:36px}
.cmd-group{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.cmd-group h2{font-size:1.15rem;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.cmd-row{display:flex;gap:12px;align-items:baseline;padding:8px 0}
.cmd-row code{color:#c4b5fd;font-weight:700;background:rgba(139,92,246,.12);padding:3px 9px;border-radius:7px;white-space:nowrap;font-family:'Consolas',monospace;font-size:.86rem}
.cmd-desc{color:var(--muted);font-size:.9rem}
/* ========== REBRAND v2: nav links, user dropdown, stats, settings ========== */
.nav-links>a{color:var(--muted);font-weight:600;font-size:.8rem;letter-spacing:.6px;text-transform:uppercase}
.nav-links>a:hover{color:#fff}
/* user chip + right drawer */
.user-chip{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:4px 12px 4px 4px;cursor:pointer;font-family:inherit;color:var(--text);transition:.18s}
.user-chip:hover{background:rgba(255,255,255,.09);border-color:rgba(139,92,246,.4)}
.user-caret{font-size:.7rem;color:var(--muted);transition:transform .2s}
.user-chip[aria-expanded="true"] .user-caret{transform:rotate(180deg)}
.drawer-overlay{position:fixed;inset:0;background:rgba(6,4,12,.55);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.25s;z-index:80}
.drawer-overlay.show{opacity:1;visibility:visible}
.drawer{position:fixed;top:0;right:0;height:100%;width:330px;max-width:88vw;background:#0e0b16;border-left:1px solid rgba(255,255,255,.07);box-shadow:-20px 0 60px rgba(0,0,0,.55);padding:16px 14px;display:flex;flex-direction:column;gap:4px;transform:translateX(104%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:90;overflow-y:auto}
.drawer.open{transform:translateX(0)}
.drawer-head{display:flex;align-items:center;gap:12px;padding:10px 10px 14px}
.drawer-ava{width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 0 0 2px rgba(139,92,246,.4)}
.drawer-id{min-width:0;flex:1}
.drawer-name{font-weight:700;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drawer-tag{color:var(--muted);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drawer-close{flex-shrink:0;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--muted);cursor:pointer;transition:.16s}
.drawer-close:hover{background:rgba(255,255,255,.1);color:#fff}
.drawer-sep{height:1px;background:rgba(255,255,255,.08);margin:6px 8px}
.drawer-group{display:flex;flex-direction:column;gap:2px}
.dw-item{display:flex;align-items:center;gap:13px;width:100%;padding:11px 12px;border-radius:12px;color:var(--text);font-size:.94rem;font-weight:500;background:none;border:none;font-family:inherit;cursor:pointer;text-align:left;transition:.15s}
.dw-item:hover{background:rgba(139,92,246,.18)}
.dw-ic{flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent3)}
.dw-ic svg{width:21px;height:21px}
.dw-chevron{margin-left:auto;display:inline-flex;align-items:center;color:var(--muted)}
.dw-chevron svg{width:17px;height:17px}
.dw-logout{color:#ff8488}
.dw-logout .dw-ic{color:#ff8488}
.dw-logout:hover{background:rgba(237,66,69,.16)}
body.no-scroll{overflow:hidden}
html.light .drawer{background:#17132a;border-left-color:rgba(255,255,255,.08)}
html.light .drawer-name,html.light .dw-item{color:#f2f0fb}
/* stats page */
.stats-page{padding:56px 6% 80px;max-width:1150px;margin:0 auto}
.stats-hero{text-align:center;margin-bottom:40px}
.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:46px}
.stat-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px}
.stat-card .sc-label{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px}
.stat-card .sc-value{font-size:2rem;font-weight:800;color:var(--accent3)}
.stat-card .sc-value.sm{font-size:1.5rem}
.stat-card .sc-sub{color:var(--muted);font-size:.78rem;margin-top:4px;text-transform:uppercase;letter-spacing:.4px}
.sc-split{display:flex;gap:22px}
.sc-split>div{flex:1}
.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.chart-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.chart-card h3{font-size:1rem;margin-bottom:16px;color:var(--text)}
.chart-card canvas{width:100%!important;height:220px!important}
/* settings extras */
.card-subhead{font-size:.78rem;text-transform:uppercase;letter-spacing:.7px;color:var(--accent3);font-weight:700;margin:22px 0 14px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.card-subhead:first-of-type{margin-top:6px}
/* collapsible stacked cards */
.collapse{background:var(--bg2,rgba(255,255,255,.02));border:1px solid var(--line);border-radius:14px;margin:14px 0;overflow:hidden;transition:border-color .15s}
.collapse:hover{border-color:var(--accent3)}
.collapse-head{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:16px 18px;user-select:none}
.collapse-head .ch-title{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:700;letter-spacing:.4px;color:var(--text);text-transform:none}
.collapse-head .ch-title .ch-ic{font-size:1.05rem;line-height:1}
.collapse-chevron{flex:0 0 auto;width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:var(--accent3);transition:transform .2s ease}
.collapse.closed .collapse-chevron{transform:rotate(-90deg)}
.collapse-body{padding:4px 18px 18px}
.collapse.closed .collapse-body{display:none}
.collapse-body .card-subhead{display:none}
/* welcome live preview */
.welcome-preview{margin-top:14px}
.wp-label{font-size:.74rem;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:700;margin-bottom:8px}
.wp-card{display:flex;gap:12px;align-items:flex-start;background:var(--bg2,rgba(255,255,255,.03));border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.wp-avatar{flex:0 0 auto;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c55ffd,#8b5cf6);font-size:1.2rem}
.wp-body{font-size:.92rem;color:var(--text);line-height:1.5;white-space:pre-wrap;word-break:break-word}
.wp-body .wp-mention{color:#c55ffd;background:rgba(197,95,253,.15);border-radius:4px;padding:0 4px;font-weight:600}
.wp-body .wp-server{font-weight:700}
.wp-body.empty{color:var(--muted);font-style:italic}
.switch-field .sf-txt label{display:block;font-weight:600;font-size:.95rem}
.switch-field .sf-txt p{color:var(--muted);font-size:.82rem;margin-top:2px}
.notice-box{background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.35);border-radius:10px;padding:12px 14px;color:#d9cffb;font-size:.86rem;margin-bottom:8px}
.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.filter-card{display:block;background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:16px;cursor:pointer;transition:.18s}
.filter-card:hover{border-color:rgba(139,92,246,.5)}
.fc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.fc-ic{font-size:1.4rem}
.fc-name{font-weight:700;font-size:.95rem;margin-bottom:4px}
.fc-desc{color:var(--muted);font-size:.8rem}
.save-bar .btn{margin:0}
@media(max-width:860px){
.charts-grid{grid-template-columns:1fr}
}
/* ========== LIGHT THEME ========== */
html.light{
--bg:#f4f2fb;--bg2:#ffffff;--card:#ffffff;--card2:#f0edfa;
--text:#1b1730;--muted:#6b6386;--line:rgba(20,16,40,.1);
--shadow:0 12px 40px rgba(90,70,160,.14);
}
html.light body{background:var(--bg);color:var(--text)}
html.light .nav{background:rgba(255,255,255,.9);border-bottom:1px solid var(--line)}
html.light .logo{color:#2a2440}
html.light .nav-links>a{color:var(--muted)}
html.light .nav-links>a:hover{color:#1b1730}
html.light .user-chip{background:rgba(20,16,40,.05);border-color:rgba(20,16,40,.1);color:var(--text)}
html.light .btn-ghost{background:rgba(20,16,40,.05);color:#1b1730;border-color:rgba(20,16,40,.12)}
html.light .inp,html.light textarea.inp{background:#f7f5fd;color:var(--text)}
html.light .footer{background:var(--bg2)}
/* ---------- Страница поддержки ---------- */
.support-page{max-width:1100px;margin:0 auto;padding:40px 20px 80px}
.support-hero{position:relative;text-align:center;padding:60px 20px 40px;overflow:hidden}
.support-hero .hero-glow{position:absolute;inset:0;background:radial-gradient(600px 300px at 50% 0%,rgba(139,92,246,.28),transparent 70%);pointer-events:none}
.support-hero-inner{position:relative}
.support-hero .hero-badge{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.5px;color:var(--accent3);background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.3);padding:7px 16px;border-radius:999px;margin-bottom:18px}
.support-hero h1{font-size:2.6rem;font-weight:800;margin-bottom:14px}
.support-sub{max-width:680px;margin:0 auto;color:var(--muted);font-size:1.05rem;line-height:1.6}
.support-benefits,.support-how,.support-tiers,.support-activate,.support-bonuses,.support-pay,.support-terms{margin-top:56px}
.section-sub{text-align:center;color:var(--muted);margin-bottom:26px}
.how-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.how-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px}
.how-card .how-ic{font-size:2.2rem;margin-bottom:14px}
.how-card h3{font-size:1.25rem;margin-bottom:10px}
.how-card p{color:var(--muted);line-height:1.6;margin-bottom:18px}
.support-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}
.tier-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:32px 28px;display:flex;flex-direction:column}
.tier-card.tier-featured{border-color:rgba(139,92,246,.5);box-shadow:var(--shadow)}
.tier-badge{position:absolute;top:-12px;right:24px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.5px;padding:5px 14px;border-radius:999px}
.tier-name{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--accent3);font-weight:700;margin-bottom:10px}
.tier-price{font-size:2rem;font-weight:800;margin-bottom:20px}
.tier-price span{font-size:.95rem;font-weight:500;color:var(--muted)}
.tier-list{list-style:none;padding:0;margin:0 0 24px;flex:1}
.tier-list li{padding:9px 0 9px 26px;position:relative;color:var(--muted);border-bottom:1px solid var(--line)}
.tier-list li:last-child{border-bottom:0}
.tier-list li::before{content:"✓";position:absolute;left:0;color:var(--accent3);font-weight:800}
.activate-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-bottom:22px}
.act-step{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 20px}
.act-step code{display:inline-block;background:rgba(139,92,246,.14);color:var(--accent3);border:1px solid rgba(139,92,246,.3);padding:6px 12px;border-radius:8px;font-size:.95rem;font-weight:600;margin-bottom:12px}
.act-step p{color:var(--muted);line-height:1.55;font-size:.95rem}
.support-note{text-align:center;color:var(--muted);font-size:.9rem;max-width:620px;margin:0 auto;opacity:.85}
@media(max-width:640px){.support-hero h1{font-size:2rem}}
/* ---------- ПРАВА КОМАНД ---------- */
.cmdperm-field select[multiple]{min-height:46px;padding:6px 10px;background:var(--bg2)}
.cmdperm-field select[multiple] option{padding:5px 8px;border-radius:6px}
.cmdperm-field select[multiple] option:checked{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff}
/* ---------- АДМИН-ПАНЕЛЬ ---------- */
.admin-body{background:radial-gradient(1200px 600px at 80% -10%,rgba(139,92,246,.18),transparent 60%),var(--bg);min-height:100vh}
.admin-login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.admin-login-card{width:100%;max-width:400px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:34px 30px;box-shadow:var(--shadow)}
.admin-login-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.3rem;justify-content:center;margin-bottom:14px}
.admin-login-title{text-align:center;font-size:1.5rem;margin-bottom:4px}
.admin-login-sub{text-align:center;color:var(--muted);font-size:.9rem;margin-bottom:22px}
.admin-login-btn{width:100%;margin-top:8px}
.admin-login-home{display:block;text-align:center;color:var(--muted);font-size:.85rem;margin-top:16px;transition:.2s}
.admin-login-home:hover{color:#fff}
.admin-alert{background:rgba(237,66,69,.14);border:1px solid rgba(237,66,69,.4);color:#ff9a9d;border-radius:10px;padding:10px 14px;font-size:.88rem;margin-bottom:18px;text-align:center}
.admin-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 6%;border-bottom:1px solid var(--line);background:rgba(11,9,18,.72);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);position:sticky;top:0;z-index:40}
.admin-top-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.25rem}
.admin-logo-img{height:34px;width:auto;display:block}
.admin-badge{font-size:.62rem;letter-spacing:1px;background:linear-gradient(90deg,var(--accent),var(--accent2));padding:3px 8px;border-radius:7px;font-weight:700}
.admin-top-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.admin-botstate{font-size:.82rem;font-weight:600;padding:5px 11px;border-radius:20px}
.admin-botstate.on{color:#7ef0a6;background:rgba(87,242,135,.12);border:1px solid rgba(87,242,135,.35)}
.admin-botstate.off{color:#ff9a9d;background:rgba(237,66,69,.12);border:1px solid rgba(237,66,69,.35)}
.admin-main{max-width:1320px;margin:0 auto;padding:36px 4% 80px}
.admin-h1{font-size:1.9rem;margin-bottom:6px}
.admin-lead{color:var(--muted);margin-bottom:28px}
.admin-h2{font-size:1.3rem;margin:34px 0 16px}
.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.admin-stat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;position:relative;overflow:hidden}
.admin-stat::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(139,92,246,.1),transparent 60%);pointer-events:none}
.as-num{font-size:2.1rem;font-weight:800;background:linear-gradient(90deg,var(--accent3),var(--accent2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.as-lbl{color:var(--muted);font-size:.86rem;margin-top:4px}
.admin-table-wrap{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:auto}
.admin-table{width:100%;border-collapse:collapse;min-width:0;table-layout:auto}
.admin-table th,.admin-table td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line);font-size:.9rem}
.admin-table th{color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.5px}
.admin-table tr:last-child td{border-bottom:none}
.admin-table tbody tr{transition:.15s}
.admin-table tbody tr:hover{background:rgba(255,255,255,.03)}
.ag-name{display:flex;align-items:center;gap:10px;font-weight:600}
.ag-ico{width:30px;height:30px;border-radius:9px;object-fit:cover}
.ag-ico-ph{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:700}
.pill{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.76rem;font-weight:600}
.pill-on{color:#7ef0a6;background:rgba(87,242,135,.12);border:1px solid rgba(87,242,135,.3)}
.pill-off{color:var(--muted);background:rgba(255,255,255,.05);border:1px solid var(--line)}
.pill-prem{color:#ffd86b;background:rgba(254,231,92,.12);border:1px solid rgba(254,231,92,.35)}
.admin-inline-form{margin:0}
/* ---------- АДМИН-ПАНЕЛЬ (доп.) ---------- */
.as-unit{font-size:.95rem;font-weight:600;margin-left:3px;color:var(--muted);-webkit-text-fill-color:var(--muted)}
.admin-count{font-size:.9rem;font-weight:700;color:var(--accent3);background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.3);padding:2px 10px;border-radius:20px;vertical-align:middle;margin-left:8px}
.admin-ok{background:rgba(87,242,135,.12);border:1px solid rgba(87,242,135,.35);color:#7ef0a6;border-radius:10px;padding:10px 14px;font-size:.9rem;margin-bottom:16px}
.ag-nametxt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
.ag-owner{color:var(--muted);font-size:.85rem}
.ac-actions{text-align:right}
.admin-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap;align-items:center}
.admin-foot-note{color:var(--muted);font-size:.82rem;margin-top:14px}
.admin-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:8px 0 26px}
.admin-card{background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:20px 22px}
.admin-card-h{font-size:1.02rem;font-weight:700;margin:0 0 4px}
.admin-card-sub{color:var(--muted);font-size:.86rem;margin:0 0 14px;line-height:1.5}
.admin-idform{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.admin-idinput{flex:1 1 180px;min-width:0;padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);font-size:.92rem;font-family:inherit}
.admin-idinput:focus{outline:none;border-color:var(--accent);background:rgba(139,92,246,.08)}
.btn-sm{padding:9px 16px;font-size:.88rem}
.admin-top{list-style:none;margin:0;padding:0;counter-reset:at}
.admin-top li{counter-increment:at;display:flex;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid var(--line)}
.admin-top li:last-child{border-bottom:none}
.admin-top li::before{content:counter(at);flex-shrink:0;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(139,92,246,.18);border:1px solid rgba(139,92,246,.35);color:var(--accent3);font-weight:700;font-size:.82rem}
.admin-top .at-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:.92rem}
.admin-top .at-num{flex-shrink:0;color:var(--accent3);font-weight:700;font-size:.9rem}
.muted-note{color:var(--muted);font-size:.88rem;margin:4px 0}
@media(max-width:760px){.admin-grid2{grid-template-columns:1fr}.ag-nametxt{max-width:140px}}
/* ---------- ПРАВА КОМАНД (чипы ролей) ---------- */
.cmdperm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:6px}
.cmdperm-card{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:14px 15px;transition:.2s}
.cmdperm-card:hover{border-color:rgba(139,92,246,.4)}
.cpc-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.cpc-title{font-weight:700;font-size:.95rem}
.cpc-count{min-width:22px;height:22px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;background:rgba(139,92,246,.18);border:1px solid rgba(139,92,246,.35);color:var(--accent3);font-size:.78rem;font-weight:700}
.cpc-roles{display:flex;flex-wrap:wrap;gap:7px}
.role-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid var(--line);cursor:pointer;font-size:.84rem;font-weight:500;transition:.16s;user-select:none}
.role-chip:hover{background:rgba(255,255,255,.08);border-color:rgba(139,92,246,.4)}
.role-chip input{position:absolute;opacity:0;width:0;height:0}
.rc-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px rgba(0,0,0,.2) inset}
.rc-name{line-height:1;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.role-chip input:checked ~ .rc-name{color:#fff}
.role-chip:has(input:checked){background:linear-gradient(90deg,rgba(139,92,246,.35),rgba(168,85,247,.3));border-color:var(--accent2);box-shadow:0 4px 14px rgba(139,92,246,.3)}
.role-chip:has(input:focus-visible){outline:2px solid var(--accent3);outline-offset:2px}
/* ========== MODERN REFRESH 2.0 ========== */
body{background:
radial-gradient(900px 500px at 88% -8%,rgba(139,92,246,.14),transparent 60%),
radial-gradient(760px 480px at 6% 12%,rgba(168,85,247,.10),transparent 60%),
var(--bg);
background-attachment:fixed}
html.light body{background:
radial-gradient(900px 500px at 88% -8%,rgba(139,92,246,.10),transparent 60%),
radial-gradient(760px 480px at 6% 12%,rgba(168,85,247,.07),transparent 60%),
var(--bg);background-attachment:fixed}
/* nav polish */
.nav{transition:background .25s,box-shadow .25s}
.logo-dot{animation:orbixpulse 4s ease-in-out infinite}
@keyframes orbixpulse{0%,100%{box-shadow:0 0 14px rgba(139,92,246,.7)}50%{box-shadow:0 0 22px rgba(168,85,247,.95)}}
.nav-links>a{position:relative}
.nav-links>a::after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .25s}
.nav-links>a:hover::after{width:100%}
/* buttons polish */
.btn{position:relative;overflow:hidden}
.btn-primary{background:linear-gradient(100deg,var(--accent),var(--accent2) 60%,#c084fc)}
.btn-primary::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:translateX(-120%);transition:transform .6s}
.btn-primary:hover::before{transform:translateX(120%)}
/* feature cards: gradient hover ring + lift */
.card,.guild-card,.step,.stat,.stat-card,.how-card,.tier-card{backdrop-filter:blur(4px)}
.card{position:relative}
.card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(139,92,246,.55),transparent 55%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .25s;pointer-events:none}
.card:hover::before{opacity:1}
.card .ic{display:inline-flex;width:54px;height:54px;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(168,85,247,.12));border:1px solid rgba(139,92,246,.25);font-size:1.6rem;margin-bottom:14px;color:var(--accent3)}
.card .ic svg,.how-card .how-ic svg{width:27px;height:27px}
/* hero heading gradient accent */
.hero h1{background:linear-gradient(120deg,#fff 40%,#d7c7ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
html.light .hero h1{background:linear-gradient(120deg,#241d3f 40%,#7c53d6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/* stat tiles */
.stat{position:relative;overflow:hidden;transition:.25s}
.stat:hover{transform:translateY(-3px);border-color:rgba(139,92,246,.4)}
.stat::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(139,92,246,.1),transparent 60%);pointer-events:none}
/* smooth scroll-safe focus */
:focus-visible{outline:2px solid var(--accent3);outline-offset:2px;border-radius:6px}
/* scrollbar */
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-thumb{background:rgba(139,92,246,.4);border-radius:10px;border:2px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.6);background-clip:padding-box}
*::-webkit-scrollbar-track{background:transparent}
@media(prefers-reduced-motion:reduce){
*{animation:none!important;transition:none!important}
}
/* ========== «ДОБАВИТЬ БОТА» — ЗАМЕТНАЯ КНОПКА ========== */
.btn-add{position:relative;padding:11px 22px;font-weight:800;letter-spacing:.2px;color:#fff;
background:linear-gradient(100deg,#8b5cf6,#a855f7 55%,#d08bff);
box-shadow:0 10px 26px rgba(139,92,246,.5),0 0 0 1px rgba(255,255,255,.12) inset;
border-radius:14px}
.btn-add span[data-i18n]{color:#fff}
.btn-add .btn-add-ic{display:inline-flex;align-items:center;justify-content:center}
.btn-add .btn-add-ic svg{width:19px;height:19px}
.btn-add::after{content:"";position:absolute;inset:-2px;border-radius:16px;background:linear-gradient(100deg,#8b5cf6,#d08bff);filter:blur(12px);opacity:.55;z-index:-1;animation:addglow 2.6s ease-in-out infinite}
@keyframes addglow{0%,100%{opacity:.4}50%{opacity:.75}}
.btn-add:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(139,92,246,.65),0 0 0 1px rgba(255,255,255,.2) inset}
html.light .btn-add{color:#fff}
/* ========== ФУТЕР (расширенный) ========== */
.footer{border-top:1px solid var(--line);padding:48px 6% 26px;text-align:left;color:var(--muted);font-size:.9rem;background:
linear-gradient(180deg,rgba(139,92,246,.06),transparent 40%),var(--bg2)}
.footer a{color:var(--muted);transition:.16s}
.footer a:hover{color:var(--accent3);text-decoration:none}
.footer-top{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.8fr 1fr 1fr 1.2fr;gap:30px}
.footer-col{display:flex;flex-direction:column;gap:9px;min-width:0}
.footer-brand{display:inline-flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:800;color:var(--text);margin-bottom:4px}
.footer-desc{color:var(--muted);font-size:.88rem;line-height:1.6;max-width:340px}
.footer-support-btn{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:6px;padding:8px 15px;border-radius:11px;background:rgba(88,101,242,.16);border:1px solid rgba(88,101,242,.4);color:#c7cdff!important;font-weight:600;font-size:.85rem}
.footer-support-btn:hover{background:rgba(88,101,242,.3);color:#fff!important}
.footer-h{font-size:.78rem;text-transform:uppercase;letter-spacing:.8px;color:var(--accent3);font-weight:700;margin-bottom:4px}
.footer-meta{color:var(--muted);font-size:.86rem}
.footer-bottom{max-width:1120px;margin:34px auto 0;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:center;color:var(--muted);font-size:.84rem}
.footer-dot{opacity:.5}
html.light .footer-brand{color:#2a2440}
/* ========== МОБИЛЬНАЯ АДАПТАЦИЯ / ФИКСЫ ========== */
img,svg{max-width:100%}
.hero,.features,.steps,.cta-banner,.support-page,.stats-page,.cmd-page,.dash-wrap,.settings-wrap{overflow-wrap:break-word}
@media(max-width:960px){
.footer-top{grid-template-columns:1fr 1fr}
.footer-about{grid-column:1 / -1}
}
@media(max-width:860px){
.hero{padding:80px 6% 54px}
.hero h1{font-size:2.1rem}
.subtitle{font-size:1.02rem}
.section-title{font-size:1.6rem}
.stats{grid-template-columns:repeat(2,1fr);gap:12px}
}
@media(max-width:720px){
.nav{padding:13px 5%}
.nav-links{top:62px}
.cta-row{width:100%}
.cta-row .btn{flex:1 1 auto;justify-content:center}
.charts-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
.footer-top{grid-template-columns:1fr;gap:24px}
.footer-bottom{flex-direction:column;gap:4px}
.hero h1{font-size:1.75rem}
.section-title{font-size:1.4rem}
.stats{grid-template-columns:1fr 1fr}
.stat-num{font-size:1.5rem}
.btn-lg{padding:12px 22px;font-size:1rem}
.grid{grid-template-columns:1fr}
.drawer{width:100%;max-width:100%;border-left:none}
.cta-banner{padding:36px 20px;margin:16px 5% 60px}
}
@media(max-width:380px){
.hero h1{font-size:1.55rem}
.user-name{max-width:84px}
}
/* ============ COMMANDS PAGE (JuniperBot-style) ============ */
.cmdp{max-width:1180px;margin:0 auto;padding:42px 6% 70px}
.cmdp-head{margin-bottom:26px}
.cmdp-title{font-size:2.1rem;font-weight:800;letter-spacing:-.5px}
.cmdp-sub{color:var(--muted);margin-top:6px;max-width:640px}
.cmdp-layout{display:grid;grid-template-columns:280px 1fr;gap:26px;align-items:start}
/* --- sidebar --- */
.cmdp-side{position:sticky;top:88px;display:flex;flex-direction:column;gap:14px}
.cmdp-search{position:relative;display:flex;align-items:center}
.cmdp-search-ic{position:absolute;left:14px;width:18px;height:18px;color:var(--muted);pointer-events:none}
.cmdp-search-inp{width:100%;padding:12px 14px 12px 42px;background:var(--card);border:1px solid var(--line);border-radius:12px;color:var(--text);font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s}
.cmdp-search-inp::placeholder{color:var(--muted)}
.cmdp-search-inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(139,92,246,.22)}
.cmdp-cats{display:flex;flex-direction:column;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:8px}
.cmdp-cat{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border:none;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;text-align:left;font-size:.95rem;font-weight:600;transition:background .18s,color .18s}
.cmdp-cat:hover{background:rgba(255,255,255,.05);color:var(--text)}
.cmdp-cat.active{background:linear-gradient(135deg,rgba(139,92,246,.25),rgba(168,85,247,.18));color:#fff}
.cmdp-cat.active .cmdp-cat-count{background:var(--accent);color:#fff}
.cmdp-cat-ic{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.cmdp-cat-ic svg{width:19px;height:19px}
.cmdp-cat-emoji{font-size:1.05rem;line-height:1}
.cmdp-cat-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmdp-cat-count{flex-shrink:0;min-width:28px;text-align:center;padding:2px 9px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--muted);font-size:.78rem;font-weight:700}
.cmdp-help{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--card);border:1px solid var(--line);border-radius:12px;color:var(--muted);font-weight:600;font-size:.92rem;transition:color .2s,border-color .2s}
.cmdp-help:hover{color:#fff;border-color:var(--accent)}
.cmdp-help-ic{width:20px;height:20px;flex-shrink:0}
.cmdp-help-ic svg{width:20px;height:20px}
.cmdp-help span[data-i18n]{flex:1}
.cmdp-help-chev{width:16px;height:16px;flex-shrink:0;opacity:.7}
.cmdp-help-chev svg{width:16px;height:16px}
/* --- command list --- */
.cmdp-main{min-width:0}
.cmdp-list{display:flex;flex-direction:column;gap:8px}
.cmdp-row{display:flex;align-items:center;gap:12px;padding:13px 16px;background:var(--card);border:1px solid var(--line);border-radius:12px;transition:background .18s,border-color .18s,transform .18s}
.cmdp-row:hover{background:var(--card2);border-color:rgba(139,92,246,.4)}
.cmdp-ic{width:26px;height:26px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--accent3)}
.cmdp-ic svg{width:21px;height:21px}
.cmdp-cmd{flex-shrink:0;font-family:'JetBrains Mono',Consolas,monospace;font-size:.95rem;font-weight:700;color:#fff;background:rgba(139,92,246,.16);border:1px solid rgba(139,92,246,.28);padding:3px 10px;border-radius:8px}
.cmdp-dash{color:var(--muted);flex-shrink:0}
.cmdp-desc{color:var(--muted);font-size:.93rem;flex:1;min-width:0}
.cmdp-shield{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;color:#f5c84b;cursor:help;outline:none}
.cmdp-shield svg{width:19px;height:19px;filter:drop-shadow(0 0 5px rgba(245,200,75,.4))}
.cmdp-tip{position:absolute;bottom:135%;right:0;white-space:nowrap;background:#0e0b16;color:#fff;border:1px solid var(--line);padding:6px 11px;border-radius:8px;font-size:.78rem;font-weight:600;opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .18s,transform .18s;box-shadow:var(--shadow);pointer-events:none;z-index:5}
.cmdp-tip::after{content:"";position:absolute;top:100%;right:9px;border:5px solid transparent;border-top-color:#0e0b16}
.cmdp-shield:hover .cmdp-tip,.cmdp-shield:focus .cmdp-tip{opacity:1;visibility:visible;transform:translateY(0)}
.cmdp-empty{padding:40px;text-align:center;color:var(--muted);font-size:1rem}
/* light theme */
html.light .cmdp-search-inp,html.light .cmdp-cats,html.light .cmdp-help,html.light .cmdp-row{background:#fff;border-color:rgba(20,16,40,.1)}
html.light .cmdp-row:hover{background:#f6f3ff}
html.light .cmdp-cmd{color:#4a2db0;background:rgba(139,92,246,.1)}
/* responsive */
@media(max-width:860px){
.cmdp-layout{grid-template-columns:1fr}
.cmdp-side{position:static;top:auto}
.cmdp-cats{flex-direction:row;flex-wrap:wrap}
.cmdp-cat{width:auto}
.cmdp-cat-name{display:none}
.cmdp-cat-emoji,.cmdp-cat-ic{display:inline-flex}
.cmdp-help{display:none}
}
@media(max-width:520px){
.cmdp-row{flex-wrap:wrap;gap:8px}
.cmdp-dash{display:none}
.cmdp-desc{flex-basis:100%;padding-left:38px;order:5}
}
/* ============ ADMIN PANEL enhancements ============ */
.admin-head-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.admin-head-row .admin-lead{margin-bottom:0}
.admin-chips{display:flex;gap:10px;flex-wrap:wrap}
.admin-chip{display:inline-flex;flex-direction:column;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:9px 15px;min-width:78px}
.admin-chip-k{font-size:.68rem;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:600}
.admin-chip-v{font-size:1.05rem;font-weight:800;color:#fff}
.admin-panel{margin-top:32px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px}
.admin-panel .admin-table-wrap{background:transparent;border:1px solid var(--line);margin-top:4px}
.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.admin-toolbar .admin-h2{margin:0;font-size:1.2rem}
.admin-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.admin-search{position:relative;display:flex;align-items:center}
.admin-search svg{position:absolute;left:12px;width:16px;height:16px;color:var(--muted);pointer-events:none}
.admin-search input{padding:9px 12px 9px 36px;background:var(--bg2);border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:.88rem;outline:none;min-width:220px;transition:border-color .2s,box-shadow .2s}
.admin-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(139,92,246,.2)}
.admin-select{padding:9px 12px;background:var(--bg2);border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:.88rem;outline:none;cursor:pointer}
.admin-select:focus{border-color:var(--accent)}
.admin-filters{display:inline-flex;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px}
.admin-fbtn{border:none;background:transparent;color:var(--muted);padding:6px 13px;border-radius:8px;cursor:pointer;font-size:.84rem;font-weight:600;transition:background .18s,color .18s}
.admin-fbtn:hover{color:#fff}
.admin-fbtn.active{background:var(--accent);color:#fff}
.admin-empty{padding:34px;text-align:center;color:var(--muted)}
@media(max-width:640px){
.admin-tools{width:100%}
.admin-search input{min-width:0;width:100%}
.admin-search{flex:1}
}
/* ============ SUPPORT PAGE (JuniperBot-style) ============ */
.bonus-list{display:flex;flex-direction:column;gap:10px;max-width:820px;margin:0 auto}
.bonus-item{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .2s}
.bonus-item[open]{border-color:rgba(139,92,246,.4)}
.bonus-item summary{display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer;list-style:none;user-select:none}
.bonus-item summary::-webkit-details-marker{display:none}
.bonus-item summary:hover{background:rgba(255,255,255,.03)}
.bi-ic{width:34px;height:34px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(139,92,246,.14);color:var(--accent3)}
.bi-ic svg{width:20px;height:20px}
.bi-main{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.bi-tag{font-weight:700;color:#fff;font-size:1rem}
.bi-desc{color:var(--muted);font-size:.9rem}
.bi-chev{flex-shrink:0;color:var(--muted);transition:transform .25s}
.bi-chev svg{width:20px;height:20px;display:block}
.bonus-item[open] .bi-chev{transform:rotate(180deg)}
.bi-body{padding:0 18px 18px 66px}
.bi-body p{color:var(--muted);line-height:1.6;font-size:.95rem}
.bi-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.role-pill{display:inline-block;padding:6px 16px;border-radius:999px;font-weight:700;font-size:.85rem;color:#fff}
.role-pill-sub{background:linear-gradient(135deg,#f5a623,#f97316)}
.role-pill-don{background:linear-gradient(135deg,#8b5cf6,#a855f7)}
/* payment methods */
.pay-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;max-width:820px;margin:0 auto}
.pay-method{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 18px;background:var(--card);border:1px solid var(--line);border-radius:16px;transition:transform .18s,border-color .18s,background .18s}
.pay-method:hover{transform:translateY(-3px);border-color:rgba(139,92,246,.5);background:var(--card2)}
.pm-ic{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(139,92,246,.14);color:var(--accent3)}
.pm-ic svg{width:26px;height:26px}
.pm-name{font-weight:700;color:#fff;font-size:.98rem}
/* support terms */
.terms-list{list-style:none;padding:0;margin:0 auto;max-width:820px;display:flex;flex-direction:column;gap:12px}
.terms-list li{position:relative;padding:14px 18px 14px 46px;background:var(--card);border:1px solid var(--line);border-radius:12px;color:var(--muted);line-height:1.55}
.terms-list li::before{content:"";position:absolute;left:18px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--accent)}
/* tier circle + servers */
.tier-circle{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:800;color:#fff;background:linear-gradient(135deg,rgba(139,92,246,.35),rgba(168,85,247,.2));border:1px solid rgba(139,92,246,.5);margin-bottom:16px}
.tier-servers{color:var(--accent3);font-weight:600;font-size:.95rem;margin:-8px 0 16px}
/* activation notice + thanks */
.activate-notice{display:flex;align-items:flex-start;gap:14px;max-width:820px;margin:0 auto 28px;padding:16px 20px;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);border-radius:14px}
.an-ic{flex-shrink:0;width:26px;height:26px;color:var(--accent3)}
.an-ic svg{width:24px;height:24px}
.activate-notice p{color:var(--text);line-height:1.55}
.support-thanks{text-align:center;max-width:680px;margin:28px auto 0}
.support-thanks p{color:var(--muted);line-height:1.6;margin-bottom:10px}
html.light .bi-tag,html.light .pm-name{color:#2a2440}
html.light .bonus-item,html.light .pay-method,html.light .terms-list li,html.light .act-step{background:#fff}
@media(max-width:640px){.bi-body{padding-left:18px}}
/* ======================================================================
PREMIUM v3 — cohesive site-wide redesign (overrides above)
Token-driven; applies to every page except the landing (.lp-page
keeps its own scoped theme). Hardened against overflow / misalignment.
====================================================================== */
/* --- ambient depth background (dark only) --- */
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
background:
radial-gradient(760px 520px at 12% -8%,rgba(139,92,246,.22),transparent 60%),
radial-gradient(680px 480px at 92% 0%,rgba(34,211,238,.12),transparent 58%),
radial-gradient(900px 700px at 50% 120%,rgba(244,114,182,.10),transparent 60%)}
body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.5;
background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
background-size:60px 60px;
-webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,#000,transparent 75%);mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,#000,transparent 75%)}
html.light body::before,html.light body::after{display:none}
/* --- typography polish --- */
h1,h2,h3{letter-spacing:-.02em}
.section-title,.cmdp-title,.admin-h1,.settings-gname,.dash-head h1,.support-hero h1,.stats-hero h1{font-weight:800}
/* --- NAV (glass) --- */
.nav{padding:15px clamp(16px,5vw,52px);background:rgba(11,9,18,.66);border-bottom:1px solid var(--line);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}
.nav-links>a{position:relative;transition:color .18s}
.nav-links>a::after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent3),var(--accent));transition:right .22s ease}
.nav-links>a:hover::after{right:0}
html.light .nav{background:rgba(255,255,255,.82);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}
/* --- BUTTONS --- */
.btn{border-radius:13px;font-weight:700;letter-spacing:.01em;transition:transform .18s,box-shadow .25s,background .22s,border-color .22s;will-change:transform}
.btn-primary{background:linear-gradient(100deg,var(--accent),var(--accent2));box-shadow:0 10px 30px -10px rgba(139,92,246,.75),inset 0 1px 0 rgba(255,255,255,.2)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 40px -12px rgba(139,92,246,.95),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-ghost{background:rgba(255,255,255,.055);border:1px solid var(--line);backdrop-filter:blur(6px)}
.btn-ghost:hover{transform:translateY(-3px);background:rgba(255,255,255,.1);border-color:rgba(139,92,246,.5)}
.btn:focus-visible{outline:2px solid var(--accent3);outline-offset:2px}
/* --- SURFACES: unified premium cards --- */
.card,.guild-card,.settings-card,.stat-card,.chart-card,.how-card,.tier-card,.bonus-item,.pay-method,.act-step,.cmd-group,.admin-stat,.admin-table-wrap,.admin-login-card,.empty-box,.collapse,.filter-card,.wp-card,.admin-chip,.admin-panel{
border-radius:var(--radius);
background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));
border:1px solid var(--line);
box-shadow:0 1px 0 rgba(255,255,255,.03) inset}
html.light .card,html.light .guild-card,html.light .settings-card,html.light .stat-card,html.light .chart-card,html.light .how-card,html.light .tier-card,html.light .admin-stat,html.light .admin-table-wrap,html.light .admin-login-card,html.light .empty-box,html.light .cmd-group{background:#fff}
.card:hover,.guild-card:hover,.pay-method:hover,.tier-card:hover{box-shadow:0 24px 50px -24px rgba(0,0,0,.7),0 0 0 1px rgba(139,92,246,.25)}
/* --- INPUTS --- */
.inp,textarea.inp,.cmdp-search-inp,.admin-search input,.admin-select,.admin-idinput{border-radius:12px}
.inp:focus,textarea.inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(139,92,246,.22)}
/* --- FOOTER --- */
.footer{background:var(--bg2);border-top:1px solid var(--line);position:relative}
.footer::before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.6),transparent)}
/* --- light-theme fixes for new ghost button --- */
html.light .btn-ghost{background:rgba(17,13,29,.04);border:1px solid rgba(17,13,29,.12)}
html.light .btn-ghost:hover{background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.5)}
/* --- accent number/heading gradients --- */
.stat-num,.admin-stat .as-num,.dash-stat-num{background:linear-gradient(100deg,var(--accent3),var(--accent-cy));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
html.light .stat-num,html.light .admin-stat .as-num,html.light .dash-stat-num{background:linear-gradient(100deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/* ======================================================================
ALIGNMENT / OVERFLOW HARDENING — "чтобы ничего не съезжало"
====================================================================== */
body,html{max-width:100%}
html{overflow-x:hidden}
svg,video,canvas{max-width:100%;height:auto}
pre,code,kbd{overflow-wrap:anywhere;word-break:break-word}
p,li,td,th,h1,h2,h3,span{overflow-wrap:anywhere}
/* flex/grid children must be allowed to shrink or they push the layout */
.stat-card,.guild-card,.cmd,.setting-row,.how-card,.tier-card,.pay-method,.bonus-item,.admin-stat,.dash-stat,.cmd-group,.cmdp-row,.act-step{min-width:0}
.nav-links{flex-wrap:wrap}
/* keep tables inside their card instead of stretching the page */
table{border-collapse:collapse;max-width:100%}
.tbl,.mini-table,.admin-table{width:100%;max-width:100%}
.tbl td,.tbl th,.mini-table td,.mini-table th,.admin-table td,.admin-table th{overflow-wrap:anywhere}
/* keep wide admin table readable instead of collapsing columns */
.admin-table-wrap,.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.admin-panel .admin-table{min-width:720px}
.admin-top .at-name{min-width:0}
/* images / avatars never blow out their box */
.guild-icon,.g-icon,.setting-row img,.admin-avatar,.rank-avatar,.member-avatar{flex:0 0 auto}
/* grids collapse cleanly on narrow screens */
@media(max-width:560px){
.stats-grid,.guild-grid,.how-grid,.tiers-grid,.pay-grid,.admin-stats,.dash-stats{grid-template-columns:1fr}
.nav-links{gap:14px}
}
/* ======================================================================
PREMIUM v4 — structure refinement (settings shell, nav, surfaces)
====================================================================== */
/* NAV: smaller brand, clean non-cramped links */
.logo-img{height:30px}
.nav{padding:14px clamp(16px,5vw,52px)}
.nav-links{gap:22px}
.nav-links>a{text-transform:none;letter-spacing:0;font-size:.95rem;font-weight:600;color:var(--muted)}
.nav-links>a:hover{color:var(--text)}
/* SETTINGS: sidebar + content shell */
.settings-wrap{max-width:1200px;padding:52px clamp(16px,5vw,52px) 90px}
.settings-top{margin-bottom:24px}
.guild-ico.lg{width:58px;height:58px;border-radius:16px;border:1px solid var(--line)}
.settings-gname{font-size:1.6rem}
.settings-shell{display:grid;grid-template-columns:258px 1fr;gap:30px;align-items:start}
/* vertical premium tabs */
.settings-tabs{display:flex;flex-direction:column;gap:3px;align-items:stretch;overflow:visible;border:1px solid var(--line);border-radius:18px;margin:0;padding:14px;position:sticky;top:88px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));box-shadow:var(--shadow)}
.stabs-head{font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:4px 12px 10px}
.stab{display:flex;align-items:center;gap:10px;width:100%;white-space:normal;text-align:left;border:0;border-bottom:0!important;border-radius:12px;padding:11px 14px;font-size:.92rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted);background:transparent;transition:background .18s,color .18s,box-shadow .18s}
.stab:hover{color:var(--text);background:rgba(255,255,255,.05)}
.stab.active{color:#fff;background:linear-gradient(100deg,var(--accent),var(--accent2));box-shadow:0 12px 26px -14px rgba(139,92,246,1);border-bottom:0!important}
.stab::after{display:none!important}
html.light .settings-tabs{background:#fff}
html.light .stab:hover{background:rgba(17,13,29,.05)}
/* content column */
.settings-content{min-width:0}
.settings-card{padding:30px;margin-bottom:20px}
.settings-card h2{font-size:1.35rem;letter-spacing:-.02em;margin-bottom:6px}
.card-lead{margin-top:0;margin-bottom:24px;font-size:.96rem}
.card-subhead{font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent3);margin:28px 0 14px;padding-bottom:9px;border-bottom:1px solid var(--line)}
.field>label{font-size:.9rem;letter-spacing:.01em;color:var(--text)}
@media(max-width:900px){
.settings-shell{grid-template-columns:1fr;gap:18px}
.settings-tabs{flex-direction:row;overflow-x:auto;position:static;top:auto;padding:8px;box-shadow:none}
.stabs-head{display:none}
.stab{flex:0 0 auto;white-space:nowrap}
}
/* --- premium inputs / selects --- */
.inp,textarea.inp{background-color:rgba(255,255,255,.04);border:1px solid var(--line);padding:12px 15px;font-size:.95rem;transition:border-color .18s,box-shadow .18s,background-color .18s}
.inp:hover,textarea.inp:hover{border-color:rgba(255,255,255,.2)}
.inp:focus,textarea.inp:focus{background-color:rgba(139,92,246,.07)}
select.inp{-webkit-appearance:none;appearance:none;padding-right:42px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right 14px center}
html.light select.inp{background-image:url("data:image/svg+xml;utf8,")}
html.light .inp,html.light textarea.inp{background-color:#fff;border-color:rgba(17,13,29,.14)}
/* --- premium save-bar --- */
.save-bar{background:rgba(14,11,24,.82);border:1px solid var(--line);border-radius:14px;padding:16px 20px;box-shadow:0 -10px 30px -20px rgba(0,0,0,.8)}
html.light .save-bar{background:rgba(255,255,255,.92)}
/* --- premium mini-table --- */
.mini-table{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.mini-table tbody tr:hover td,.mini-table tr:hover td{background:rgba(255,255,255,.03)}
/* --- admin stats: refined --- */
.admin-stat{padding:22px}
.admin-stat:hover{border-color:rgba(139,92,246,.35);box-shadow:0 20px 44px -24px rgba(0,0,0,.7)}
.as-num{font-size:2rem}
/* --- dashboard guild cards: top accent on hover --- */
.guild-card{padding:24px 22px;position:relative;overflow:hidden}
.guild-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent3),var(--accent),var(--accent-cy));opacity:0;transition:opacity .25s}
.guild-card:hover::before{opacity:1}
.guild-ico{border:1px solid var(--line)}
/* --- misc premium polish --- */
.footer{text-align:left}
.notice-box{background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.26);border-radius:12px;padding:13px 16px;line-height:1.55;margin:4px 0 18px}
.filter-card{padding:16px}
.cmdperm-card{border-radius:14px}
/* ======================================================================
PREMIUM v5 — SETTINGS full redesign (horizontal tabs, richer surfaces,
more dynamic). Overrides v4. Keeps all class names / JS hooks intact.
====================================================================== */
/* kill the sidebar grid -> full-width stacked layout (tabs on top) */
.settings-shell{display:block}
/* ---- settings header: bigger, richer ---- */
.settings-top{gap:18px;padding:22px 24px;margin-bottom:4px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(34,211,238,.06) 55%,transparent);box-shadow:var(--shadow);position:relative;overflow:hidden}
.settings-top::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(440px 170px at 0% 0%,rgba(139,92,246,.26),transparent 70%)}
.settings-top>*{position:relative;z-index:1}
.guild-ico.lg{width:66px;height:66px;border-radius:18px;border:1px solid rgba(255,255,255,.16);box-shadow:0 12px 26px -12px rgba(0,0,0,.85)}
.settings-gname{font-size:1.8rem;font-weight:800;letter-spacing:-.02em}
.settings-gmeta{display:inline-flex;align-items:center;gap:7px;margin-top:6px;color:var(--accent3);font-weight:600;font-size:.84rem;background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.28);padding:3px 12px;border-radius:30px}
html.light .settings-top{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(34,211,238,.05) 55%,#fff)}
/* ---- tab bar: horizontal premium segmented control ---- */
.stabs-head{display:none!important}
.settings-tabs{position:sticky;top:72px;z-index:20;display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;align-items:center;overflow-x:auto;overflow-y:hidden;margin:20px 0 26px;padding:8px;border:1px solid var(--line);border-radius:18px;background:rgba(17,19,29,.72);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:0 16px 42px -26px rgba(0,0,0,.95);scrollbar-width:none}
.settings-tabs::-webkit-scrollbar{display:none}
html.light .settings-tabs{background:rgba(255,255,255,.82)}
.stab{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;width:auto;white-space:nowrap;text-align:center;border:0!important;border-radius:12px;padding:10px 16px;font-size:.9rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted);background:transparent;cursor:pointer;transition:color .18s,background .18s,transform .18s,box-shadow .18s}
.stab:hover{color:var(--text);background:rgba(255,255,255,.06);transform:translateY(-1px)}
.stab.active{color:#fff;background:linear-gradient(100deg,var(--accent),var(--accent2));box-shadow:0 10px 26px -10px rgba(139,92,246,.95),inset 0 1px 0 rgba(255,255,255,.25)}
.stab::after{display:none!important}
html.light .stab:hover{background:rgba(17,13,29,.05)}
/* ---- panels: dynamic entrance ---- */
.tab-panel.active{animation:spanel .36s cubic-bezier(.2,.7,.2,1)}
@keyframes spanel{from{opacity:0;transform:translateY(16px) scale(.995)}to{opacity:1;transform:none}}
/* ---- cards: premium, larger, layered, accent top-line ---- */
.settings-card{border-radius:20px;padding:30px 32px;margin-bottom:22px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid var(--line);position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.settings-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent3),var(--accent),var(--accent-cy));opacity:.55}
.settings-card:hover{box-shadow:0 26px 62px -32px rgba(0,0,0,.8)}
.settings-card.sub{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01))}
.settings-card h2{font-size:1.45rem;font-weight:800;letter-spacing:-.02em;margin-bottom:8px;display:flex;align-items:center;gap:10px}
.settings-card h3{font-size:1.15rem;font-weight:700;margin-bottom:10px}
.card-lead{color:var(--muted);font-size:1rem;line-height:1.55;margin:0 0 26px;max-width:62ch}
html.light .settings-card{background:#fff}
/* ---- section dividers (static + JS collapse heads) ---- */
.card-subhead{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent3);margin:30px 0 16px;padding-bottom:10px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px}
.card-subhead::before{content:"";width:4px;height:14px;border-radius:3px;background:linear-gradient(180deg,var(--accent3),var(--accent))}
/* ---- fields ---- */
.field{margin-bottom:22px}
.field>label{display:block;font-weight:600;margin-bottom:9px;font-size:.92rem;color:var(--text);letter-spacing:.01em}
.field-hint{color:var(--muted);font-size:.84rem;margin-top:8px;line-height:1.5}
.row2{gap:20px}
/* ---- inputs / selects (bigger, premium) ---- */
.inp,textarea.inp{border-radius:12px;padding:13px 16px;font-size:.95rem}
textarea.inp{min-height:104px}
/* ---- color picker ---- */
.color-row{gap:14px;padding:8px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03);width:-moz-fit-content;width:fit-content}
.inp-color{width:52px;height:40px;border:0;border-radius:10px;padding:0;background:none;cursor:pointer}
.color-val{font-family:'Consolas',monospace;font-size:.95rem;color:var(--text);letter-spacing:.04em}
/* ---- switch (bigger, glowing) ---- */
.switch{width:52px;height:30px}
.slider{background:rgba(255,255,255,.16);border-radius:30px}
.slider:before{height:22px;width:22px;left:4px;top:4px}
.switch input:checked+.slider{background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 18px -2px rgba(139,92,246,.75)}
.switch input:checked+.slider:before{transform:translateX(22px)}
/* ---- switch-field as a hoverable card row ---- */
.switch-field{padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);transition:border-color .18s,background .18s;margin-bottom:14px}
.switch-field:hover{border-color:rgba(139,92,246,.35);background:rgba(139,92,246,.05)}
.sf-txt label{font-weight:600;font-size:.96rem}
.sf-txt p{color:var(--muted);font-size:.84rem;margin-top:3px}
/* ---- save-bar: premium sticky action bar ---- */
.save-bar{position:sticky;bottom:18px;margin-top:26px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 16px 16px 22px;border:1px solid rgba(139,92,246,.3);border-radius:16px;background:linear-gradient(100deg,rgba(23,19,42,.92),rgba(17,19,29,.92));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 22px 52px -26px rgba(0,0,0,.92),inset 0 1px 0 rgba(255,255,255,.06)}
.save-bar span{color:var(--muted);font-size:.9rem;display:inline-flex;align-items:center;gap:8px}
.save-bar .btn{margin:0;padding:12px 28px}
html.light .save-bar{background:linear-gradient(100deg,rgba(255,255,255,.96),rgba(245,243,255,.96))}
/* ---- filter cards (automod) — dynamic active state ---- */
.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.filter-card{padding:18px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.025);cursor:pointer;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}
.filter-card:hover{transform:translateY(-3px);border-color:rgba(139,92,246,.45);box-shadow:0 18px 40px -24px rgba(0,0,0,.75)}
.filter-card:has(input:checked){border-color:var(--accent2);background:linear-gradient(160deg,rgba(139,92,246,.16),rgba(139,92,246,.04));box-shadow:0 14px 34px -18px rgba(139,92,246,.7)}
.fc-top{margin-bottom:14px}
.fc-ic{font-size:1.5rem}
.fc-name{font-weight:700;font-size:1rem;margin-bottom:5px}
.fc-desc{color:var(--muted);font-size:.84rem;line-height:1.45}
/* ---- command-permission cards ---- */
.cmdperm-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.cmdperm-card{padding:18px;border-radius:16px;background:rgba(255,255,255,.025)}
.cmdperm-card:hover{border-color:rgba(139,92,246,.4)}
.cpc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.cpc-title{font-weight:700;font-size:.98rem}
.cpc-count{min-width:24px;height:24px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:20px;background:rgba(139,92,246,.2);color:var(--accent3);font-size:.78rem;font-weight:700}
.cpc-roles{display:flex;flex-wrap:wrap;gap:8px}
/* ---- mini-table premium ---- */
.mini-table{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.mini-table th{background:rgba(255,255,255,.03);padding:12px 14px}
.mini-table td{padding:12px 14px}
.mini-table tbody tr:hover td,.mini-table tr:hover td{background:rgba(139,92,246,.06)}
/* ---- inline add rows ---- */
.inline-row,.custom-add{gap:12px;margin-top:18px;padding:16px;border:1px dashed var(--line);border-radius:14px;background:rgba(255,255,255,.02)}
/* ---- welcome preview (discord-like) ---- */
.welcome-preview{margin-top:18px}
.wp-card{border-radius:14px;padding:16px 18px;background:rgba(255,255,255,.03)}
.wp-avatar{width:44px;height:44px}
/* ---- collapsible section blocks (built by app.js) ---- */
.collapse{border-radius:16px;margin:16px 0;background:rgba(255,255,255,.025);border:1px solid var(--line);transition:border-color .18s,box-shadow .18s}
.collapse:hover{border-color:rgba(139,92,246,.4);box-shadow:0 14px 34px -24px rgba(0,0,0,.7)}
.collapse-head{padding:16px 20px}
.collapse-head .ch-title{font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent3)}
.collapse-chevron{width:24px;height:24px;color:var(--accent3)}
.collapse-body{padding:2px 20px 20px}
/* ---- notice box ---- */
.notice-box{background:linear-gradient(120deg,rgba(139,92,246,.1),rgba(34,211,238,.05));border:1px solid rgba(139,92,246,.28);border-radius:14px;padding:14px 18px;line-height:1.55}
.settings-back{margin-left:auto}
/* ---- responsive ---- */
@media(max-width:720px){
.settings-top{padding:18px}
.settings-gname{font-size:1.5rem}
.settings-card{padding:24px 20px}
.save-bar{flex-direction:column;align-items:stretch;gap:12px;bottom:10px}
.save-bar .btn{width:100%}
}
/* ======================================================================
NEON-PURPLE v6 — site-wide purple retheme + new preview/command UI.
Appended last so it wins the cascade. Keeps all class names intact.
====================================================================== */
/* ambient background: fully purple/magenta neon glows */
body::before{
background:
radial-gradient(760px 520px at 12% -8%,rgba(168,85,247,.30),transparent 60%),
radial-gradient(680px 480px at 92% 0%,rgba(217,70,239,.18),transparent 58%),
radial-gradient(900px 700px at 50% 120%,rgba(124,58,237,.18),transparent 60%)!important}
/* neon accents on key surfaces */
.hero-glow{background:radial-gradient(circle,rgba(168,85,247,.38),transparent 70%)!important}
.logo-dot{box-shadow:0 0 18px rgba(168,85,247,.9)!important}
.btn-primary{box-shadow:0 8px 26px rgba(168,85,247,.45)}
.btn-primary:hover{box-shadow:0 14px 40px rgba(168,85,247,.65)}
.nav{background:rgba(16,8,30,.9)!important;border-bottom-color:var(--line)}
.stat-num{color:var(--accent3)}
.welcome-back{color:#d9bbff;background:rgba(168,85,247,.18);border-color:rgba(168,85,247,.38)}
.cta-banner,.cta-final{background:linear-gradient(120deg,rgba(168,85,247,.22),rgba(217,70,239,.12))!important;border-color:rgba(168,85,247,.38)!important}
.card:hover,.guild-card:hover{border-color:rgba(168,85,247,.5)!important}
.footer a,.guild-tag{color:#d9bbff}
.notice-box{background:linear-gradient(120deg,rgba(168,85,247,.14),rgba(217,70,239,.07))!important;border-color:rgba(168,85,247,.32)!important}
/* settings header + tabs neon tint */
.settings-top{background:linear-gradient(135deg,rgba(168,85,247,.2),rgba(217,70,239,.08) 55%,transparent)!important}
.settings-top::before{background:radial-gradient(440px 170px at 0% 0%,rgba(168,85,247,.32),transparent 70%)!important}
.stab.active{background:linear-gradient(100deg,var(--accent),var(--accent2))!important;box-shadow:0 10px 28px -8px rgba(168,85,247,1),inset 0 1px 0 rgba(255,255,255,.28)!important}
.settings-card::before{background:linear-gradient(90deg,var(--accent3),var(--accent),var(--accent-cy))!important;opacity:.7}
.switch input:checked+.slider{box-shadow:0 0 18px -2px rgba(168,85,247,.85)!important}
/* mono/code tint */
.mini-table td code,.cmd code{color:#d9bbff!important;background:rgba(168,85,247,.16)!important}
/* ---- welcome / command discord-like preview ---- */
.welcome-preview.dm{margin-top:16px;border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:linear-gradient(180deg,rgba(168,85,247,.07),rgba(255,255,255,.015))}
.welcome-preview.dm .wp-card{background:transparent;border:0;padding:0}
.wp-avatar{background:linear-gradient(135deg,var(--accent3),var(--accent) 55%,var(--accent2))!important;box-shadow:0 0 16px -2px rgba(168,85,247,.7)}
.wp-main{flex:1;min-width:0}
.wp-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}
.wp-bot{font-weight:700;color:#fff;font-size:.95rem}
.wp-tag{font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,var(--accent),var(--accent2));padding:1px 6px;border-radius:5px}
.wp-time{font-size:.72rem;color:var(--muted)}
.wp-embed{position:relative;background:rgba(10,6,19,.5);border-radius:8px;padding:12px 14px 12px 18px;overflow:hidden}
.wp-embed-bar{position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--accent3),var(--accent))}
.wp-btn{margin-top:14px}
/* ---- custom command editor ---- */
.cc-form{margin-top:22px;padding:22px;border:1px dashed var(--line);border-radius:16px;background:rgba(168,85,247,.04)}
.cc-form .row2{gap:16px}
.cc-name-row{display:flex;align-items:stretch;gap:0}
.cc-pfx{display:inline-flex;align-items:center;padding:0 12px;background:rgba(168,85,247,.18);border:1px solid var(--line);border-right:0;border-radius:12px 0 0 12px;font-family:'Consolas',monospace;font-weight:700;color:#d9bbff}
.cc-name-row .inp{border-radius:0 12px 12px 0}
.cc-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:6px}
.cc-table .ctd{max-width:260px}
/* ---- preview card internals ---- */
.wp-label{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent3);margin-bottom:10px}
.wp-card{display:flex;align-items:flex-start;gap:14px}
.wp-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.3rem;flex-shrink:0}
.wp-body{color:var(--text);font-size:.95rem;line-height:1.55;word-break:break-word}
.wp-body .wp-mention{color:#c9a9ff;background:rgba(168,85,247,.22);border-radius:4px;padding:0 3px;font-weight:600}
/* ======================================================================
LEGAL / CONTACTS PAGES (terms, privacy, contacts) — neon-purple
====================================================================== */
.legal-page{padding:0 0 70px}
.legal-hero{position:relative;text-align:center;padding:72px 6% 40px;overflow:hidden}
.legal-hero .hero-glow{background:radial-gradient(circle,rgba(168,85,247,.34),transparent 70%)}
.legal-hero-inner{position:relative;z-index:1;max-width:760px;margin:0 auto}
.legal-hero h1{font-size:2.4rem;font-weight:800;letter-spacing:-.02em;margin:14px 0 10px}
.legal-upd{color:var(--muted);font-size:.95rem}
.legal-body{max-width:860px;margin:0 auto;padding:0 6%;line-height:1.7}
.legal-body h2{font-size:1.3rem;font-weight:800;margin:34px 0 12px;padding-top:6px;color:var(--text)}
.legal-body h2::before{content:"";display:inline-block;width:5px;height:18px;border-radius:3px;margin-right:10px;vertical-align:-3px;background:linear-gradient(180deg,var(--accent3),var(--accent))}
.legal-body p{color:var(--muted);margin:0 0 14px}
.legal-body ul{color:var(--muted);margin:0 0 16px;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.legal-body li{line-height:1.6}
.legal-body b{color:var(--text)}
.legal-body a{color:#d9bbff;text-decoration:underline;text-underline-offset:3px}
.legal-body a:hover{color:#ecd9ff}
.legal-body code{color:#d9bbff;background:rgba(168,85,247,.16);padding:2px 8px;border-radius:6px;font-family:'Consolas',monospace;font-size:.9em}
.legal-foot-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
.legal-foot-links a{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:12px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.3);color:#e9d7ff;text-decoration:none;font-weight:600;font-size:.9rem;transition:.18s}
.legal-foot-links a:hover{background:rgba(168,85,247,.2);transform:translateY(-2px)}
/* contacts cards */
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:10px 0 20px}
.contact-card{background:linear-gradient(180deg,rgba(168,85,247,.08),rgba(255,255,255,.015));border:1px solid var(--line);border-radius:20px;padding:28px 24px;text-align:center;transition:.2s;position:relative;overflow:hidden}
.contact-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent3),var(--accent),var(--accent-cy));opacity:.7}
.contact-card:hover{border-color:rgba(168,85,247,.45);box-shadow:0 24px 54px -30px rgba(168,85,247,.8);transform:translateY(-3px)}
.contact-ic{width:56px;height:56px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(168,85,247,.16);color:#e3cdff}
.contact-ic svg{width:28px;height:28px}
.contact-h{font-size:1.15rem;font-weight:800;margin-bottom:8px}
.contact-d{color:var(--muted);font-size:.92rem;margin-bottom:18px;line-height:1.55}
.contact-card .btn{width:100%;justify-content:center}
.contact-note{color:var(--muted);font-size:.8rem;margin-top:12px}
/* subscription legal links row */
.support-legal-links{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:16px}
.support-legal-links a{color:#d9bbff;text-decoration:underline;text-underline-offset:3px;font-size:.92rem}
.support-legal-links a:hover{color:#ecd9ff}
@media(max-width:720px){
.legal-hero h1{font-size:1.8rem}
.legal-body h2{font-size:1.15rem}
}
/* ===== Розыгрыши (панель) ===== */
.gw-badge{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;
font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
vertical-align:middle;color:#fff;background:linear-gradient(135deg,var(--accent3,#c55ffd),var(--accent,#8b5cf6))}
/* ===== Вкладки настроек: иконки + текст ===== */
.stab{display:inline-flex;align-items:center;gap:8px}
.stab-ic{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;color:var(--muted);transition:.18s}
.stab-ic svg{width:18px;height:18px;display:block}
.stab:hover .stab-ic{color:var(--accent3)}
.stab.active .stab-ic{color:var(--accent3)}
.stab-txt{display:inline-block}
@media(max-width:760px){.stab-ic{width:16px;height:16px}.stab-ic svg{width:16px;height:16px}}
/* ===== Розыгрыши: список карточек + аккуратные кнопки ===== */
.gw-list{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}
.gw-item{display:flex;align-items:center;gap:14px;background:var(--bg2);
border:1px solid var(--line);border-radius:14px;padding:14px 16px;transition:.18s}
.gw-item:hover{border-color:rgba(139,92,246,.4);box-shadow:0 10px 30px -18px rgba(139,92,246,.6)}
.gw-item-ended{opacity:.9}
.gw-item-ic{flex-shrink:0;width:42px;height:42px;border-radius:12px;display:flex;
align-items:center;justify-content:center;color:#fff;
background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 6px 18px -8px rgba(139,92,246,.8)}
.gw-item-ended .gw-item-ic{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:none}
.gw-item-ic svg{width:22px;height:22px}
.gw-item-main{flex:1;min-width:0}
.gw-item-prize{font-weight:700;font-size:1rem;color:var(--text);margin-bottom:6px;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gw-item-meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.gw-chip{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;color:var(--muted);
background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:999px;padding:3px 10px}
.gw-chip-time{color:var(--accent3)}
.gw-action-form{margin:0;flex-shrink:0}
.gw-btn{white-space:nowrap}
.gw-create{margin-top:22px}
.mini-table td .btn,.mini-table th .btn,.mini-table form{white-space:nowrap;margin:0}
.gw-item.is-busy{opacity:.55;pointer-events:none}
@media(max-width:600px){.gw-item{flex-wrap:wrap}.gw-item-main{flex-basis:calc(100% - 56px)}
.gw-action-form{width:100%}.gw-btn{width:100%}}
/* ===== Админ-панель: премиум-акценты ===== */
.admin-main{position:relative}
.admin-head-row{background:linear-gradient(120deg,rgba(139,92,246,.14),rgba(217,70,239,.06) 60%,transparent);
border:1px solid var(--line);border-radius:20px;padding:24px 26px;margin-bottom:26px;
box-shadow:0 30px 70px -40px rgba(139,92,246,.6)}
.admin-head-row .admin-lead{margin-bottom:0}
.admin-h1{background:linear-gradient(90deg,#fff,var(--accent3));-webkit-background-clip:text;
background-clip:text;-webkit-text-fill-color:transparent}
.admin-chip{background:rgba(10,6,19,.55);backdrop-filter:blur(6px)}
.admin-chip-v{background:linear-gradient(90deg,var(--accent3),var(--accent-pk));-webkit-background-clip:text;
background-clip:text;-webkit-text-fill-color:transparent}
.admin-stat{padding:20px 20px 18px}
.admin-stat::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;
background:linear-gradient(90deg,var(--accent),var(--accent-cy));opacity:.9}
.admin-stat:hover{border-color:rgba(139,92,246,.45);transform:translateY(-2px);
transition:.2s;box-shadow:0 24px 50px -30px rgba(139,92,246,.7)}
.as-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;position:relative;z-index:1}
.as-ic{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;
color:var(--accent3);background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.3);flex-shrink:0}
.as-ic svg{width:19px;height:19px}
.admin-stat .as-num{position:relative;z-index:1}
.admin-stat .as-lbl{position:relative;z-index:1}
.as-unit{font-size:1rem;margin-left:2px;-webkit-text-fill-color:var(--accent3)}
.admin-sub-note{color:var(--muted);font-size:.8rem;margin:6px 0 22px}
/* ===== Giveaways AJAX: error toast + button spinner ===== */
.save-toast.is-error{background:linear-gradient(90deg,#e0484f,#c53b43);color:#fff}
.btn.is-loading{position:relative;pointer-events:none;opacity:.85}
.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:btnspin .6s linear infinite;vertical-align:-2px}
@keyframes btnspin{to{transform:rotate(360deg)}}
/* ===== Logo sizing: restore a larger, well-proportioned lockup ===== */
.logo-img{height:46px!important}
.footer-logo-img{height:48px!important}
.admin-logo-img{height:44px!important}
.admin-top-logo{gap:12px}
@media(max-width:640px){
.logo-img{height:38px!important}
.admin-logo-img{height:36px!important}
}
/* ===== Модерация: тип мьюта ===== */
.mute-type{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 14px}
@media(max-width:640px){.mute-type{grid-template-columns:1fr}}
.mute-radio{position:relative;display:block;cursor:pointer}
.mute-radio input{position:absolute;opacity:0;pointer-events:none}
.mute-radio .mr-box{display:block;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.015);transition:border-color .15s,background .15s}
.mute-radio:hover .mr-box{border-color:rgba(168,85,247,.4)}
.mute-radio input:checked + .mr-box{border-color:var(--accent,#a855f7);background:rgba(168,85,247,.1)}
.mute-radio .mr-title{display:block;font-weight:700;font-size:.95rem;margin-bottom:4px}
.mute-radio .mr-desc{display:block;font-size:.82rem;color:var(--muted,#9a93ad);line-height:1.4}
.mute-radio input:checked + .mr-box .mr-title{color:var(--accent3,#c55ffd)}
.mute-role-field{transition:opacity .2s}
.mute-role-field.mt-dim{opacity:.5}
.mute-setup-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}
.mute-setup-row .field-hint{margin:0}
.mute-setup-form{margin:0;padding:0;border:0}
/* ===== Автомод-фильтры: раскрываемые карточки ===== */
.filter-card .fc-head{display:flex;align-items:center;gap:12px;padding:13px 15px;cursor:pointer;user-select:none}
.filter-card .fc-ic{flex-shrink:0;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(168,85,247,.15);border:1px solid rgba(168,85,247,.32);color:var(--accent3,#c55ffd)}
.filter-card .fc-ic svg{width:19px;height:19px}
.filter-card .fc-name{flex:1;font-weight:700;font-size:.95rem}
.filter-card .fc-chev{flex-shrink:0;color:var(--muted,#9a93ad);display:inline-flex;transition:transform .2s}
.filter-card .fc-chev svg{width:18px;height:18px}
.filter-card.open .fc-chev{transform:rotate(180deg)}
.filter-card .fc-body{max-height:0;overflow:hidden;opacity:0;transition:max-height .25s ease,opacity .2s,padding .25s}
.filter-card.open .fc-body{max-height:420px;opacity:1;padding:0 15px 15px}
.filter-card .fc-body .fc-desc{font-size:.84rem;color:var(--muted,#9a93ad);line-height:1.45;margin-bottom:11px}
.filter-card .fc-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.9rem;font-weight:600}
.filter-card .fc-tune{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.filter-card .fc-tune-lbl{display:block;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:7px}
.filter-card .fc-tune-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.filter-card .fc-num{width:72px;padding:7px 10px;text-align:center}
.filter-card .fc-tune-sep{font-size:.84rem;color:var(--muted)}
.excl-chip .ec-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);flex-shrink:0;opacity:.5}
.excl-chip input:checked ~ .ec-dot{opacity:1}
.excl-chip input:checked ~ .ec-name{color:#fff}
/* ===== Мини-таблица «Топ»: аккуратная вёрстка ===== */
.mini-table{width:100%;border-collapse:collapse;table-layout:fixed}
.mini-table th,.mini-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ===== Админка: обрезка «Топ серверов» ===== */
.admin-top li{min-width:0}
.admin-top .at-name{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ===== Мьют: референс-вёрстка (3 режима, переключатели, каналы-исключения) ===== */
.mute-type{grid-template-columns:repeat(3,1fr)}
@media(max-width:860px){.mute-type{grid-template-columns:1fr}}
/* Переключатель-строка (чек + заголовок/описание) */
.opt-toggle{display:flex;align-items:flex-start;gap:14px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.015);margin:0 0 14px;cursor:pointer;transition:border-color .15s,background .15s}
.opt-toggle:hover{border-color:rgba(168,85,247,.4)}
.opt-toggle .switch{flex-shrink:0;margin-top:2px}
.opt-toggle .ot-text{display:flex;flex-direction:column;gap:3px}
.opt-toggle .ot-title{font-weight:700;font-size:.95rem}
.opt-toggle .ot-desc{font-size:.82rem;color:var(--muted,#9a93ad);line-height:1.45}
/* Кнопки с SVG-иконкой */
.btn .ic{width:16px;height:16px;display:inline-block;vertical-align:-3px;margin-right:6px}
.btn-sm .ic{width:15px;height:15px}
/* Каналы-исключения — мультивыбор чипами */
.excl-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.excl-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02);cursor:pointer;font-size:.86rem;transition:border-color .15s,background .15s,color .15s;user-select:none}
.excl-chip input{position:absolute;opacity:0;pointer-events:none}
.excl-chip .ec-hash{color:var(--muted,#9a93ad);font-weight:700}
.excl-chip:hover{border-color:rgba(168,85,247,.45)}
.excl-chip input:checked ~ .ec-name,.excl-chip input:checked ~ .ec-hash{color:#fff}
.excl-chip:has(input:checked){border-color:var(--accent,#a855f7);background:rgba(168,85,247,.16)}
/* notice-box с иконкой */
.notice-box:has(.ic){display:flex;align-items:flex-start;gap:10px}
.notice-box .ic{width:18px;height:18px;flex-shrink:0;margin-top:1px;color:var(--accent3,#c55ffd)}
/* Ссылка на документацию в панели команд */
.cc-docs-link{margin:0 0 16px}
/* ===== Плавное раскрытие блоков подписки ===== */
.bi-body{transition:max-height .32s cubic-bezier(.4,0,.2,1)}
.bonus-item.is-open .bi-chev{transform:rotate(180deg)}
/* ===== Страница документации плейсхолдеров ===== */
.docs-wrap{max-width:1040px;margin:0 auto;padding:40px 20px 70px}
.docs-head{margin-bottom:28px}
.docs-back{margin-bottom:16px}
.docs-title{font-size:2rem;font-weight:800;margin:6px 0 8px;background:linear-gradient(90deg,#fff,#c55ffd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.docs-sub{color:var(--muted,#9a93ad);line-height:1.6;max-width:640px}
.docs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin-bottom:34px}
.docs-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 22px}
.docs-card-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.docs-ic{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:11px;background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(168,85,247,.1));border:1px solid rgba(139,92,246,.25);color:var(--accent3,#c55ffd)}
.docs-ic svg{width:21px;height:21px}
.docs-card-head h2{font-size:1.1rem;font-weight:700;margin:0}
.docs-table{width:100%;border-collapse:collapse}
.docs-table td{padding:8px 6px;border-top:1px solid var(--line);vertical-align:top;font-size:.9rem;line-height:1.5}
.docs-table tr:first-child td{border-top:none}
.docs-table td:first-child{white-space:nowrap;width:42%}
.docs-table code{background:rgba(168,85,247,.14);color:#e6d8ff;padding:2px 7px;border-radius:6px;font-size:.86rem}
.docs-table td:last-child{color:var(--muted,#9a93ad)}
.docs-example{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 24px}
.docs-ex-title{font-size:1.2rem;font-weight:700;margin:0 0 16px}
.docs-ex-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px 0;border-top:1px solid var(--line)}
.docs-ex-row:first-of-type{border-top:none;padding-top:0}
@media(max-width:700px){.docs-ex-row{grid-template-columns:1fr}}
.docs-ex-in,.docs-ex-out{display:flex;flex-direction:column;gap:6px}
.docs-ex-lbl{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#9a93ad);font-weight:700}
.docs-ex-in code{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:9px;padding:10px 12px;font-size:.86rem;line-height:1.5;color:#e6d8ff}
.docs-ex-out span:last-child{background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.22);border-radius:9px;padding:10px 12px;font-size:.88rem;line-height:1.5}
html.light .docs-card,html.light .docs-example{background:#fff}
/* ===== SVG-иконки вместо эмодзи ===== */
.h2ic{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-right:9px;vertical-align:-6px;color:var(--accent3,#c55ffd)}
.h2ic svg{width:22px;height:22px}
.settings-card h2,.settings-card.sub h2{display:flex;align-items:center}
.btn-ic{width:16px;height:16px;flex-shrink:0;margin-right:6px;vertical-align:-3px}
.btn-xs .btn-ic{width:14px;height:14px;margin-right:0}
.btn-ic.xo{margin-right:0}
.chip-ic{width:14px;height:14px;flex-shrink:0;vertical-align:-2px}
.lbl-ic{width:17px;height:17px;flex-shrink:0;margin-right:7px;vertical-align:-3px;color:var(--accent3,#c55ffd)}
.wp-avatar svg{width:24px;height:24px;color:#fff}
.gw-btn{display:inline-flex;align-items:center;justify-content:center}
/* ===== Админка: SVG-иконки, нормализация таблицы ===== */
.admin-botstate{display:inline-flex;align-items:center;gap:6px}
.bs-dot{width:11px;height:11px;flex-shrink:0}
.pill-ic{width:13px;height:13px;flex-shrink:0;vertical-align:-2px;margin-right:4px}
.pill{display:inline-flex;align-items:center}
.admin-table .btn-ic{width:14px;height:14px;margin-right:5px;vertical-align:-2px}
.admin-table .btn-xs{display:inline-flex;align-items:center;white-space:nowrap}
/* фикс вёрстки/дублей: фиксированные колонки + читаемый разнос кнопок */
.admin-panel .admin-table{table-layout:fixed;min-width:860px}
.admin-table col{}
.admin-table th,.admin-table td{vertical-align:middle}
.admin-table td code{white-space:nowrap}
.admin-table .ag-owner{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}
.admin-actions{gap:8px;row-gap:8px}
.admin-actions .admin-inline-form{display:inline-flex}
.ac-actions{min-width:260px}
/* каретки/стрелки-иконки */
.user-caret{display:inline-flex;align-items:center}
.user-caret svg{width:13px;height:13px}
.gt-arrow{width:15px;height:15px;vertical-align:-2px;margin-left:2px}
.alh-arrow{width:15px;height:15px;vertical-align:-3px;margin-right:5px}
.admin-login-home{display:inline-flex;align-items:center}
/* ===== Админка: крупные ровные кнопки действий ===== */
.admin-actions{display:grid;grid-template-columns:repeat(3,minmax(116px,1fr));gap:10px;justify-content:end;align-items:stretch}
.admin-actions .admin-inline-form{display:flex}
.aa-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;font-size:.84rem;font-weight:600;white-space:nowrap;border-radius:10px}
.aa-btn .btn-ic{width:15px;height:15px;margin-right:6px;vertical-align:-2px}
.ac-actions{min-width:400px;text-align:right}
@media(max-width:900px){.admin-actions{grid-template-columns:1fr}.ac-actions{min-width:150px}}
.admin-panel .admin-table{min-width:1000px}
/* ===== Админка: колонка «Премиум» (статус + срок) ===== */
.prem-cell{display:inline-flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.prem-cell .pill-prem{white-space:nowrap}
.prem-until{font-size:.74rem;color:var(--muted,#a897cc);font-weight:600;padding-left:2px}
/* ===== Админка: модальное окно назначения премиума ===== */
.prem-modal[hidden]{display:none}
.prem-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}
.prem-modal-overlay{position:absolute;inset:0;background:rgba(6,4,13,.72);backdrop-filter:blur(4px)}
.prem-modal-card{position:relative;z-index:1;width:100%;max-width:460px;background:var(--card);border:1px solid var(--line);
border-radius:18px;padding:22px 24px 24px;box-shadow:0 40px 90px -30px rgba(139,92,246,.7);
animation:premfade .2s ease}
@keyframes premfade{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.prem-modal-head{display:flex;align-items:flex-start;gap:13px;margin-bottom:16px}
.prem-modal-ic{flex-shrink:0;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;
border-radius:12px;background:rgba(254,231,92,.12);border:1px solid rgba(254,231,92,.35);color:#ffd86b}
.prem-modal-ic svg{width:22px;height:22px}
.prem-modal-title{font-size:1.2rem;font-weight:800;margin:0}
.prem-modal-sub{font-size:.88rem;color:var(--muted,#a897cc);margin:2px 0 0;overflow:hidden;
text-overflow:ellipsis;white-space:nowrap;max-width:300px}
.prem-modal-x{margin-left:auto;flex-shrink:0;background:none;border:0;cursor:pointer;color:var(--muted,#a897cc);
padding:4px;line-height:0;border-radius:8px;transition:.15s}
.prem-modal-x:hover{color:#fff;background:rgba(255,255,255,.08)}
.prem-modal-x svg{width:20px;height:20px}
.prem-modal-lead{font-size:.9rem;color:var(--muted,#a897cc);margin-bottom:14px;line-height:1.5}
.prem-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.prem-opt{position:relative;display:block;cursor:pointer}
.prem-opt input{position:absolute;opacity:0;pointer-events:none}
.prem-opt-box{display:flex;flex-direction:column;gap:3px;padding:13px 15px;border:1px solid var(--line);
border-radius:12px;background:rgba(255,255,255,.015);transition:border-color .15s,background .15s}
.prem-opt:hover .prem-opt-box{border-color:rgba(168,85,247,.45)}
.prem-opt input:checked + .prem-opt-box{border-color:var(--accent,#a855f7);background:rgba(168,85,247,.12)}
.prem-opt-t{font-weight:700;font-size:.95rem}
.prem-opt input:checked + .prem-opt-box .prem-opt-t{color:var(--accent3,#c55ffd)}
.prem-opt-d{font-size:.78rem;color:var(--muted,#a897cc);line-height:1.35}
.prem-custom{margin:0 0 16px}
.prem-custom[hidden]{display:none}
.prem-custom-lbl{display:block;font-weight:600;font-size:.88rem;margin-bottom:7px}
.prem-custom-row{display:flex;gap:10px}
.prem-custom-row .inp{flex:1;min-width:0}
.prem-custom-row input[type=number]{max-width:120px}
.prem-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}
@media(max-width:480px){.prem-opts{grid-template-columns:1fr}.prem-modal-sub{max-width:200px}}
/* ===== Плавное раскрытие «Что входит в подписку» (grid-rows, без скачков) ===== */
.support-bonuses .bi-body{display:grid;grid-template-rows:0fr;max-height:none;padding:0;
transition:grid-template-rows .34s cubic-bezier(.4,0,.2,1)}
.support-bonuses .bonus-item.is-open .bi-body{grid-template-rows:1fr}
.support-bonuses .bi-inner{overflow:hidden;min-height:0}
.support-bonuses .bi-inner{padding:2px 18px 18px 66px}
.support-bonuses .bi-inner p{margin:0}
.support-bonuses .bonus-item[open]{border-color:var(--line)}
.support-bonuses .bonus-item.is-open{border-color:rgba(139,92,246,.4)}
.support-bonuses .bonus-item[open] .bi-chev{transform:none}
.support-bonuses .bonus-item.is-open .bi-chev{transform:rotate(180deg)}
@media(max-width:640px){.support-bonuses .bi-inner{padding-left:18px}}
/* ===== Админка: колонка «Премиум» содержит сами контролы ===== */
.ac-prem-h{width:230px}
.admin-table td.ac-prem{width:230px;vertical-align:middle}
.ac-prem .prem-cell{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.prem-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;max-width:220px;
box-sizing:border-box;padding:9px 14px;font-size:.84rem;font-weight:600;line-height:1.15;
white-space:normal;text-align:center;border-radius:10px;cursor:pointer;border:1px solid transparent;
transition:.15s;font-family:inherit}
.prem-btn .btn-ic{width:15px;height:15px;flex-shrink:0;margin:0}
.prem-btn-grant{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;
box-shadow:0 8px 20px -10px rgba(168,85,247,.9)}
.prem-btn-grant:hover{filter:brightness(1.08)}
.prem-btn-off{background:rgba(255,255,255,.04);color:var(--muted);border-color:var(--line)}
.prem-btn-off:hover{color:#fff;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.5)}
.ac-prem .admin-inline-form{width:100%;max-width:220px;display:block}
/* Теперь в «Действиях» максимум 2 кнопки */
.admin-actions{grid-template-columns:repeat(2,minmax(116px,1fr))}
.ac-actions{min-width:260px}
@media(max-width:900px){.admin-actions{grid-template-columns:1fr}.ac-actions{min-width:150px}
.ac-prem-h,.admin-table td.ac-prem{width:auto}}
/* ================= АДМИНКА: НАДЁЖНАЯ ВЁРСТКА ТАБЛИЦЫ (полный сброс прежних правил) ================= */
/* Авто-раскладка + горизонтальный скролл вместо хрупкого grid/fixed — элементы больше не налезают. */
.admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.admin-table{table-layout:auto;width:100%;min-width:900px}
.admin-table th,.admin-table td{white-space:nowrap;vertical-align:middle}
.admin-table .ag-nametxt{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-table .ag-owner{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Колонки «Премиум» и «Действия» сжимаются по содержимому (classic width:1% трюк) */
.admin-table td.ac-prem,.admin-table th.ac-prem-h{width:1%;white-space:nowrap}
.admin-table td.ac-actions,.admin-table th.ac-actions{width:1%;min-width:0;text-align:left}
/* Премиум-колонка: вертикальный стек, форма на всю ширину плашки */
.ac-prem .prem-cell{display:inline-flex;flex-direction:column;align-items:stretch;gap:7px}
.ac-prem .admin-inline-form{display:block;width:100%;margin:0}
/* Действия: кнопки в ряд, авто-ширина, без переносов и наложений */
.admin-actions{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;align-items:center;justify-content:flex-start}
.admin-actions .admin-inline-form{display:inline-flex;width:auto;margin:0}
/* Единый компактный стиль кнопок строки (и премиум, и действия) */
.aa-btn,.prem-btn{width:auto;max-width:none;display:inline-flex;align-items:center;justify-content:center;
gap:6px;white-space:nowrap;padding:8px 13px;font-size:.83rem;font-weight:600;line-height:1;
border-radius:9px;cursor:pointer;border:1px solid transparent;font-family:inherit;box-sizing:border-box}
.aa-btn .btn-ic,.prem-btn .btn-ic{width:15px;height:15px;margin:0;flex-shrink:0}
.prem-btn-grant{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;
box-shadow:0 8px 20px -10px rgba(168,85,247,.9)}
.prem-btn-grant:hover{filter:brightness(1.08)}
.prem-btn-off{width:100%;background:rgba(255,255,255,.05);color:var(--muted);border-color:var(--line)}
.prem-btn-off:hover{color:#fff;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.5)}
@media(max-width:600px){.admin-actions{flex-direction:column;align-items:stretch}
.aa-btn{width:100%}.admin-actions .admin-inline-form{width:100%}}
/* === ИТОГОВЫЙ ФИКС аккордеона «Что входит в подписку» ===
Отказ от grid-анимации (0fr/1fr) и JS-управления: используем НАТИВНЫЙ
. Браузер сам скрывает контент, когда карточка закрыта, и
показывает — когда открыта. Плавность раскрытия — через @keyframes.
Эти правила в самом конце файла и переопределяют все предыдущие. */
.support-bonuses .bi-body{
display:block !important;
grid-template-rows:none !important;
max-height:none !important;
overflow:visible !important;
transition:none !important;
padding:0 !important;
}
.support-bonuses .bi-inner{
overflow:visible !important;
min-height:0 !important;
padding:2px 18px 18px 66px;
}
.support-bonuses .bi-inner p{margin:0}
/* Свёрнутая карточка — контент полностью скрыт нативно */
.support-bonuses details.bonus-item:not([open]) .bi-body{display:none !important}
/* Раскрытая карточка — плавное появление содержимого */
.support-bonuses details.bonus-item[open] .bi-body{
animation:biReveal .28s cubic-bezier(.4,0,.2,1);
}
@keyframes biReveal{
from{opacity:0;transform:translateY(-6px)}
to{opacity:1;transform:none}
}
/* Шеврон и подсветка рамки — строго по нативному [open] */
.support-bonuses .bonus-item[open]{border-color:rgba(139,92,246,.4) !important}
.support-bonuses .bonus-item:not([open]){border-color:var(--line) !important}
.support-bonuses .bonus-item[open] .bi-chev{transform:rotate(180deg) !important}
.support-bonuses .bonus-item:not([open]) .bi-chev{transform:none !important}
@media(max-width:640px){.support-bonuses .bi-inner{padding-left:18px}}
/* ===== ИТОГ: админ-таблица БЕЗ горизонтальной прокрутки + аккуратные кнопки =====
Эти правила в самом конце файла и переопределяют все предыдущие. */
.admin-table-wrap,.admin-panel .admin-table-wrap{overflow-x:hidden !important;overflow-y:visible !important}
.admin-table,.admin-panel .admin-table{
table-layout:fixed !important;width:100% !important;min-width:0 !important}
.admin-table th,.admin-table td{
white-space:normal !important;overflow-wrap:anywhere;word-break:break-word;
vertical-align:middle;padding:12px 12px}
.admin-table td code{white-space:normal !important;word-break:break-all;font-size:.82rem}
/* Пропорции колонок (сумма = 100%), чтобы всё помещалось в ширину экрана */
.admin-table th:nth-child(1),.admin-table td:nth-child(1){width:19%}
.admin-table th:nth-child(2),.admin-table td:nth-child(2){width:16%}
.admin-table th:nth-child(3),.admin-table td:nth-child(3){width:13%}
.admin-table th:nth-child(4),.admin-table td:nth-child(4){width:8%;text-align:center}
.admin-table th:nth-child(5),.admin-table td:nth-child(5){width:9%}
.admin-table th.ac-prem-h,.admin-table td.ac-prem{width:17% !important;white-space:normal !important}
.admin-table th.ac-actions,.admin-table td.ac-actions{
width:18% !important;min-width:0 !important;text-align:left !important;white-space:normal !important}
.admin-table .ag-nametxt{max-width:none !important;white-space:normal !important;word-break:break-word;overflow:visible !important}
.admin-table .ag-owner{max-width:none !important;white-space:normal !important;word-break:break-word;overflow:visible !important}
/* Колонка ПРЕМИУМ: вертикальный стек на всю ширину ячейки */
.ac-prem .prem-cell{display:flex !important;flex-direction:column;align-items:stretch;gap:7px;width:100%;min-width:0}
.ac-prem .admin-inline-form{display:block !important;width:100% !important;max-width:none !important;margin:0}
.prem-until{align-self:flex-start}
/* Колонка ДЕЙСТВИЯ: кнопки аккуратно в столбик, равномерно, без наложений */
.ac-actions .admin-actions{
display:flex !important;flex-direction:column;align-items:stretch;
gap:8px;width:100%;justify-content:flex-start}
.ac-actions .admin-actions .admin-inline-form{display:block !important;width:100% !important;margin:0}
/* Единый компактный стиль всех кнопок в строке (премиум + действия) */
.aa-btn,.prem-btn{
width:100% !important;max-width:none !important;
display:flex !important;align-items:center;justify-content:center;
gap:7px;white-space:nowrap;padding:9px 10px;font-size:.82rem;font-weight:600;line-height:1.1;
border-radius:10px;cursor:pointer;border:1px solid transparent;font-family:inherit;box-sizing:border-box;
box-shadow:none !important}
.aa-btn .btn-ic,.prem-btn .btn-ic{width:14px;height:14px;margin:0;flex-shrink:0}
.prem-btn-grant{background:linear-gradient(135deg,#a855f7,#7c3aed) !important;color:#fff !important;border-color:transparent !important}
.prem-btn-grant:hover{filter:brightness(1.08)}
.prem-btn-off{background:rgba(255,255,255,.05);color:var(--muted);border-color:var(--line)}
.prem-btn-off:hover{color:#fff;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.5)}
/* На узких экранах просто чуть уменьшаем отступы — прокрутки по-прежнему нет */
@media(max-width:700px){
.admin-table th,.admin-table td{padding:9px 7px;font-size:.82rem}
.aa-btn,.prem-btn{padding:8px 6px;font-size:.76rem}
}
/* ===== ФИКС: название сервера не должно ломаться по буквам + шире колонка ===== */
.admin-table th:nth-child(1),.admin-table td:nth-child(1){width:24%}
.admin-table th:nth-child(2),.admin-table td:nth-child(2){width:15%}
.admin-table th:nth-child(3),.admin-table td:nth-child(3){width:12%}
.admin-table th:nth-child(4),.admin-table td:nth-child(4){width:7%;text-align:center}
.admin-table th:nth-child(5),.admin-table td:nth-child(5){width:9%}
.admin-table th.ac-prem-h,.admin-table td.ac-prem{width:16% !important}
.admin-table th.ac-actions,.admin-table td.ac-actions{width:17% !important}
/* имя сервера — одна строка с многоточием, без вертикального разрыва букв */
.admin-table .ag-name{display:flex !important;align-items:center;gap:10px;min-width:0;flex-wrap:nowrap}
.admin-table .ag-nametxt{
display:block;flex:1 1 auto;min-width:0;
white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;
word-break:normal !important;overflow-wrap:normal !important}
.admin-table .ag-ico{flex-shrink:0}
.admin-table .ag-owner{
white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;
word-break:normal !important;overflow-wrap:normal !important;max-width:none}
/* ID остаётся переносимым (длинное число не создаёт прокрутку) */
.admin-table td code{white-space:normal !important;word-break:break-all;font-size:.8rem}
/* Таблица журнала входов — те же принципы (без прокрутки) */
.users-table th:nth-child(1),.users-table td:nth-child(1){width:22%}
.users-table th:nth-child(2),.users-table td:nth-child(2){width:8%;text-align:center}
.users-table th:nth-child(3),.users-table td:nth-child(3){width:15%}
.users-table th:nth-child(4),.users-table td:nth-child(4){width:15%}
.users-table th:nth-child(5),.users-table td:nth-child(5){width:14%}
.users-table th:nth-child(6),.users-table td:nth-child(6){width:14%}
.users-table th:nth-child(7),.users-table td:nth-child(7){width:12%}
.admin-sec-title{margin:40px 0 14px;font-size:1.25rem;font-weight:700}
.admin-stats-users{margin-bottom:8px}
.ut-user{display:flex;align-items:center;gap:10px;min-width:0}
.ut-ava{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}
.ut-ava-ph{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;font-weight:700;font-size:.9rem}
.ut-meta{display:flex;flex-direction:column;min-width:0}
.ut-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ut-id{font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ut-center{text-align:center;font-weight:600}
.ut-date{display:block;font-size:.85rem}
.ut-sub{display:block;font-size:.72rem;color:var(--muted);margin-top:2px}
.ut-warn{color:#f59e0b}
.ut-ip,.ut-fp{font-size:.78rem;word-break:break-all}
.ut-flag{display:inline-block;margin-left:4px;padding:1px 7px;border-radius:999px;background:rgba(245,158,11,.16);color:#f59e0b;font-size:.68rem;font-weight:700;vertical-align:middle}
.users-table tr.is-multi{background:rgba(245,158,11,.05)}
/* ===== Красивый выбор каналов/ролей (кастомное меню в стиле сайта) ===== */
.nicesel{position:relative;width:100%}
.nicesel-native{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;opacity:0;pointer-events:none}
.nicesel-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;
background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px 13px;
color:var(--text);font-size:.95rem;font-family:inherit;cursor:pointer;transition:.18s;text-align:left}
.nicesel-btn:hover{border-color:rgba(168,85,247,.4)}
.nicesel.is-open .nicesel-btn{border-color:var(--accent);box-shadow:0 0 0 3px rgba(139,92,246,.2)}
.nicesel-val{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nicesel-val.is-placeholder{color:var(--muted)}
.nicesel-caret{flex-shrink:0;color:var(--muted);display:flex;transition:transform .2s}
.nicesel-caret svg{width:18px;height:18px}
.nicesel.is-open .nicesel-caret{transform:rotate(180deg)}
.nicesel-panel{position:absolute;z-index:60;top:calc(100% + 6px);left:0;right:0;
background:var(--card);border:1px solid rgba(168,85,247,.35);border-radius:12px;
box-shadow:0 18px 44px -14px rgba(0,0,0,.7),0 0 0 1px rgba(168,85,247,.08);
padding:8px;overflow:hidden;animation:niceIn .16s ease}
/* Портальный режим: панель в , позиция считается в JS. */
.nicesel-panel.nicesel-portal{position:fixed;top:0;left:0;right:auto;z-index:1300;
background:#1b1133;box-shadow:0 24px 60px -16px rgba(0,0,0,.85),0 0 0 1px rgba(168,85,247,.14)}
.nicesel-panel.nicesel-portal[hidden]{display:none}
.nicesel-panel.nicesel-up{animation:niceInUp .16s ease}
@keyframes niceInUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes niceIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.nicesel-search{padding:2px 2px 8px}
.nicesel-search input{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:8px;
padding:8px 11px;color:var(--text);font-size:.88rem;font-family:inherit}
.nicesel-search input:focus{outline:none;border-color:var(--accent)}
.nicesel-list{max-height:260px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:2px}
.nicesel-list::-webkit-scrollbar{width:10px}
.nicesel-list::-webkit-scrollbar-track{background:transparent}
.nicesel-list::-webkit-scrollbar-thumb{background:rgba(168,85,247,.55);border-radius:8px;border:2px solid transparent;background-clip:padding-box}
.nicesel-list::-webkit-scrollbar-thumb:hover{background:rgba(168,85,247,.8);background-clip:padding-box}
.nicesel-list{scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.55) transparent}
.nicesel-opt{padding:9px 12px;border-radius:8px;color:var(--text);font-size:.92rem;cursor:pointer;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.12s}
.nicesel-opt:hover{background:rgba(168,85,247,.22)}
.nicesel-opt.is-selected{background:linear-gradient(90deg,rgba(168,85,247,.42),rgba(139,92,246,.3));color:#fff;font-weight:600}
.nicesel-opt.is-empty{color:var(--muted);font-style:italic}
html.light .nicesel-panel.nicesel-portal{background:#fff}
html.light .nicesel-panel{background:#fff;border-color:rgba(124,58,237,.25)}
html.light .nicesel-btn,html.light .nicesel-search input{background:#f6f3ff}
/* ======================= МОБИЛЬНАЯ ОПТИМИЗАЦИЯ ======================= */
/* Админ-таблицы на телефоне превращаются в карточки (без прокрутки вбок). */
@media(max-width:760px){
.admin-main{padding-left:4%;padding-right:4%}
.admin-table-wrap{border:none;background:transparent;overflow:visible!important}
.admin-table,.admin-panel .admin-table{display:block;width:100%!important;table-layout:auto!important;min-width:0!important}
.admin-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.admin-table tbody{display:block}
.admin-table tbody tr{
display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;
padding:12px 14px;margin-bottom:12px}
.admin-table tbody tr:hover{background:var(--card)}
.admin-table td{
display:flex!important;width:auto!important;align-items:flex-start;justify-content:space-between;
gap:14px;padding:7px 0!important;border-bottom:1px solid var(--line);text-align:right!important;
white-space:normal!important}
.admin-table tr td:last-child{border-bottom:none}
.admin-table td::before{
content:attr(data-label);flex:0 0 42%;text-align:left;color:var(--muted);
font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding-top:2px}
/* Ячейки, где метка мешает (имя, действия, премиум) — метку прячем */
.admin-table td.ag-name,.admin-table td.ac-actions,.admin-table td.ac-prem,.admin-table td.ut-user{
display:block!important;text-align:left!important}
.admin-table td.ag-name::before,.admin-table td.ac-actions::before,
.admin-table td.ac-prem::before,.admin-table td.ut-user::before{display:none}
.admin-table td.ag-name{font-size:1rem;font-weight:700;padding-bottom:10px!important}
.admin-table .ag-nametxt,.ut-name{white-space:normal!important}
.ac-actions .admin-actions{flex-direction:row;flex-wrap:wrap}
.ac-actions .admin-actions .admin-inline-form{flex:1 1 140px}
.aa-btn,.prem-btn{width:100%!important}
.ac-prem .prem-cell{width:100%}
/* верхние тулбары таблиц */
.admin-toolbar{flex-direction:column;align-items:stretch;gap:12px}
.admin-tools{flex-wrap:wrap;gap:10px}
.admin-search{flex:1 1 100%}
.admin-stats{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:460px){
.admin-stats{grid-template-columns:1fr!important}
.admin-table td::before{flex-basis:50%}
}
/* Общая мобильная полировка сайта */
@media(max-width:640px){
.section,.cmdp,.support-wrap{padding-left:5%;padding-right:5%}
.settings-card{padding:18px 15px}
.settings-wrap,.admin-main{overflow-x:hidden}
.field-row{flex-wrap:wrap}
.save-bar{flex-direction:column;gap:10px;align-items:stretch}
.save-bar .btn{width:100%;justify-content:center}
.nicesel-panel{max-height:60vh}
.nicesel-list{max-height:46vh}
.admin-head-row{flex-direction:column;align-items:flex-start;gap:12px}
.admin-chips{flex-wrap:wrap}
}
/* Поля ≥16px, чтобы iOS не зумил при фокусе */
@media(max-width:640px){
.inp,textarea.inp,.nicesel-btn,.nicesel-search input,
#guildSearch,#userSearch,.admin-select{font-size:16px}
}
/* ===== Дашборд активности + настройки создателей (задачи 2–3) ===== */
.dash-chart-wrap{position:relative;height:300px;width:100%;margin-top:6px}
.dash-chart-wrap canvas{width:100%!important;height:100%!important}
.dash-legend{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.dash-leg{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.84rem}
.dash-leg::before{content:"";width:12px;height:12px;border-radius:3px;display:inline-block}
.dash-leg-logins::before{background:var(--accent)}
.dash-leg-users::before{background:var(--accent3);border-radius:50%}
.ut-geo{color:var(--accent3)!important}
.ut-hint{color:var(--muted)!important;opacity:.85}
.ut-flag-soft{background:rgba(168,85,247,.14)!important;color:var(--accent3)!important;border-color:rgba(168,85,247,.3)!important}
/* Форма уведомлений */
.notify-form{display:flex;flex-direction:column;gap:18px;padding:4px 2px}
.notify-row{display:flex;gap:12px;align-items:flex-start;cursor:pointer}
.notify-row input[type=checkbox]{width:20px;height:20px;margin-top:2px;flex-shrink:0;accent-color:var(--accent)}
.notify-row-txt{display:flex;flex-direction:column;gap:3px}
.notify-row-txt b{color:var(--text);font-weight:600}
.notify-sub{color:var(--muted);font-size:.82rem;line-height:1.45}
.notify-field{display:flex;flex-direction:column;gap:6px;max-width:460px}
.notify-field-lbl{color:var(--text);font-weight:600;font-size:.9rem}
.notify-actions{display:flex;justify-content:flex-start;margin-top:4px}
.ut-ipsrc{color:var(--muted)!important;font-size:.72rem;opacity:.85}
.notify-hr{border:0;border-top:1px solid var(--line);margin:22px 0 4px}
/* ===== OrbixPro: раздел «Наше сообщество» и новые бонус-метки ===== */
.support-community{max-width:980px;margin:0 auto 46px;padding:28px 24px;
border:1px solid rgba(168,85,247,.22);border-radius:18px;
background:linear-gradient(180deg,rgba(168,85,247,.08),rgba(26,16,48,.35));
text-align:center;}
.support-community .section-title{margin-top:0;}
.comm-stats{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;
margin:22px 0 10px;}
.comm-stat{min-width:160px;padding:18px 26px;border-radius:14px;
background:rgba(26,16,48,.55);border:1px solid rgba(168,85,247,.2);}
.comm-stat .cs-num{display:block;font-size:2.4rem;font-weight:800;line-height:1;
color:#c55ffd;background:linear-gradient(90deg,#a855f7,#d8a3ff);
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.comm-stat .cs-label{display:block;margin-top:8px;font-size:.92rem;opacity:.82;}
.comm-note{margin:6px 0 0;opacity:.72;font-size:.95rem;}
.bi-tag-new{position:relative;}
.bi-tag-new::after{content:"NEW";margin-left:8px;padding:1px 7px;font-size:.62rem;
font-weight:800;letter-spacing:.06em;vertical-align:middle;border-radius:999px;
color:#fff;background:linear-gradient(90deg,#a855f7,#7c3aed);}
/* === Community heart (OrbixPro) === */
.support-community{margin-top:70px;text-align:center;padding-top:34px;border-top:1px solid rgba(168,85,247,.14)}
.support-community .accent{color:var(--accent)}
.comm-sub{max-width:560px;margin:8px auto 0;color:var(--muted,#9aa)}
.comm-stat{display:inline-flex;align-items:baseline;gap:10px;margin:18px auto 0;padding:10px 22px;border-radius:999px;background:linear-gradient(135deg,rgba(168,85,247,.16),rgba(139,92,246,.08));border:1px solid rgba(168,85,247,.3)}
.comm-count{color:var(--accent);font-weight:800;font-size:1.9rem;line-height:1}
.comm-stat-lbl{color:#cbb2ff;font-weight:600;font-size:.98rem}
.comm-heart{position:relative;width:min(520px,90vw);aspect-ratio:1/0.92;margin:28px auto 26px}
.comm-heart-core{position:absolute;left:50%;top:50%;width:76px;height:76px;transform:translate(-50%,-50%);color:var(--accent);filter:drop-shadow(0 6px 24px rgba(168,85,247,.6));z-index:5}
.comm-heart-core svg{width:100%;height:100%;display:block}
.comm-av{position:absolute;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 4px 14px rgba(139,92,246,.4);border:2px solid rgba(255,255,255,.14);transition:transform .25s ease,box-shadow .25s ease;z-index:3}
.comm-av img{width:100%;height:100%;object-fit:cover;display:block}
.comm-av:hover{transform:translate(-50%,-50%) scale(1.16);box-shadow:0 8px 24px rgba(168,85,247,.7);z-index:6}
.comm-av-empty{background:radial-gradient(circle at 50% 36%,rgba(192,132,252,.55),rgba(139,92,246,.22));border-color:rgba(203,178,255,.25);box-shadow:0 2px 10px rgba(139,92,246,.28);z-index:2}
.comm-av-empty i{display:block;width:100%;height:100%}
.comm-note{max-width:620px;margin:0 auto;color:var(--muted,#9aa);line-height:1.6}
.comm-note-heart{margin-top:12px;color:var(--accent);font-weight:600}
@media(max-width:600px){.support-community{margin-top:48px}.comm-heart{width:94vw;aspect-ratio:1/0.96;margin:20px auto 20px}.comm-heart-core{width:54px;height:54px}.comm-count{font-size:1.6rem}}
/* === Mobile polish (phones) === */
@media(max-width:600px){
html,body{max-width:100%;overflow-x:hidden}
img,svg{max-width:100%}
.section-title{font-size:1.5rem}
.support-page{padding-left:4%;padding-right:4%}
.support-benefits,.support-how,.support-tiers,.support-activate,.support-bonuses,.support-pay,.support-terms{margin-top:40px}
.support-hero{padding:34px 18px}
.support-hero h1{font-size:1.8rem}
.support-sub{font-size:.95rem}
.pay-methods{grid-template-columns:repeat(2,1fr);gap:12px}
.pay-method{padding:18px 12px}
.tier-card{padding:26px 20px}
.act-step{padding:18px 16px}
.bonus-item summary{padding:16px 14px;gap:12px}
.bi-desc{font-size:.86rem}
.terms-list li{padding:12px 16px 12px 40px}
.support-legal-links{flex-direction:column;gap:8px}
/* tap targets */
.btn,.pay-method,.lang-toggle{min-height:44px}
}
@media(max-width:400px){
.section-title{font-size:1.32rem}
.pay-methods{grid-template-columns:1fr}
.comm-stat{padding:9px 16px}
}
/* ==== Новые разделы панели: реакции-роли, планировщик, интеграции,
журнал событий, статистика активности ==== */
.stab-pro .stab-txt::after{content:"PRO";font-size:.58rem;font-weight:800;color:var(--accent3);
margin-left:6px;letter-spacing:.5px;vertical-align:super}
.pro-lock{display:flex;gap:16px;align-items:center;background:var(--bg2);
border:1px dashed var(--line);border-radius:14px;padding:22px 20px;margin-top:10px}
.pro-lock svg{width:34px;height:34px;color:var(--accent);flex-shrink:0}
.pro-lock-t{font-weight:700;color:var(--text);margin-bottom:3px}
.pro-lock p{color:var(--muted);font-size:.9rem;margin:0}
.gw-badge{display:inline-block;background:linear-gradient(90deg,var(--accent),var(--accent2));
color:#fff;font-size:.62rem;font-weight:800;padding:2px 8px;border-radius:20px;
letter-spacing:.5px;vertical-align:middle;margin-left:6px}
.rr-list{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}
.rr-item{display:flex;gap:14px;align-items:center;justify-content:space-between;
background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.rr-item-main{min-width:0;flex:1}
.rr-item-title{font-weight:700;color:var(--text);margin-bottom:6px}
.rr-item-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.rr-item-roles{display:flex;flex-wrap:wrap;gap:6px}
.rr-tag{font-size:.78rem;background:var(--card2);border:1px solid var(--line);
border-radius:8px;padding:3px 9px;color:var(--accent3)}
.rr-item-actions{display:flex;gap:8px;flex-shrink:0}
.chip-on{color:#5be38a!important;border-color:rgba(91,227,138,.4)!important}
.chip-off{color:var(--muted)!important;opacity:.8}
.mini-label{display:block;font-weight:600;color:var(--text);margin:14px 0 8px;font-size:.92rem}
.rr-rows{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}
.rr-row{display:grid;grid-template-columns:90px 1fr 1fr auto;gap:8px;align-items:center}
.rr-emoji{text-align:center}
.rr-emoji.rr-req{border-color:var(--accent)}
.rr-row-del{padding:8px!important;color:var(--muted)}
.rr-row-del:hover{color:#ff6b7f}
@media(max-width:620px){.rr-row{grid-template-columns:70px 1fr auto}.rr-row .rr-label{grid-column:1/-1}}
/* Статистика */
.stats-range{display:flex;gap:8px;margin:6px 0 16px}
.srng{background:var(--bg2);border:1px solid var(--line);border-radius:20px;
padding:6px 16px;color:var(--muted);font-weight:600;cursor:pointer;font-family:inherit;
font-size:.86rem;transition:.18s}
.srng:hover{color:var(--text)}
.srng.active{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;border-color:transparent}
.stat-total{font-size:.95rem;color:var(--muted);margin-bottom:12px}
.stat-total-num{font-size:1.9rem;font-weight:800;color:var(--accent);margin-right:6px}
.chart-box{background:var(--bg2);border:1px solid var(--line);border-radius:14px;
padding:14px;margin-bottom:20px}
.stat-chart{width:100%;height:200px;display:block}
.stats-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:620px){.stats-cols{grid-template-columns:1fr}}
/* Журнал событий */
.log-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.lfil{background:var(--bg2);border:1px solid var(--line);border-radius:20px;padding:6px 14px;
color:var(--muted);font-weight:600;cursor:pointer;font-family:inherit;font-size:.84rem;transition:.18s}
.lfil:hover{color:var(--text)}
.lfil.active{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;border-color:transparent}
.log-feed{display:flex;flex-direction:column;gap:8px;max-height:560px;overflow-y:auto}
.log-row{display:flex;gap:12px;align-items:flex-start;background:var(--bg2);
border:1px solid var(--line);border-radius:10px;padding:11px 14px}
.log-ic{width:20px;height:20px;flex-shrink:0;margin-top:2px;color:var(--accent3)}
.log-main{min-width:0;flex:1}
.log-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.log-badge{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px;
background:var(--card2);color:var(--accent3);padding:2px 8px;border-radius:6px}
.log-who{font-weight:700;color:var(--text);font-size:.9rem}
.log-ch{color:var(--muted);font-size:.84rem}
.log-time{margin-left:auto;color:var(--muted);font-size:.78rem}
.log-body{color:var(--muted);font-size:.9rem;margin-top:5px;word-break:break-word;white-space:pre-wrap}
.log-delete .log-badge,.log-msgdelete .log-badge{color:#ff8a9a}
.log-join .log-badge{color:#5be38a}
.log-more-wrap{text-align:center;margin-top:14px}
.intg-youtube{color:#ff6b6b!important}.intg-twitch{color:#c08bff!important}.intg-rss{color:#ffb15c!important}
/* ==== Вкладки панели: показывать ВСЕ разом (перенос на строки), а не узкий скролл ==== */
.settings-tabs{flex-wrap:wrap!important;overflow:visible!important;row-gap:8px!important;
overflow-x:visible!important;overflow-y:visible!important}
.settings-tabs::-webkit-scrollbar{display:none}
.stab{flex:0 0 auto!important;white-space:nowrap!important}
/* ==== Выбор эмодзи (палитра) для «Роли за реакции» ==== */
.rr-emoji-wrap{position:relative;display:flex}
.rr-emoji-wrap .rr-emoji{padding-right:34px}
.rr-emoji-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);
width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;
background:none;border:0;border-radius:7px;color:var(--muted);cursor:pointer;transition:.15s;padding:0}
.rr-emoji-btn svg{width:17px;height:17px}
.rr-emoji-btn:hover{color:var(--accent3);background:rgba(168,85,247,.14)}
.emoji-pop{position:absolute;z-index:1200;width:300px;max-height:230px;overflow-y:auto;
display:none;grid-template-columns:repeat(10,1fr);gap:2px;padding:10px;
background:var(--card);border:1px solid var(--line);border-radius:14px;
box-shadow:0 22px 50px -18px rgba(0,0,0,.9)}
.emoji-pop.open{display:grid}
html.light .emoji-pop{background:#fff}
.emoji-cell{border:0;background:none;cursor:pointer;font-size:1.25rem;line-height:1;
padding:5px 0;border-radius:8px;transition:.12s}
.emoji-cell:hover{background:rgba(168,85,247,.18);transform:scale(1.15)}
.emoji-pop::-webkit-scrollbar{width:7px}
.emoji-pop::-webkit-scrollbar-thumb{background:rgba(139,92,246,.4);border-radius:4px}
/* действия у активной панели ролей */
.rr-item-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0;align-items:stretch}
@media(max-width:620px){.rr-item{flex-wrap:wrap}.rr-item-actions{flex-direction:row;width:100%}}
/* === OrbixPro: модалка оплаты (заглушка) === */
.pay-btn{cursor:pointer;border:none;font-family:inherit}
.pay-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}
.pay-modal[hidden]{display:none}
.pay-modal-backdrop{position:absolute;inset:0;background:rgba(6,3,15,.72);backdrop-filter:blur(4px)}
.pay-modal-card{position:relative;z-index:1;width:100%;max-width:420px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:34px 28px 28px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.5);animation:payIn .22s ease}
@keyframes payIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.pay-modal-x{position:absolute;top:14px;right:14px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:10px;color:var(--muted);cursor:pointer;transition:.2s}
.pay-modal-x:hover{background:rgba(255,255,255,.12);color:#fff}
.pay-modal-x svg{width:18px;height:18px}
.pay-modal-ic{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(168,85,247,.14);color:var(--accent)}
.pay-modal-ic svg{width:34px;height:34px}
.pay-modal-card h3{font-size:1.25rem;font-weight:800;margin-bottom:8px;color:var(--text)}
.pay-modal-order{font-size:.92rem;font-weight:700;color:var(--accent3);margin-bottom:10px}
.pay-modal-text{font-size:.95rem;color:var(--muted);margin-bottom:22px;line-height:1.55}
.pay-modal-actions{display:flex;flex-direction:column;gap:10px}
.pay-modal-actions .btn{width:100%;justify-content:center}
/* === Страницы результата оплаты === */
.pay-result-ic{width:84px;height:84px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.pay-result-ic svg{width:48px;height:48px}
.pay-result-ok{background:rgba(74,222,128,.14);color:#4ade80}
.pay-result-fail{background:rgba(248,113,113,.14);color:#f87171}
.pay-result-title{font-size:1.6rem;font-weight:800;margin-bottom:10px;color:var(--text)}
/* ============================================================
UI-полировка: тосты-сохранения, скелетоны загрузки,
единые пустые состояния, мобильный карточный вид таблиц.
============================================================ */
/* --- Кнопка «Сохранение…» / «Сохранено» --- */
.btn .btn-loadtxt{margin-left:8px;font-weight:700}
.btn.is-ok{background:linear-gradient(90deg,var(--ok,#4ade80),#3ba55d)!important;border-color:transparent!important;color:#06220f!important;pointer-events:none}
.btn.is-ok .btn-ic{vertical-align:-3px;margin-right:5px}
/* --- Скелетоны загрузки --- */
.skel{display:inline-block;position:relative;overflow:hidden;background:rgba(255,255,255,.05);border-radius:8px}
.skel::after{content:"";position:absolute;inset:0;transform:translateX(-100%);
background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);
animation:skelshimmer 1.25s infinite}
@keyframes skelshimmer{100%{transform:translateX(100%)}}
.skel-line{height:11px;border-radius:6px;vertical-align:middle}
.skel-line.w40{width:40%}
.skel-line.w80{width:80%}
.skel-feed{display:flex;flex-direction:column;gap:8px}
.skel-row{display:flex;gap:12px;align-items:flex-start;background:var(--bg2);
border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.skel-ic{width:20px;height:20px;border-radius:6px;flex-shrink:0;margin-top:2px}
.skel-main{flex:1;display:flex;flex-direction:column;gap:9px;min-width:0;padding-top:2px}
.stat-total-num.is-loading-num{opacity:.35}
html.light .skel{background:rgba(0,0,0,.05)}
html.light .skel::after{background:linear-gradient(90deg,transparent,rgba(0,0,0,.06),transparent)}
/* --- Единое пустое состояние --- */
.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;
gap:5px;padding:40px 22px;color:var(--muted)}
.empty-state .es-ic{width:42px;height:42px;color:var(--accent3,#c084fc);opacity:.75;margin-bottom:6px}
.empty-state.is-error .es-ic{color:#f87171;opacity:.9}
.empty-state .es-title{font-weight:700;color:var(--text);font-size:1.02rem}
.empty-state .es-sub{color:var(--muted);font-size:.9rem;max-width:400px;line-height:1.5}
.mini-table td.mt-empty{color:var(--muted);text-align:center;padding:18px 14px}
/* --- Мобильный карточный вид таблиц (.mt-cards) --- */
@media(max-width:620px){
.mini-table.mt-cards{table-layout:auto;border:0;border-radius:0;overflow:visible;background:transparent}
.mini-table.mt-cards tr:first-child{display:none}
.mini-table.mt-cards tr{display:block;background:var(--bg2);border:1px solid var(--line);
border-radius:13px;margin-bottom:10px;padding:5px 2px}
.mini-table.mt-cards tr:hover td{background:transparent}
.mini-table.mt-cards td{display:flex;align-items:center;justify-content:space-between;gap:16px;
border:0;padding:9px 15px;white-space:normal;overflow:visible;text-overflow:clip;font-size:.92rem}
.mini-table.mt-cards td::before{content:attr(data-label);color:var(--muted);font-size:.72rem;
font-weight:700;text-transform:uppercase;letter-spacing:.4px;flex:0 0 auto}
.mini-table.mt-cards td:not([data-label])::before,
.mini-table.mt-cards td[data-label=""]::before{display:none}
.mini-table.mt-cards td:last-child:not([data-label]){justify-content:flex-end;padding-top:4px}
.mini-table.mt-cards td .ctd,.mini-table.mt-cards td.ctd{text-align:right}
.mini-table.mt-cards td code{white-space:normal;word-break:break-word}
.mini-table.mt-cards td.mt-empty{display:block;text-align:center}
}
/* Модалка подтверждения удаления */
.cfm-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(6,4,12,.62);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:.2s;z-index:120}
.cfm-overlay.show{opacity:1;visibility:visible}
.cfm-box{width:100%;max-width:400px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px 24px;box-shadow:var(--shadow);text-align:center;transform:translateY(14px) scale(.98);transition:.22s}
.cfm-overlay.show .cfm-box{transform:none}
.cfm-ic{width:52px;height:52px;margin:0 auto 14px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(237,66,69,.12);color:var(--danger)}
.cfm-ic svg{width:26px;height:26px}
.cfm-title{margin:0 0 8px;font-size:1.12rem;font-weight:800;color:var(--text)}
.cfm-msg{margin:0 0 20px;color:var(--muted);font-size:.94rem;line-height:1.5}
.cfm-actions{display:flex;gap:10px;justify-content:center}
.cfm-actions .btn{min-width:118px;justify-content:center}
html.light .cfm-box{background:#fff}
/* Кнопка «Копировать команду» */
.cmd-copy{flex:0 0 auto;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;margin-left:4px;border:1px solid var(--line);border-radius:9px;background:rgba(168,85,247,.06);color:var(--muted);cursor:pointer;transition:.18s;position:relative}
.cmd-copy:hover{color:var(--text);border-color:rgba(168,85,247,.45);background:rgba(168,85,247,.14)}
.cmd-copy svg{width:15px;height:15px;transition:.18s}
.cmd-copy .cc-ok{position:absolute;opacity:0;transform:scale(.6);color:var(--ok)}
.cmd-copy.copied{color:var(--ok);border-color:rgba(87,242,135,.5);background:rgba(87,242,135,.14)}
.cmd-copy.copied .cc-ic{opacity:0;transform:scale(.6)}
.cmd-copy.copied .cc-ok{opacity:1;transform:scale(1)}
/* Живой поиск в правах команд */
.cmdperm-search{position:relative;margin:4px 0 14px}
.cmdperm-search-ic{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted);pointer-events:none}
.cmdperm-search-inp{width:100%;padding:10px 14px 10px 36px;border:1px solid var(--line);border-radius:10px;background:var(--card2);color:var(--text);font-size:.92rem;outline:none;transition:.18s}
.cmdperm-search-inp:focus{border-color:rgba(168,85,247,.5);background:rgba(168,85,247,.08)}
.cmdperm-card.cp-hide{display:none}
.cmdperm-empty{color:var(--muted);text-align:center;padding:14px}