*{box-sizing:border-box}:root{--bg:#060814;--panel:rgba(17,24,48,.82);--border:rgba(148,163,184,.18);--text:#f8fafc;--muted:#94a3b8;--purple:#8b5cf6;--blue:#38bdf8;--green:#22c55e}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top left,rgba(139,92,246,.25),transparent 32%),radial-gradient(circle at top right,rgba(56,189,248,.16),transparent 28%),var(--bg);color:var(--text);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 80%);z-index:0}.page{position:relative;z-index:1;display:flex;min-height:100vh}.sidebar{width:290px;height:100vh;position:fixed;padding:28px;border-right:1px solid var(--border);background:rgba(6,8,20,.72);backdrop-filter:blur(22px)}.brand{display:flex;align-items:center;gap:14px;margin-bottom:36px}.logo{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--purple),var(--blue));font-weight:900;box-shadow:0 0 35px rgba(139,92,246,.45)}.brand h2{margin:0;font-size:18px}.brand span{color:var(--muted);font-size:12px}nav{display:grid;gap:8px}nav a{color:#cbd5e1;text-decoration:none;padding:13px 14px;border-radius:14px;font-weight:700;transition:.2s}nav a:hover,nav a.active{background:rgba(139,92,246,.14);color:white;transform:translateX(4px)}.user-card{position:absolute;left:28px;right:28px;bottom:28px;display:flex;align-items:center;gap:12px;background:rgba(15,23,42,.9);border:1px solid var(--border);padding:14px;border-radius:18px}.avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--blue));font-weight:900;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.user-card strong,.user-card span{display:block}.user-card span{color:var(--muted);font-size:12px}.content{margin-left:290px;padding:34px;width:calc(100% - 290px)}.hero{min-height:470px;display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:center;background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(49,46,129,.72)),radial-gradient(circle at 85% 20%,rgba(56,189,248,.22),transparent 30%);border:1px solid var(--border);border-radius:32px;padding:44px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.28)}.badge,.eyebrow,.pro-badge,.save-badge,.plan-label{display:inline-flex;align-items:center;width:fit-content;color:#bfdbfe;background:rgba(59,130,246,.14);border:1px solid rgba(147,197,253,.18);padding:8px 12px;border-radius:999px;font-weight:800;font-size:12px;letter-spacing:.02em}.hero h1{margin:18px 0;font-size:clamp(40px,5vw,72px);line-height:.95;letter-spacing:-.06em}.hero p{max-width:720px;color:#cbd5e1;font-size:18px;line-height:1.7}.hero-actions,.quick-prompts{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}button,.button{border:none;color:white;padding:14px 18px;border-radius:15px;font-weight:900;cursor:pointer;transition:.2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}button:hover,.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,var(--purple),var(--blue));box-shadow:0 0 28px rgba(139,92,246,.35)}.secondary{background:rgba(30,41,59,.86);border:1px solid var(--border)}.mini-button{padding:9px 12px;background:rgba(139,92,246,.18);border:1px solid rgba(139,92,246,.4)}.full{width:100%}.trusted{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;color:#cbd5e1;font-weight:700}.trusted span{background:rgba(255,255,255,.06);border:1px solid var(--border);padding:10px 12px;border-radius:14px}.discord-mockup{background:rgba(2,6,23,.76);border:1px solid var(--border);border-radius:26px;padding:18px;box-shadow:0 0 60px rgba(56,189,248,.14);animation:float 5s ease-in-out infinite}.mock-header{display:flex;align-items:center;gap:8px;color:var(--muted);margin-bottom:14px}.mock-header span{width:11px;height:11px;background:#475569;border-radius:50%}.mock-header p{margin:0 0 0 8px;font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:26px 0}.stat-card,.panel,.price-card,.template-card{background:var(--panel);border:1px solid var(--border);border-radius:26px;padding:24px;backdrop-filter:blur(20px)}.stat-card{display:flex;align-items:center;gap:16px}.stat-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:rgba(139,92,246,.16);font-size:22px}.stat-card p{margin:0;color:var(--muted);font-size:13px;font-weight:800}.stat-card h3{margin:4px 0 0;font-size:25px}.builder-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;margin-top:22px}.section-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.section-title h2{margin:8px 0 0;font-size:28px;letter-spacing:-.03em}textarea{width:100%;min-height:180px;background:rgba(2,6,23,.72);border:1px solid var(--border);color:white;border-radius:20px;padding:18px;font-size:15px;line-height:1.6;outline:none;resize:vertical}textarea:focus,input:focus{border-color:rgba(139,92,246,.8);box-shadow:0 0 0 4px rgba(139,92,246,.12)}.quick-prompts button{padding:10px 13px;font-size:13px;background:rgba(255,255,255,.07);border:1px solid var(--border)}.loading{margin-top:16px;display:flex;gap:12px;align-items:center;color:var(--muted);font-weight:800}.loading span{width:18px;height:18px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite}.hidden{display:none}.server-preview{min-height:380px;background:rgba(2,6,23,.66);border:1px solid var(--border);border-radius:22px;padding:18px}.server-preview.small{min-height:auto}.category{margin-top:18px;margin-bottom:8px;color:#94a3b8;font-size:12px;font-weight:900;letter-spacing:.08em}.channel,.role-pill{padding:10px 12px;margin:6px 0;border-radius:12px;color:#cbd5e1;background:transparent;transition:.2s}.channel:hover,.active-channel{background:rgba(148,163,184,.12);color:white}.roles-box{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.role-pill{margin:0;border:1px solid rgba(139,92,246,.25);background:rgba(139,92,246,.12);font-size:13px;font-weight:800}.empty-state{height:340px;display:grid;place-content:center;text-align:center;color:var(--muted)}.empty-state div{font-size:50px}.empty-state h3{color:white;margin-bottom:0}.templates{margin:28px 0}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.template-card{min-height:150px;display:flex;flex-direction:column;gap:10px;font-size:34px;transition:.2s}.template-card:hover{transform:translateY(-4px);border-color:rgba(139,92,246,.7)}.template-card strong{font-size:18px}.template-card span{color:var(--muted);font-size:14px}.pricing{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;margin-top:24px;margin-bottom:40px}.price-card{position:relative}.price-card h2{font-size:42px;margin:14px 0 4px}.price-card h2 span{color:var(--muted);font-size:16px}.price-card p,.price-card li{color:#cbd5e1}.price-card ul{list-style:none;padding:0;display:grid;gap:10px}.pro{border-color:rgba(139,92,246,.72);box-shadow:0 0 46px rgba(139,92,246,.18)}.popular{position:absolute;right:22px;top:-14px;background:linear-gradient(135deg,var(--purple),var(--blue));padding:8px 12px;border-radius:999px;font-size:11px;font-weight:900}input{width:100%;padding:15px;border-radius:15px;background:rgba(2,6,23,.72);color:white;border:1px solid var(--border);margin:10px 0 12px;outline:none}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.hero,.builder-layout,.pricing{grid-template-columns:1fr}.stats-grid,.template-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.sidebar{position:static;width:100%;height:auto}.user-card{position:static;margin-top:20px}.page{display:block}.content{width:100%;margin-left:0;padding:18px}.stats-grid,.template-grid{grid-template-columns:1fr}.hero{padding:28px}}
.admin-panel {
  margin: 28px 0;
  border-color: rgba(251, 191, 36, .45);
  box-shadow: 0 0 42px rgba(251, 191, 36, .08);
}

.admin-help {
  color: #cbd5e1;
  line-height: 1.6;
}

.admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 18px 0;
}

