:root {
  --bg: #0f0718;
  --bg-2: #160a24;
  --panel: rgba(52, 28, 74, .72);
  --panel-2: rgba(73, 39, 100, .66);
  --line: rgba(255,255,255,.12);
  --line-strong: rgba(255,255,255,.22);
  --text: #f8f4ff;
  --muted: #bdaeca;
  --soft: #8f7c9d;
  --accent: #d56bff;
  --accent-2: #ffb1dd;
  --accent-3: #8f54ff;
  --good: #76f2bf;
  --warn: #ffd27d;
  --danger: #ff7f9f;
  --shadow: 0 24px 80px rgba(0,0,0,.28);
  --radius: 24px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(900px 500px at 78% -5%, rgba(158, 65, 255, .28), transparent 70%),
    radial-gradient(900px 600px at 0% 16%, rgba(255, 170, 216, .16), transparent 70%),
    linear-gradient(180deg, #170c22 0%, #0c0612 100%);
  min-height: 100vh;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif;
  direction: rtl;
}

a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
img { display: block; max-width: 100%; }

.bg-orb {
  position: fixed; inset: auto auto 5vh -15vw; width: 46vw; height: 46vw;
  border-radius: 50%; filter: blur(90px); background: rgba(154, 58, 255, .08); pointer-events: none; z-index: -1;
}

.shell { width: min(1480px, calc(100% - 32px)); margin: 0 auto; }

.nav {
  position: sticky; top: 0; z-index: 50;
  backdrop-filter: blur(22px);
  background: rgba(14, 7, 22, .72);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.nav-inner { min-height: 76px; display: flex; align-items: center; gap: 26px; }
.brand { display: flex; align-items: center; gap: 12px; margin-left: auto; direction: ltr; }
.brand-mark {
  width: 40px; height: 40px; border-radius: 14px;
  display: grid; place-items: center;
  background: linear-gradient(135deg, var(--accent-2), var(--accent-3));
  color: #1a0e23; font-weight: 950; font-size: 20px;
  box-shadow: 0 8px 28px rgba(191,92,255,.22);
}
.brand-copy strong { display: block; font-size: 18px; line-height: 1; }
.brand-copy span { display: block; color: var(--soft); font-size: 11px; margin-top: 4px; }
.nav-links { display: flex; align-items: center; gap: 8px; }
.nav-links a { color: var(--muted); padding: 10px 13px; border-radius: 12px; font-size: 14px; }
.nav-links a:hover, .nav-links a.active { color: white; background: rgba(255,255,255,.07); }
.nav-actions { display: flex; gap: 10px; align-items: center; }
.menu-btn { display: none; }

.btn {
  border: 1px solid var(--line); color: white; background: rgba(255,255,255,.07);
  border-radius: 14px; padding: 11px 16px; font-weight: 750; transition: .18s ease;
  display: inline-flex; gap: 8px; align-items: center; justify-content: center;
}
.btn:hover { transform: translateY(-1px); border-color: var(--line-strong); background: rgba(255,255,255,.11); }
.btn.primary { background: linear-gradient(135deg, #b761ff, #e977ce); border-color: transparent; color: #14081e; }
.btn.good { background: rgba(118,242,191,.12); border-color: rgba(118,242,191,.32); color: var(--good); }
.btn.danger { background: rgba(255,127,159,.10); border-color: rgba(255,127,159,.25); color: var(--danger); }
.btn.small { padding: 8px 11px; border-radius: 11px; font-size: 12px; }
.btn.block { width: 100%; }

.hero { padding: 72px 0 36px; position: relative; }
.hero-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 34px; align-items: center; }
.kicker { color: var(--accent-2); font-size: 13px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.hero h1 { margin: 12px 0 16px; font-size: clamp(42px, 6vw, 86px); line-height: .98; letter-spacing: -.045em; direction: ltr; text-align: right; }
.hero p { margin: 0; color: var(--muted); font-size: clamp(16px, 2vw, 20px); line-height: 1.9; max-width: 780px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.hero-note { margin-top: 16px; color: var(--soft); font-size: 13px; }

.live-board {
  padding: 18px; border: 1px solid var(--line); border-radius: 32px;
  background: linear-gradient(150deg, rgba(104,49,129,.74), rgba(42,20,63,.82));
  box-shadow: var(--shadow); position: relative; overflow: hidden;
}
.live-board::before { content:""; position:absolute; width:230px; height:230px; border-radius:50%; left:-60px; top:-80px; background:rgba(235,133,255,.18); filter: blur(30px); }
.live-head { display:flex; justify-content:space-between; align-items:center; position:relative; z-index:1; margin-bottom:14px; }
.live-pill { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--good); }
.live-dot { width:8px; height:8px; background:var(--good); border-radius:50%; box-shadow: 0 0 0 6px rgba(118,242,191,.08); animation:pulse 2s infinite; }
@keyframes pulse { 0%,100%{box-shadow:0 0 0 5px rgba(118,242,191,.08)} 50%{box-shadow:0 0 0 10px rgba(118,242,191,.02)} }
.mini-server { position:relative; z-index:1; display:grid; grid-template-columns:54px 1fr auto; gap:12px; align-items:center; padding:13px; margin-top:9px; border-radius:18px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); }
.avatar { width:54px; height:54px; border-radius:17px; object-fit:cover; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); }
.avatar.lg { width:96px; height:96px; border-radius:28px; }
.server-name { font-weight:900; font-size:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.server-meta { color:var(--muted); font-size:12px; margin-top:4px; }
.mini-score { text-align:left; direction:ltr; }
.mini-score strong { display:block; font-size:19px; }
.mini-score span { color:var(--soft); font-size:11px; }

.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin: 24px 0 48px; }
.stat-box { min-height:114px; border:1px solid var(--line); border-radius:22px; padding:18px; background:rgba(255,255,255,.045); backdrop-filter: blur(10px); }
.stat-box span { display:block; color:var(--muted); font-size:12px; }
.stat-box strong { display:block; direction:ltr; text-align:right; font-size:30px; margin-top:8px; letter-spacing:-.03em; }
.stat-box small { color:var(--soft); display:block; margin-top:5px; }

.section { padding: 34px 0 48px; }
.section-head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:20px; }
.section-title h2 { margin:0; font-size:30px; letter-spacing:-.02em; }
.section-title p { margin:7px 0 0; color:var(--muted); }

.server-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; }
.server-card {
  position:relative; padding:18px; border:1px solid var(--line); border-radius:24px;
  background:linear-gradient(145deg, rgba(65,34,88,.72), rgba(37,19,53,.78));
  min-width:0; transition:.2s ease; overflow:hidden;
}
.server-card:hover { transform:translateY(-3px); border-color:rgba(229,144,255,.32); box-shadow:0 18px 50px rgba(0,0,0,.2); }
.server-card.featured::after { content:"مميز"; position:absolute; top:12px; left:12px; font-size:10px; color:#16081f; background:var(--accent-2); padding:5px 8px; border-radius:999px; font-weight:900; }
.card-top { display:grid; grid-template-columns:64px 1fr; gap:13px; align-items:center; min-width:0; }
.card-top .avatar { width:64px; height:64px; border-radius:19px; }
.card-name-row { display:flex; align-items:center; gap:7px; min-width:0; }
.card-name { font-size:20px; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.verified { color:var(--good); font-size:13px; }
.card-desc { color:var(--muted); font-size:12px; margin-top:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin-top:16px; }
.metric { border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.045); border-radius:15px; padding:10px 8px; text-align:center; min-width:0; }
.metric span { display:block; color:var(--soft); font-size:10px; }
.metric strong { display:block; direction:ltr; font-size:16px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; }
.metric.real strong { color:var(--good); }
.metric.sus strong { color:var(--danger); }
.card-foot { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:14px; color:var(--soft); font-size:11px; }
.rank-badge { display:inline-flex; min-width:31px; height:31px; align-items:center; justify-content:center; border-radius:10px; font-weight:950; background:rgba(255,255,255,.07); color:var(--accent-2); }

.toolbar { display:grid; grid-template-columns:minmax(220px,1fr) auto auto; gap:10px; margin:18px 0; }
.input, .select, .textarea {
  width:100%; border:1px solid var(--line); color:var(--text); background:rgba(255,255,255,.05);
  border-radius:14px; padding:12px 14px; outline:none; transition:.15s;
}
.input:focus, .select:focus, .textarea:focus { border-color:rgba(213,107,255,.5); box-shadow:0 0 0 4px rgba(213,107,255,.07); }
.select option { background:#1a0d26; color:white; }
.textarea { min-height:120px; resize:vertical; }
.field label { display:block; font-size:12px; color:var(--muted); margin-bottom:7px; }

.pagination { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:24px; }
.pagination button { min-width:40px; }

.server-hero { padding:42px 0 24px; }
.server-profile { display:grid; grid-template-columns:1fr auto; gap:24px; align-items:end; border:1px solid var(--line); border-radius:30px; padding:24px; background:linear-gradient(135deg,rgba(76,39,102,.72),rgba(30,15,43,.8)); position:relative; overflow:hidden; }
.server-profile::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(0,0,0,.12), rgba(0,0,0,.48)); pointer-events:none; }
.profile-main, .profile-actions { position:relative; z-index:1; }
.profile-main { display:flex; gap:18px; align-items:center; min-width:0; }
.profile-title h1 { margin:0; font-size:42px; letter-spacing:-.03em; overflow-wrap:anywhere; }
.profile-title p { color:var(--muted); margin:9px 0 0; line-height:1.7; }
.profile-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }
.tag { border:1px solid var(--line); background:rgba(255,255,255,.05); color:var(--muted); border-radius:999px; padding:6px 9px; font-size:11px; }
.profile-actions { display:flex; gap:9px; flex-wrap:wrap; justify-content:flex-start; }