.admin-users {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

.admin-user-card {
  display: grid;
  grid-template-columns: 52px 1fr auto;
  gap: 14px;
  align-items: center;
  background: rgba(2, 6, 23, .58);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 14px;
}

.admin-user-card img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.admin-user-card h4 {
  margin: 0;
}

.admin-user-card p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.admin-user-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.muted {
  color: var(--muted);
}

@media(max-width:820px) {
  .admin-user-card {
    grid-template-columns: 1fr;
  }
}

.module-panel {
  margin-top: 28px;
}

.module-result {
  margin-top: 16px;
  display: grid;
  gap: 12px;
}

.two-grid {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 20px;
}

.result-card {
  background: rgba(2, 6, 23, .58);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 16px;
  color: #cbd5e1;
}

.result-card h3,
.result-card h4 {
  margin-top: 0;
  color: white;
}

.result-card ul {
  margin: 10px 0 0;
  padding-left: 20px;
}

.kpi-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.kpi {
  background: rgba(139, 92, 246, .12);
  border: 1px solid rgba(139, 92, 246, .25);
  border-radius: 16px;
  padding: 14px;
}

.kpi strong {
  display: block;
  font-size: 28px;
  color: white;
}

.kpi span {
  color: var(--muted);
  font-size: 13px;
}

.identity-header {
  display: grid;
  gap: 8px;
  margin-bottom: 14px;
}

.bot-card {
  border-left: 4px solid var(--purple);
}

.ticket-status {
  width: fit-content;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
  background: rgba(34, 197, 94, .14);
  color: #86efac;
}

@media(max-width: 900px) {
  .two-grid,
  .kpi-grid {
    grid-template-columns: 1fr;
  }
}

.module-panel {
  margin-top: 28px;
}

.module-result {
  margin-top: 16px;
  display: grid;
  gap: 12px;
}

.two-grid {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 20px;
}

.result-card {
  background: rgba(2, 6, 23, .58);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 16px;
  color: #cbd5e1;
}

.result-card h3,
.result-card h4 {
  margin-top: 0;
  color: white;
}

.result-card ul {
  margin: 10px 0 0;
  padding-left: 20px;
}

.kpi-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.kpi {
  background: rgba(139, 92, 246, .12);
  border: 1px solid rgba(139, 92, 246, .25);
  border-radius: 16px;
  padding: 14px;
}

.kpi strong {
  display: block;
  font-size: 28px;
  color: white;
}

.kpi span {
  color: var(--muted);
  font-size: 13px;
}

.identity-header {
  display: grid;
  gap: 8px;
  margin-bottom: 14px;
}

.bot-card {
  border-left: 4px solid var(--purple);
}

.ticket-status {
  width: fit-content;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
  background: rgba(34, 197, 94, .14);
  color: #86efac;
}

.admin-panel {
  margin: 28px 0;
  border-color: rgba(251, 191, 36, .45);
  box-shadow: 0 0 42px rgba(251, 191, 36, .08);
}

.admin-help {
  color: #cbd5e1;
  line-height: 1.6;
}

.admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 18px 0;
}