.detail-grid { display:grid; grid-template-columns:1fr 340px; gap:18px; }
.panel { border:1px solid var(--line); border-radius:24px; background:rgba(255,255,255,.04); padding:20px; }
.panel h3 { margin:0 0 16px; font-size:18px; }
.chart-wrap { min-height:330px; position:relative; }
.chart-svg { width:100%; height:310px; overflow:visible; }
.chart-grid-line { stroke:rgba(255,255,255,.08); stroke-width:1; }
.chart-line-real { fill:none; stroke:#76f2bf; stroke-width:3; }
.chart-line-voice { fill:none; stroke:#d56bff; stroke-width:3; }
.chart-area { fill:rgba(213,107,255,.08); }
.chart-label { fill:#8f7c9d; font-size:10px; }
.chart-legend { display:flex; gap:14px; color:var(--muted); font-size:11px; margin-bottom:10px; }
.legend-dot { width:8px; height:8px; border-radius:50%; display:inline-block; margin-left:6px; }
.legend-dot.real { background:var(--good); }
.legend-dot.voice { background:var(--accent); }
.range-tabs { display:flex; gap:7px; flex-wrap:wrap; margin-right:auto; }
.range-tabs button.active { background:rgba(213,107,255,.15); color:var(--accent-2); border-color:rgba(213,107,255,.28); }
.info-list { display:grid; gap:10px; }
.info-row { display:flex; justify-content:space-between; gap:14px; border-bottom:1px solid rgba(255,255,255,.06); padding-bottom:10px; color:var(--muted); font-size:13px; }
.info-row strong { color:var(--text); text-align:left; direction:ltr; max-width:65%; overflow-wrap:anywhere; }

.admin-wrap { padding:40px 0 70px; }
.admin-grid { display:grid; grid-template-columns:360px 1fr; gap:18px; align-items:start; }
.admin-side { position:sticky; top:96px; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.form-grid .full { grid-column:1 / -1; }
.check-row { display:flex; gap:14px; flex-wrap:wrap; }
.check { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:13px; }
.table-wrap { overflow:auto; border:1px solid var(--line); border-radius:20px; }
.table { width:100%; border-collapse:collapse; min-width:960px; }
.table th, .table td { text-align:right; padding:12px; border-bottom:1px solid rgba(255,255,255,.07); font-size:12px; vertical-align:middle; }
.table th { color:var(--soft); background:rgba(255,255,255,.04); font-weight:800; position:sticky; top:0; }
.table td { color:var(--muted); }
.table td strong { color:var(--text); }
.table-actions { display:flex; gap:6px; }
.status-dot { display:inline-flex; width:8px; height:8px; border-radius:50%; margin-left:6px; background:var(--soft); }
.status-dot.on { background:var(--good); }

.auth-card { max-width:560px; margin:90px auto; text-align:center; padding:36px; border:1px solid var(--line); border-radius:28px; background:rgba(255,255,255,.045); }
.auth-card h1 { margin:0 0 12px; }
.auth-card p { color:var(--muted); line-height:1.8; }

.toast { position:fixed; left:22px; bottom:22px; z-index:100; max-width:360px; border:1px solid var(--line); background:rgba(25,13,35,.94); color:white; border-radius:15px; padding:12px 15px; box-shadow:var(--shadow); opacity:0; transform:translateY(10px); pointer-events:none; transition:.2s; }
.toast.show { opacity:1; transform:translateY(0); }
.toast.error { border-color:rgba(255,127,159,.35); }

.empty { padding:48px 20px; text-align:center; color:var(--muted); border:1px dashed var(--line); border-radius:22px; }
.skeleton { background:linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.09), rgba(255,255,255,.04)); background-size:200% 100%; animation:shimmer 1.5s infinite; border-radius:18px; min-height:180px; }
@keyframes shimmer { to { background-position:-200% 0; } }

.footer { margin-top:48px; border-top:1px solid rgba(255,255,255,.07); padding:24px 0 40px; color:var(--soft); font-size:12px; }
.footer-inner { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; }

@media (max-width: 1100px) {
  .server-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .detail-grid { grid-template-columns:1fr; }
  .admin-grid { grid-template-columns:1fr; }
  .admin-side { position:static; }
}

@media (max-width: 820px) {
  .shell { width:min(100% - 22px, 1480px); }
  .nav-inner { min-height:68px; gap:10px; }
  .nav-links { display:none; position:absolute; top:68px; right:11px; left:11px; padding:10px; flex-direction:column; align-items:stretch; background:rgba(20,10,30,.98); border:1px solid var(--line); border-radius:18px; }
  .nav-links.open { display:flex; }
  .menu-btn { display:inline-flex; }
  .nav-actions .btn.primary { display:none; }
  .hero { padding-top:42px; }
  .hero-grid { grid-template-columns:1fr; }
  .hero h1 { font-size:52px; }
  .stats-grid { grid-template-columns:repeat(2,1fr); }
  .toolbar { grid-template-columns:1fr 1fr; }
  .toolbar .search { grid-column:1 / -1; }
  .server-profile { grid-template-columns:1fr; align-items:start; }
  .profile-main { align-items:flex-start; }
  .profile-title h1 { font-size:34px; }
  .metrics { grid-template-columns:repeat(2,1fr); }
  .form-grid { grid-template-columns:1fr; }
  .form-grid .full { grid-column:auto; }
}

@media (max-width: 560px) {
  .brand-copy span { display:none; }
  .brand-mark { width:36px; height:36px; border-radius:12px; }
  .hero h1 { font-size:42px; }
  .server-grid { grid-template-columns:1fr; }
  .stats-grid { grid-template-columns:1fr 1fr; gap:8px; }
  .stat-box { min-height:96px; padding:14px; }
  .stat-box strong { font-size:25px; }
  .section-head { align-items:flex-start; flex-direction:column; }
  .toolbar { grid-template-columns:1fr; }
  .toolbar .search { grid-column:auto; }
  .profile-main { flex-direction:column; }
  .profile-actions { width:100%; }
  .profile-actions .btn { flex:1; }
  .avatar.lg { width:82px; height:82px; }
}

/* ==========================================================
   TopVoice UI V2 - responsive public experience
   ========================================================== */
:root {
  --shell-max: 1540px;
}

body { overflow-x: hidden; }
.shell { width: min(var(--shell-max), calc(100% - 40px)); }
.nav-inner { min-height: 72px; }
.desktop-cta { white-space: nowrap; }
.gradient-text {
  background: linear-gradient(100deg, #fff 10%, var(--accent-2) 48%, #a88cff 92%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.hero { padding: clamp(44px, 6vw, 88px) 0 34px; }
.hero-grid { grid-template-columns: minmax(0,1.08fr) minmax(380px,.92fr); gap: clamp(24px,4vw,58px); }
.hero-copy { min-width: 0; }
.hero h1 { font-size: clamp(46px, 6.4vw, 94px); margin-top: 14px; }
.hero p { max-width: 760px; }
.hero-note { display:flex; align-items:center; gap:9px; }
.live-dot.tiny { width:6px; height:6px; flex:0 0 auto; }
.live-updated { color:var(--soft);font-size:11px;margin-top:4px; }
.live-board { padding:20px; border-radius:30px; }
.mini-server { grid-template-columns: 50px minmax(0,1fr) auto; padding:12px; }
.mini-server .avatar { width:50px; height:50px; border-radius:15px; }
.mini-copy { min-width:0; }
.mini-rank { color:var(--accent-2); margin-left:6px; font-size:12px; }
.compact-skeleton { margin-top:9px; min-height:70px; }
.small-empty { padding:24px 12px; }
.summary-wrap { position:relative; z-index:2; }
.good-number { color:var(--good); }

.stats-grid { gap:14px; margin: 20px 0 54px; }
.stat-box { min-height:118px; padding:18px 20px; background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.028)); }
.stat-box strong { font-size:clamp(27px,3vw,36px); }

.section { padding: 38px 0 58px; }
.section-title h1, .section-title h2 { margin:0; font-size:clamp(28px,3vw,38px); letter-spacing:-.025em; }
.simple-head { margin-bottom:22px; }
.server-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.server-card { padding:16px; border-radius:22px; }
.server-card::before { content:""; position:absolute; inset:0; background:linear-gradient(145deg,rgba(255,255,255,.018),transparent 52%); pointer-events:none; }
.card-top { grid-template-columns:58px minmax(0,1fr); }
.card-top .avatar { width:58px; height:58px; border-radius:17px; }
.card-name { font-size:18px; }
.metrics { gap:6px; }
.metric { padding:9px 6px; }
.metric span { font-size:9px; }
.metric strong { font-size:15px; }
.card-foot { line-height:1.55; }

.feature-section { padding-top:16px; }
.feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.feature-card { position:relative; padding:24px; min-height:190px; border:1px solid var(--line); border-radius:24px; background:rgba(255,255,255,.035); overflow:hidden; }
.feature-card::after { content:""; position:absolute; width:130px; height:130px; left:-55px; bottom:-65px; background:rgba(213,107,255,.08); border-radius:50%; filter:blur(10px); }
.feature-no { color:var(--accent-2); font-size:12px; font-weight:900; letter-spacing:.12em; }
.feature-card h3 { margin:26px 0 9px; font-size:20px; }
.feature-card p { margin:0; color:var(--muted); line-height:1.8; font-size:14px; }

.directory-page { min-height:70vh; padding-top:52px; }
.directory-head { align-items:center; }
.result-pill { min-width:112px; padding:12px 16px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.04); text-align:center; }
.result-pill strong { display:block; font-size:19px; }
.result-pill span { display:block; color:var(--soft); font-size:10px; margin-top:3px; }
.quick-sorts { display:flex; gap:8px; flex-wrap:wrap; margin: 4px 0 12px; }
.sticky-toolbar { position:sticky; top:82px; z-index:18; padding:10px; margin-inline:-10px; border:1px solid rgba(255,255,255,.07); background:rgba(15,7,24,.88); backdrop-filter:blur(18px); border-radius:18px; }

.footer { padding:28px 0 38px; }
.footer-inner { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; }
.footer-inner > div:first-child { display:flex; flex-direction:column; gap:4px; }
.footer-inner strong { color:var(--text); }
.footer-credit { text-align:center; color:var(--muted); }
.footer-credit strong { color:var(--accent-2); }
.footer-note { text-align:left; }

@media (max-width: 1320px) {
  .server-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .hero-grid { grid-template-columns:minmax(0,1fr) minmax(360px,.85fr); }
}

@media (max-width: 980px) {
  .shell { width:min(100% - 28px, var(--shell-max)); }
  .server-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hero-grid { grid-template-columns:1fr; }
  .live-board { max-width:none; }
  .feature-grid { grid-template-columns:1fr 1fr; }
  .feature-card:last-child { grid-column:1 / -1; }
  .footer-inner { grid-template-columns:1fr auto; }
  .footer-note { grid-column:1/-1; text-align:right; }
}

@media (max-width: 820px) {
  .shell { width:min(100% - 22px, var(--shell-max)); }
  .nav-inner { min-height:64px; }
  .nav-links { top:64px; box-shadow:0 20px 50px rgba(0,0,0,.34); }
  .desktop-cta { display:none !important; }
  .hero { padding-top:34px; }
  .hero h1 { font-size:clamp(44px,13vw,66px); }
  .hero p { font-size:16px; line-height:1.85; }
  .stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .toolbar { grid-template-columns:1fr 1fr; }
  .toolbar .search { grid-column:1/-1; }
  .sticky-toolbar { top:72px; }
  .server-profile { padding:18px; }
}

@media (max-width: 620px) {
  .shell { width:min(100% - 18px, var(--shell-max)); }
  .brand { gap:9px; }
  .brand-copy strong { font-size:16px; }
  .brand-copy span { display:none; }
  .brand-mark { width:36px; height:36px; border-radius:12px; font-size:17px; }
  .hero { padding:28px 0 20px; }
  .hero h1 { font-size:clamp(42px,14vw,58px); line-height:1.02; }
  .hero-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .hero-actions .btn { width:100%; padding-inline:10px; }
  .live-board { padding:14px; border-radius:22px; }
  .mini-server { grid-template-columns:44px minmax(0,1fr) auto; gap:9px; padding:10px; }
  .mini-server .avatar { width:44px; height:44px; border-radius:13px; }
  .server-name { font-size:14px; }
  .server-meta { font-size:10px; }
  .mini-score strong { font-size:16px; }
  .stats-grid { gap:8px; margin-bottom:36px; }
  .stat-box { min-height:94px; padding:13px; border-radius:17px; }
  .stat-box span { font-size:10px; }
  .stat-box strong { font-size:24px; }
  .stat-box small { font-size:10px; }
  .section { padding:28px 0 38px; }
  .section-head { gap:12px; }
  .section-title h1, .section-title h2 { font-size:27px; }
  .section-title p { font-size:13px; line-height:1.7; }
  .server-grid { grid-template-columns:1fr; gap:10px; }
  .server-card { padding:14px; border-radius:19px; }
  .card-top { grid-template-columns:52px minmax(0,1fr); }
  .card-top .avatar { width:52px; height:52px; border-radius:15px; }
  .card-name { font-size:17px; }
  .metrics { grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:13px; }
  .metric { padding:8px 4px; border-radius:12px; }
  .metric strong { font-size:14px; }
  .card-foot { flex-direction:column; align-items:flex-start; gap:4px; }
  .feature-grid { grid-template-columns:1fr; }
  .feature-card:last-child { grid-column:auto; }
  .feature-card { min-height:150px; padding:18px; }
  .feature-card h3 { margin-top:18px; }
  .directory-page { padding-top:34px; }
  .directory-head { flex-direction:row; align-items:flex-end; }
  .result-pill { min-width:94px; padding:10px; }
  .toolbar { grid-template-columns:1fr; padding:8px; }
  .toolbar .search { grid-column:auto; }
  .sticky-toolbar { top:70px; margin-inline:-4px; }
  .quick-sorts { overflow-x:auto; flex-wrap:nowrap; padding-bottom:3px; scrollbar-width:none; }
  .quick-sorts::-webkit-scrollbar { display:none; }
  .quick-sorts .btn { flex:0 0 auto; }
  .footer-inner { display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
  .footer-credit { text-align:right; }
  .footer-note { text-align:right; }
  .profile-title h1 { font-size:30px; }
  .profile-actions { display:grid; grid-template-columns:1fr; }
  .profile-actions .btn { width:100%; }
}

@media (max-width: 390px) {
  .hero-actions { grid-template-columns:1fr; }
  .stats-grid { grid-template-columns:1fr 1fr; }
  .metrics { gap:4px; }
  .metric span { font-size:8px; }
  .metric strong { font-size:13px; }
  .directory-head { align-items:flex-start; flex-direction:column; }
}

/* TopVoice Transfer Board */
.transfer-head{align-items:flex-end}.transfer-form-card{margin:18px 0 26px;padding:22px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.035)}.transfer-form-card[hidden]{display:none}.transfer-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.transfer-form-grid .full{grid-column:1/-1}.transfer-submit-row{display:flex;align-items:center;gap:12px}.transfer-check{height:100%;display:flex;align-items:center}.hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.transfer-toolbar{display:flex;gap:7px;align-items:baseline;margin:12px 0 16px;color:var(--muted)}.transfer-toolbar strong{color:var(--text);font-size:22px}.transfer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.transfer-card,.admin-transfer-card{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.035);padding:18px}.transfer-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.transfer-card h3,.admin-transfer-card h3{margin:5px 0 0;font-size:19px}.transfer-code{color:var(--soft);font-size:10px;letter-spacing:.08em}.transfer-total{white-space:nowrap;padding:8px 10px;border-radius:12px;background:rgba(213,107,255,.1);color:var(--accent-2);font-weight:800}.transfer-source,.transfer-role,.transfer-contact,.transfer-req{display:flex;justify-content:space-between;gap:12px;margin-top:13px;padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.035)}.transfer-source span,.transfer-role span,.transfer-contact span{color:var(--soft);font-size:11px}.transfer-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.transfer-numbers>div{padding:10px 6px;text-align:center;border:1px solid rgba(255,255,255,.07);border-radius:12px}.transfer-numbers span{display:block;color:var(--soft);font-size:9px}.transfer-numbers strong{display:block;margin-top:4px}.transfer-info{color:var(--muted);line-height:1.8;white-space:pre-wrap}.transfer-req{display:block}.transfer-req strong{display:block;margin-bottom:5px}.transfer-req span{color:var(--muted);line-height:1.7;white-space:pre-wrap}.admin-transfer-section{padding-top:16px}.admin-transfer-filter{width:min(240px,100%)}.admin-transfer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-transfer-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin:10px 0}.admin-transfer-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.status-pill{font-size:10px;font-weight:800;border-radius:999px;padding:7px 9px}.status-pending{background:rgba(255,197,61,.12);color:#ffd36a}.status-approved{background:rgba(79,220,154,.12);color:#6ce5aa}.status-rejected{background:rgba(255,92,121,.12);color:#ff7891}.status-archived{background:rgba(255,255,255,.08);color:var(--muted)}
@media(max-width:1050px){.transfer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-transfer-grid{grid-template-columns:1fr}}@media(max-width:680px){.transfer-form-grid{grid-template-columns:1fr}.transfer-form-grid .full{grid-column:auto}.transfer-grid{grid-template-columns:1fr}.transfer-submit-row{align-items:stretch;flex-direction:column}.transfer-head{align-items:flex-start}.transfer-head .btn{width:100%}.transfer-numbers{grid-template-columns:repeat(3,minmax(0,1fr))}.transfer-source,.transfer-role,.transfer-contact{align-items:flex-start;flex-direction:column}.admin-transfer-filter{width:100%}}

/* =========================================================
   TopVoice Transfer Market V2
   ========================================================= */
.market-page{min-height:70vh}.market-hero{padding:64px 0 34px}.market-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);gap:24px;align-items:stretch}.market-hero h1{font-size:clamp(40px,6vw,76px);line-height:.98;letter-spacing:-.055em;margin:10px 0 18px;max-width:880px}.market-hero p{font-size:17px;line-height:1.9;color:var(--muted);max-width:760px;margin:0}.market-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.security-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:20px;color:var(--soft);font-size:12px}.security-strip strong{color:var(--good)}.security-dot{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 5px rgba(118,242,191,.08)}.market-review-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:20px;color:var(--soft);font-size:12px}.market-review-note strong{color:var(--good)}
.market-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(77,39,103,.68),rgba(28,14,42,.82));box-shadow:var(--shadow)}.market-stats>div{min-height:122px;padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:19px;background:rgba(255,255,255,.035);display:flex;flex-direction:column;justify-content:space-between}.market-stats span{color:var(--soft);font-size:11px}.market-stats strong{font-size:32px;direction:ltr;text-align:right}
.market-switch,.form-type-switch{display:flex;gap:8px;flex-wrap:wrap}.market-tab,.form-type-btn{border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--muted);border-radius:15px;padding:11px 15px;transition:.18s}.market-tab:hover,.market-tab.active,.form-type-btn:hover,.form-type-btn.active{color:var(--text);border-color:rgba(213,107,255,.38);background:rgba(213,107,255,.11)}.form-type-switch{display:grid;grid-template-columns:1fr 1fr;margin:18px 0 20px}.form-type-btn{text-align:right;padding:16px}.form-type-btn strong,.form-type-btn span{display:block}.form-type-btn strong{font-size:16px}.form-type-btn span{font-size:11px;color:var(--soft);margin-top:5px}
.market-toolbar{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(150px,.6fr) minmax(130px,.55fr) 110px 110px auto;gap:9px;margin:18px 0}.market-result-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:15px 0}.market-result-head strong{font-size:22px}.market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.market-empty{grid-column:1/-1}
.market-card{position:relative;border:1px solid var(--line);border-radius:24px;padding:18px;background:linear-gradient(145deg,rgba(63,32,86,.7),rgba(31,16,45,.83));overflow:hidden;min-width:0;transition:.18s}.market-card:hover{transform:translateY(-2px);border-color:rgba(213,107,255,.3)}.market-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--accent),transparent)}.market-card-server::before{background:linear-gradient(90deg,var(--good),transparent)}.market-card.is-matched{opacity:.72;filter:saturate(.7)}.market-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.market-card h3{margin:8px 0 4px;font-size:20px;overflow-wrap:anywhere}.market-badges{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.market-kind,.market-status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900}.market-kind.group{background:rgba(213,107,255,.13);color:var(--accent-2)}.market-kind.server{background:rgba(118,242,191,.11);color:var(--good)}.market-status.approved{background:rgba(118,242,191,.1);color:var(--good)}.market-status.matched{background:rgba(255,255,255,.08);color:var(--muted)}.market-code{font-size:9px;color:var(--soft);letter-spacing:.07em}.market-big-number{min-width:92px;text-align:center;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:10px;background:rgba(255,255,255,.035)}.market-big-number strong{display:block;font-size:25px;direction:ltr}.market-big-number span{display:block;font-size:9px;color:var(--soft);margin-top:3px}.market-server-line,.market-contact{display:flex;justify-content:space-between;gap:12px;margin-top:13px;padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.035)}.market-server-line span,.market-contact span{color:var(--soft);font-size:11px}.market-server-line strong,.market-contact strong{overflow-wrap:anywhere}.market-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.market-metrics>div{padding:10px 7px;text-align:center;border:1px solid rgba(255,255,255,.07);border-radius:13px;min-width:0}.market-metrics>div.wide{grid-column:span 2}.market-metrics span{display:block;color:var(--soft);font-size:9px}.market-metrics strong{display:block;margin-top:5px;direction:ltr;overflow:hidden;text-overflow:ellipsis}.market-metrics .metric-text{direction:rtl;font-size:12px;white-space:nowrap}.market-copy{margin-top:14px}.market-copy>strong{font-size:13px}.market-copy p,.market-note p{margin:6px 0 0;color:var(--muted);line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.market-note{margin-top:12px;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:11px 12px;background:rgba(255,255,255,.025)}.market-note span{font-size:11px;color:var(--accent-2);font-weight:800}.market-card-foot{display:flex;justify-content:space-between;gap:10px;margin-top:13px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);font-size:10px;color:var(--soft)}
.market-form-section{padding:10px 0 54px}.market-form-section[hidden]{display:none}.market-form-card{border:1px solid var(--line);border-radius:30px;padding:24px;background:linear-gradient(145deg,rgba(69,35,94,.74),rgba(25,13,37,.9));box-shadow:var(--shadow)}.market-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.market-form>.full,.market-subform.full{grid-column:1/-1}.market-subform{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.market-subform>.full{grid-column:1/-1}.market-subform[hidden]{display:none}.field-hint{color:var(--soft);font-size:10px;margin-top:6px}.market-contact-check{min-height:48px}.form-security-box{display:flex;gap:9px;align-items:flex-start;border:1px solid rgba(118,242,191,.14);border-radius:16px;background:rgba(118,242,191,.045);padding:13px;color:var(--muted);font-size:11px;line-height:1.7}.form-security-box strong{color:var(--good);white-space:nowrap}.market-submit-row{display:flex;align-items:center;gap:12px}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.admin-field{margin-top:10px}.admin-checks{margin:12px 0}.modal-overlay{display:none;place-items:center;position:fixed;inset:0;background:rgba(5,2,8,.78);z-index:120;padding:18px}.modal{width:min(720px,100%);max-height:92vh;overflow:auto;background:#1c0e29;border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:var(--shadow)}.modal-actions{display:flex;gap:8px;margin-top:14px}.admin-market-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}.admin-market-filters{display:flex;gap:8px;min-width:min(100%,480px)}.admin-market-filters .select{min-width:0}.admin-transfer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-transfer-card{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.035);padding:18px;min-width:0}.admin-transfer-card h3{margin:7px 0 0}.admin-market-copy p{white-space:pre-wrap;color:var(--muted);line-height:1.7}.admin-transfer-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin:10px 0}.admin-transfer-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.status-pill{font-size:10px;font-weight:800;border-radius:999px;padding:7px 9px}.status-pending{background:rgba(255,197,61,.12);color:#ffd36a}.status-approved{background:rgba(79,220,154,.12);color:#6ce5aa}.status-matched{background:rgba(143,84,255,.16);color:#c7a8ff}.status-rejected{background:rgba(255,92,121,.12);color:#ff7891}.status-archived{background:rgba(255,255,255,.08);color:var(--muted)}.btn.success{border-color:rgba(118,242,191,.22);background:rgba(118,242,191,.08);color:var(--good)}

@media(max-width:1180px){.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-toolbar{grid-template-columns:1fr 1fr 1fr}.market-search{grid-column:1/-1}.admin-transfer-grid{grid-template-columns:1fr}}
@media(max-width:900px){.market-hero-grid{grid-template-columns:1fr}.market-stats{grid-template-columns:repeat(4,1fr)}.market-stats>div{min-height:100px}.market-stats strong{font-size:25px}.admin-market-head{align-items:stretch;flex-direction:column}.admin-market-filters{min-width:0;width:100%}}
@media(max-width:680px){.market-hero{padding-top:38px}.market-hero h1{font-size:44px}.market-stats{grid-template-columns:1fr 1fr}.market-switch{display:grid;grid-template-columns:1fr}.market-tab{width:100%;text-align:center}.market-toolbar{grid-template-columns:1fr 1fr}.market-search{grid-column:1/-1}.market-grid{grid-template-columns:1fr}.market-card-top{flex-direction:column}.market-big-number{width:100%;display:flex;align-items:baseline;justify-content:center;gap:7px}.market-metrics{grid-template-columns:1fr 1fr}.market-metrics>div.wide{grid-column:span 2}.market-form-card{padding:16px;border-radius:22px}.market-form,.market-subform{grid-template-columns:1fr}.market-form>.full,.market-subform>.full{grid-column:auto}.form-type-switch{grid-template-columns:1fr}.market-submit-row{align-items:stretch;flex-direction:column}.market-submit-row .btn{width:100%}.market-result-head{align-items:flex-start;flex-direction:column}.admin-market-filters{flex-direction:column}.market-server-line,.market-contact{flex-direction:column;align-items:flex-start}.form-security-box{flex-direction:column}}
@media(max-width:430px){.market-toolbar{grid-template-columns:1fr}.market-search{grid-column:auto}.market-stats>div{min-height:88px;padding:12px}.market-stats strong{font-size:22px}.market-card{padding:15px}.market-hero-actions .btn{width:100%}.market-metrics{grid-template-columns:1fr 1fr}.security-strip{align-items:flex-start}.footer-inner{flex-direction:column}}