.admin-users {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

.admin-user-card {
  display: grid;
  grid-template-columns: 52px 1fr auto;
  gap: 14px;
  align-items: center;
  background: rgba(2, 6, 23, .58);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 14px;
}

.admin-user-card img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.admin-user-card h4 {
  margin: 0;
}

.admin-user-card p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.admin-user-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.muted {
  color: var(--muted);
}

@media(max-width: 900px) {
  .two-grid,
  .kpi-grid {
    grid-template-columns: 1fr;
  }

  .admin-user-card {
    grid-template-columns: 1fr;
  }
}

.deploy-actions {
  margin-top: 18px;
}

.create-server-button {
  font-size: 16px;
  padding: 16px 20px;
}

.small-note {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.5;
}

.success-card {
  background: rgba(34, 197, 94, .12);
  border: 1px solid rgba(34, 197, 94, .28);
  border-radius: 18px;
  padding: 16px;
  color: #bbf7d0;
}

.error-card {
  background: rgba(239, 68, 68, .12);
  border: 1px solid rgba(239, 68, 68, .28);
  border-radius: 18px;
  padding: 16px;
  color: #fecaca;
}

.select-input {
  width: 100%;
  padding: 14px 15px;
  border-radius: 15px;
  background: rgba(2, 6, 23, .72);
  color: white;
  border: 1px solid var(--border);
  margin: 8px 0 14px;
  outline: none;
}

.field-label {
  display: block;
  color: #cbd5e1;
  font-weight: 800;
  font-size: 13px;
  margin: 8px 0 6px;
}

.suggestion-draft {
  background: rgba(56, 189, 248, .10);
  border: 1px solid rgba(56, 189, 248, .22);
  border-radius: 14px;
  padding: 12px;
  margin: 12px 0;
  color: #dbeafe;
}

.feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
@media(max-width: 900px) {
  .feature-grid { grid-template-columns: 1fr; }
}

.admin-pro-manager {
  display: grid;
  gap: 10px;
  margin: 18px 0;
}

.admin-pro-manager input,
.admin-pro-manager select {
  width: 100%;
}

.admin-user-card {
  grid-template-columns: 52px 1fr auto;
}

@media(max-width: 900px) {
  .admin-user-card {
    grid-template-columns: 1fr;
  }
}