:root {
  --bg: #050505;
  --panel: #111111;
  --panel-soft: #0b0b0b;
  --nav: #000000;
  --text: #f5f5f5;
  --muted: #b8b8b8;
  --subtle: #777777;
  --line: #2a0000;
  --line-strong: #330000;
  --input-line: #550000;
  --accent: #ff1a1a;
  --accent-dark: #b00000;
  --danger: #7a0000;
  --danger-hover: #ff0000;
  --inactive: #242424;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: Arial, Helvetica, sans-serif;
  background: var(--bg);
  color: var(--text);
}

a {
  color: var(--accent);
  text-decoration: none;
}

a:hover {
  color: #ffffff;
}

.topbar {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 12px 28px;
  background: var(--nav);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.45);
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: var(--accent);
  font-weight: 800;
  letter-spacing: 0;
}

.brand-logo {
  max-height: 42px;
  max-width: 160px;
  object-fit: contain;
}

.brand-fallback {
  display: none;
  align-items: center;
  min-height: 42px;
  color: var(--accent);
  font-size: 14px;
  font-weight: 800;
}

.brand-title {
  color: #ffffff;
  font-size: 16px;
  white-space: nowrap;
}
.brand-mark { display:grid; place-items:center; width:38px; height:38px; border-radius:10px; background:var(--accent); color:#fff; font-weight:900; }
.dashboard-brand-banner { width:min(1180px,calc(100% - 32px)); height:150px; margin:22px auto -6px; border:1px solid var(--line-strong); border-radius:14px; background-position:center; background-size:cover; box-shadow:0 18px 45px rgba(0,0,0,.25); }

.navlinks {
  display: flex;
  align-items: center;
  gap: 14px;
}

.navlinks a,
.link-button {
  color: var(--muted);
  font: inherit;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.navlinks .active,
.navlinks a:hover,
.link-button:hover {
  color: var(--accent);
}

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

.narrow {
  width: min(760px, calc(100% - 32px));
}

.section,
.stat,
.login-panel {
  background: var(--panel);
  border: 1px solid var(--line-strong);
  border-radius: 10px;
  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.28);
}

.section {
  padding: 22px;
  margin-bottom: 22px;
}

.section-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
}

h1,
h2 {
  margin: 0 0 16px;
  color: var(--accent);
}

.section-head h1 {
  margin: 0;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 22px;
}

.settings-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.settings-grid div {
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel-soft);
}

.settings-grid span {
  display: block;
  margin-bottom: 6px;
  color: var(--muted);
  font-size: 13px;
}

.settings-grid strong {
  color: var(--accent);
}

.automation-switch { margin-bottom: 18px; }
.switch-label { display: flex; align-items: center; gap: 12px; color: var(--text); font-weight: 700; cursor: pointer; }
.switch-label input { position: absolute; opacity: 0; pointer-events: none; }
.switch-control { width: 48px; height: 26px; border-radius: 20px; background: #444; position: relative; transition: .2s; }
.switch-control::after { content: ''; position: absolute; width: 20px; height: 20px; left: 3px; top: 3px; border-radius: 50%; background: #fff; transition: .2s; }
.switch-label input:checked + .switch-control { background: #159447; }
.switch-label input:checked + .switch-control::after { transform: translateX(22px); }
.settings-form-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.settings-form-grid label { color: var(--muted); font-size: 13px; }
.settings-form-grid input { width: 100%; margin-top: 7px; }
.settings-form-grid input:disabled { opacity: .6; cursor: not-allowed; }
.settings-note, .settings-mode { color: var(--muted); margin: 14px 0 0; }
.settings-mode strong { color: var(--text); }
.settings-save { margin-top: 16px; }
.settings-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.settings-actions form { margin: 0; }
.settings-actions .button:disabled { opacity: .45; cursor: not-allowed; }
.settings-summary { margin-top: 16px; grid-template-columns: repeat(2, 1fr); }
.filter-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); gap: 12px; align-items: end; margin-bottom: 18px; }
.stats-six { grid-template-columns: repeat(3,1fr); }
.top-grid,.chart-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.top-grid>div,.chart { background:var(--panel-soft); border:1px solid var(--line); border-radius:8px; padding:14px; }
.bar-row { display:grid; grid-template-columns:90px 1fr 45px; align-items:center; gap:8px; margin:9px 0; font-size:12px; }
.bar-row i { display:block; min-width:2px; height:12px; background:var(--accent); border-radius:4px; }
.pagination { display:flex; flex-wrap:wrap; gap:6px; margin-top:16px; }
.pagination a { padding:7px 10px; border:1px solid var(--line); border-radius:5px; }
.pagination a.active { background:var(--accent-dark); color:#fff; }

.admin-metric-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; margin-bottom:22px; }
.admin-status-grid,.admin-two-column { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.admin-card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:18px; }
.admin-data-card { display:flex; flex-direction:column; gap:10px; padding:22px; border:1px solid #292d37; border-radius:14px; background:linear-gradient(145deg,#151821,#101218); color:#e8e9ec; transition:.18s ease; }
.admin-data-card:hover { border-color:#7559e8; transform:translateY(-2px); box-shadow:0 14px 35px rgba(0,0,0,.25); }
.admin-data-card h2 { margin:2px 0; color:#fff; }
.admin-data-card small,.admin-data-card span { color:#969caa; }
.admin-facts { margin:0; }
.admin-facts>div { display:flex; justify-content:space-between; gap:20px; padding:12px 0; border-bottom:1px solid #272a33; }
.admin-facts dt { color:#8f95a3; }.admin-facts dd { margin:0; color:#eef0f4; text-align:right; }
.admin-form-grid,.admin-package-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.admin-package-form { grid-template-columns:repeat(3,minmax(0,1fr)); }
.admin-form-grid label,.admin-package-form label { display:flex; flex-direction:column; gap:7px; color:#a9aebb; font-size:12px; font-weight:700; }
.admin-form-grid input,.admin-form-grid select,.admin-package-form input,.inline-admin-form input,.inline-admin-form select,.filter-grid select,.license-actions input,.license-actions select { width:100%; }
.admin-package-form .check { flex-direction:row; align-items:center; padding:10px 0; }
.admin-package-form .check input { width:auto; }
.admin-package-form .admin-form-wide { grid-column:1/-1; }
.admin-package-form button { align-self:end; }
.inline-admin-form { display:grid; grid-template-columns:1fr auto; gap:10px; margin-bottom:13px; }
.inline-admin-form:has(input[type="date"]) { grid-template-columns:1fr 1fr auto; }
.table-actions,.license-actions { display:flex; flex-wrap:wrap; gap:7px; align-items:center; }
.table-actions form,.license-actions form { margin:0; display:flex; gap:6px; }
.license-actions input { max-width:74px; }.license-actions select { min-width:105px; }
.table-wrap td small { display:block; margin-top:5px; color:#858b98; }
.service-row { display:grid; grid-template-columns:1fr auto auto; gap:14px; align-items:center; padding:13px 0; border-bottom:1px solid #282c35; }
.admin-package-card { margin:0; }
.customer-package-view { max-width:1050px; }
.package-price { display:flex; flex-direction:column; align-items:flex-end; }
.package-price strong { color:var(--accent); font-size:28px; }
.package-price small,.package-description { color:var(--muted); }
.package-description { max-width:760px; margin:0 0 24px; line-height:1.7; }
.flash { margin-bottom:18px; padding:13px 16px; border-radius:9px; border:1px solid #3a3f4b; }
.flash.success { color:#77dd9a; background:rgba(35,165,90,.12); border-color:rgba(35,165,90,.35); }
.flash.error { color:#ff9b9b; background:rgba(218,55,60,.12); border-color:rgba(218,55,60,.35); }

@media (max-width:1200px) {
  .admin-metric-grid { grid-template-columns:repeat(3,1fr); }
  .admin-package-form { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:800px) {
  .admin-metric-grid,.admin-status-grid,.admin-two-column,.admin-package-form,.admin-form-grid { grid-template-columns:1fr; }
}

.bot-profile-shell { width:min(1240px,calc(100% - 32px)); }
.bot-profile-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin:8px 0 26px; }
.bot-profile-heading h1 { margin:7px 0 7px; color:#fff; font-size:34px; }
.bot-profile-heading p { margin:0; color:#aeb1b8; }
.eyebrow { color:#8b8f98; font-size:11px; font-weight:800; letter-spacing:.16em; }
.live-pill { display:inline-flex; align-items:center; gap:8px; padding:9px 13px; border:1px solid #2b3038; border-radius:999px; background:#111318; color:#c9ccd2; font-size:12px; }
.live-pill i { width:8px; height:8px; border-radius:50%; background:#23a55a; box-shadow:0 0 0 4px rgba(35,165,90,.12); }
.bot-profile-layout { display:grid; grid-template-columns:minmax(0,1fr) 370px; gap:24px; align-items:start; }
.bot-profile-form { display:grid; gap:16px; }
.profile-panel { padding:24px; border:1px solid #252830; border-radius:16px; background:linear-gradient(145deg,#121419,#0d0f13); box-shadow:0 18px 55px rgba(0,0,0,.22); }
.profile-panel-title { display:flex; gap:13px; align-items:center; margin-bottom:22px; }
.profile-panel-title>span { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:#242731; color:#b9bdc8; font-size:12px; font-weight:800; }
.profile-panel-title h2 { margin:0 0 4px; color:#f2f3f5; font-size:17px; }
.profile-panel-title p { margin:0; color:#777c87; font-size:12px; }
.bot-profile-form label { display:block; color:#d8d9dc; font-size:12px; font-weight:700; letter-spacing:.02em; }
.bot-profile-form label em { color:#6e737e; font-style:normal; font-weight:400; }
.bot-profile-form input:not([type=file]),.bot-profile-form textarea,.bot-profile-form select { width:100%; margin-top:8px; padding:12px 13px; border:1px solid #30343e; border-radius:9px; outline:0; background:#0a0c10; color:#f2f3f5; font:inherit; resize:vertical; transition:border-color .2s,box-shadow .2s; }
.bot-profile-form input:focus,.bot-profile-form textarea:focus,.bot-profile-form select:focus { border-color:#5865f2; box-shadow:0 0 0 3px rgba(88,101,242,.14); }
.bot-profile-form label>small { display:block; margin-top:7px; color:#707580; font-weight:400; }
.profile-upload-grid,.profile-fields-two { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:16px; }
.upload-field input { position:absolute; width:1px; height:1px; opacity:0; }
.upload-drop { display:flex; flex-direction:column; justify-content:center; min-height:102px; margin-top:8px; padding:16px; border:1px dashed #3a3e49; border-radius:11px; background:#0a0c10; text-align:center; cursor:pointer; transition:.2s; }
.upload-drop:hover { border-color:#5865f2; background:#111522; }
.upload-drop b { color:#c9cce0; }
.upload-drop small { margin-top:6px; color:#696e79; font-weight:400; }
.profile-save-button { width:100%; padding:15px 18px; border:0; border-radius:10px; background:#5865f2; color:#fff; font-weight:800; cursor:pointer; box-shadow:0 12px 26px rgba(88,101,242,.22); }
.profile-save-button:hover { background:#4752c4; }
.profile-save-button:disabled { opacity:.65; cursor:wait; }
.profile-preview-wrap { position:sticky; top:22px; padding:18px; border:1px solid #252830; border-radius:16px; background:#0c0e12; }
.profile-preview-wrap>.eyebrow { display:block; margin:2px 0 14px; }
.discord-profile-card { overflow:hidden; border:1px solid #343842; border-radius:14px; background:#232428; box-shadow:0 22px 60px rgba(0,0,0,.38); }
.discord-profile-banner { height:112px; background-color:#5865f2; background-image:linear-gradient(135deg,#5865f2,#7c4dff); background-position:center; background-size:cover; }
.discord-profile-body { position:relative; padding:58px 18px 20px; }
.discord-avatar-wrap { position:absolute; top:-49px; left:18px; }
.discord-profile-avatar { display:grid; place-items:center; width:92px; height:92px; border:7px solid #232428; border-radius:50%; background:#11151d center/cover no-repeat; color:#fff; font-size:32px; font-weight:800; }
.discord-profile-avatar.has-image span { display:none; }
.discord-status { position:absolute; right:2px; bottom:5px; width:22px; height:22px; border:5px solid #232428; border-radius:50%; background:#23a55a; }
.discord-status.idle { background:#f0b232; }
.discord-status.dnd { background:#f23f43; }
.discord-status.invisible { background:#80848e; }
.discord-name { display:flex; align-items:center; gap:8px; font-size:20px; }
.app-badge { padding:2px 5px; border-radius:4px; background:#5865f2; color:#fff; font-size:9px; font-weight:800; }
.discord-handle { margin-top:3px; color:#b5bac1; font-size:13px; }
.discord-divider { height:1px; margin:16px 0; background:#3f4147; }
.discord-profile-body h3 { margin:14px 0 6px; color:#f2f3f5; font-size:11px; }
.discord-profile-body p { margin:0; color:#dbdee1; font-size:13px; line-height:1.45; overflow-wrap:anywhere; }
.discord-activity { display:flex; gap:10px; align-items:center; }
.activity-icon { display:grid; place-items:center; width:38px; height:38px; border-radius:9px; background:#111318; color:#5865f2; }
.discord-activity div { display:flex; flex-direction:column; gap:3px; font-size:12px; }
.discord-activity span { color:#b5bac1; }
.preview-note { margin:14px 3px 2px; color:#666b75; font-size:11px; line-height:1.5; }
.profile-message { display:none; margin-bottom:16px; padding:12px 15px; border-radius:9px; font-size:13px; }
.profile-message.visible { display:block; }
.profile-message.success { border:1px solid rgba(35,165,90,.35); background:rgba(35,165,90,.1); color:#78dba4; }
.profile-message.error { border:1px solid rgba(242,63,67,.35); background:rgba(242,63,67,.1); color:#ff8d90; }
.server-scope-pill { padding:9px 12px; border:1px solid #30343e; border-radius:8px; background:#111318; color:#8e939d; font-size:11px; }
.color-field { margin-top:16px; }
.color-field>span { display:grid; grid-template-columns:52px 1fr; gap:10px; }
.color-field input[type=color] { height:44px; padding:4px; cursor:pointer; }
.banner-drop { min-height:130px; }
.branding-preview { --preview-color:#5865f2; overflow:hidden; border:1px solid #343842; border-radius:13px; background:#101216; }
.branding-preview-banner { height:92px; background:linear-gradient(135deg,var(--preview-color),#17191f); background-position:center; background-size:cover; }
.branding-preview-nav { display:flex; align-items:center; gap:10px; height:58px; padding:10px 14px; border-bottom:1px solid #292c33; background:#090a0d; color:#fff; }
.branding-preview-logo { display:grid; place-items:center; width:34px; height:34px; border-radius:8px; background:var(--preview-color) center/contain no-repeat; color:#fff; font-weight:900; }
.branding-preview-logo.has-image span { display:none; }
.branding-preview-body { padding:18px; }
.branding-preview-body>i { display:inline-block; width:28%; height:54px; margin-right:3%; border:1px solid color-mix(in srgb,var(--preview-color) 25%,#292c33); border-radius:8px; background:#181a20; }
.branding-preview-body>div { margin-top:14px; padding:14px; border:1px solid #292c33; border-radius:8px; }
.branding-preview-body>div span { display:block; width:88%; height:7px; margin:8px 0; border-radius:6px; background:#30333b; }
.branding-preview-body>div span:first-child { width:42%; background:var(--preview-color); }

@media (max-width: 900px) { .settings-form-grid { grid-template-columns: repeat(2, 1fr); } .stats-six,.top-grid,.chart-grid { grid-template-columns:1fr; } }
@media (max-width: 520px) { .settings-form-grid { grid-template-columns: 1fr; } }
@media (max-width:980px) { .bot-profile-layout { grid-template-columns:1fr; } .profile-preview-wrap { position:static; max-width:430px; width:100%; margin:auto; } }
@media (max-width:620px) { .bot-profile-heading { align-items:flex-start; flex-direction:column; } .profile-upload-grid,.profile-fields-two { grid-template-columns:1fr; } .profile-panel { padding:18px; } }

.stat {
  padding: 18px;
}

.stat span {
  display: block;
  color: var(--muted);
  margin-bottom: 8px;
}

.stat strong {
  color: var(--accent);
  font-size: 34px;
}

.table-wrap {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel-soft);
}

table {
  width: 100%;
  border-collapse: collapse;
}

th,
td {
  padding: 12px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
}

th {
  color: var(--accent);
  font-size: 13px;
  font-weight: 700;
  background: #080000;
}

tr {
  background: var(--panel-soft);
}

tbody tr:hover {
  background: #190000;
}

tbody tr:last-child td {
  border-bottom: 0;
}

.reason-cell {
  max-width: 360px;
  color: var(--muted);
  white-space: normal;
}

.button,
button,
.small-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 7px;
  border: 1px solid var(--accent-dark);
  background: var(--accent-dark);
  color: #ffffff;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
}

.button:hover,
button:hover,
.small-button:hover {
  border-color: var(--accent);
  background: var(--accent);
  color: #ffffff;
}

.small-button {
  min-height: 32px;
  padding: 0 10px;
  font-size: 13px;
}

button.danger {
  border-color: var(--danger);
  background: var(--danger);
}

button.danger:hover {
  border-color: var(--danger-hover);
  background: var(--danger-hover);
}

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

.actions form {
  margin: 0;
}

.pill,
.live-state {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

.pill.active,
.live-state.online {
  background: var(--accent-dark);
  color: #ffffff;
}

.pill.inactive,
.live-state.offline {
  background: var(--inactive);
  color: #9b9b9b;
}

.live-state.unknown {
  background: #2a1700;
  color: #ffcc80;
}

.live-state.rate-limited {
  background: #310000;
  color: #ffb3b3;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 14px;
}

input,
select,
textarea {
  width: 100%;
  border: 1px solid var(--input-line);
  border-radius: 7px;
  padding: 10px;
  color: #ffffff;
  font: inherit;
  background: var(--panel-soft);
  outline: none;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(255, 26, 26, 0.14);
}

textarea {
  resize: vertical;
}

.full,
.form-actions {
  grid-column: 1 / -1;
}

.checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
}

.checkbox input {
  width: auto;
}

.form-actions,
.inline-actions {
  display: flex;
  gap: 10px;
  align-items: center;
}

.inline-actions {
  margin-bottom: 18px;
}

.inline-actions input {
  max-width: 420px;
}

.login-page {
  min-height: 100vh;
  display: grid;
  place-items: center;
}

.login-panel {
  width: min(420px, calc(100% - 32px));
  padding: 26px;
}

.login-panel .form-grid {
  grid-template-columns: 1fr;
}

.server-picker-page {
  background:
    radial-gradient(circle at 15% 0%, rgba(88, 101, 242, 0.18), transparent 32rem),
    radial-gradient(circle at 90% 100%, rgba(255, 26, 26, 0.1), transparent 28rem),
    #090a0d;
}

.server-picker-shell {
  width: min(1120px, calc(100% - 40px));
  margin: 0 auto;
  padding: 72px 0 36px;
}

.server-picker-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 32px;
}

.server-picker-kicker {
  display: block;
  margin-bottom: 10px;
  color: #8b94ff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.server-picker-header h1 {
  margin: 0 0 10px;
  color: #fff;
  font-size: clamp(32px, 5vw, 52px);
  line-height: 1.05;
}

.server-picker-header p,
.server-picker-footer p {
  margin: 0;
  color: #a9abb4;
  line-height: 1.55;
}

.server-picker-user {
  flex: 0 0 auto;
  display: grid;
  gap: 3px;
  padding: 12px 16px;
  border: 1px solid #292b34;
  border-radius: 12px;
  background: rgba(18, 19, 24, .82);
  text-align: right;
}

.server-picker-user span {
  color: #777b88;
  font-size: 11px;
  text-transform: uppercase;
}

.server-picker-message,
.server-picker-empty {
  margin: 0 0 24px;
  padding: 16px 18px;
  border: 1px solid #30323b;
  border-radius: 12px;
  background: #15161b;
}

.server-picker-message.success {
  border-color: #245d40;
  color: #8ce7b3;
}

.server-picker-message.error {
  border-color: #672c35;
  color: #ff9ba7;
}

.server-picker-empty {
  padding: 36px;
  text-align: center;
}

.server-picker-empty h2 {
  color: #fff;
}

.server-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.server-card-form {
  margin: 0;
}

.server-card {
  width: 100%;
  min-height: 222px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
  padding: 20px;
  border: 1px solid #292b34;
  border-radius: 16px;
  background: linear-gradient(145deg, #17181e, #111217);
  color: #fff;
  font: inherit;
  text-align: left;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .22);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

a.server-card,
.server-card-button {
  cursor: pointer;
}

a.server-card:hover,
.server-card-button:hover,
a.server-card:focus-visible,
.server-card-button:focus-visible {
  color: #fff;
  border-color: #5865f2;
  outline: none;
  transform: translateY(-4px);
  box-shadow: 0 22px 55px rgba(0, 0, 0, .34), 0 0 0 3px rgba(88, 101, 242, .14);
}

.server-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 18px;
  background: #24262e;
}

.server-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.server-icon-fallback {
  color: #d8dbff;
  font-size: 19px;
  font-weight: 800;
}

.server-card-body {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.server-card-body strong {
  overflow: hidden;
  color: #fff;
  font-size: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.server-card-body > span {
  color: #858894;
  font-size: 13px;
}

.server-card-action {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
}

.server-card-status,
.server-card-target {
  font-size: 12px;
  font-weight: 700;
}

.server-card-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #9699a5;
}

.server-card-status i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #62646d;
}

.is-installed .server-card-status i {
  background: #23a55a;
  box-shadow: 0 0 0 4px rgba(35, 165, 90, .12);
}

.server-card-target {
  color: #aeb4ff;
}

.server-card-target b {
  margin-left: 4px;
  font-size: 16px;
}

.is-missing {
  opacity: .82;
}

.is-missing:hover {
  opacity: 1;
}

.is-disabled {
  opacity: .45;
}

.server-picker-footer {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-top: 30px;
  padding-top: 22px;
  border-top: 1px solid #24262e;
}

.server-picker-footer form {
  margin: 0;
}

.server-picker-footer .link-button {
  white-space: nowrap;
}

.error {
  color: var(--accent);
}

.flash {
  width: min(1180px, calc(100% - 32px));
  margin: 18px auto 0;
  padding: 12px 14px;
  border-radius: 7px;
  border: 1px solid var(--line-strong);
}

.flash.success {
  background: #130000;
  color: #ffffff;
}

.flash.error {
  background: #220000;
  color: var(--accent);
}

.log-list {
  display: grid;
  gap: 10px;
}

.log-row {
  display: grid;
  grid-template-columns: 180px 1fr 230px;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}

.log-row strong {
  color: var(--accent);
}

.log-row span {
  color: var(--muted);
}

.log-row time {
  color: var(--subtle);
}

@media (max-width: 900px) {
  .topbar,
  .navlinks,
  .form-actions,
  .inline-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .topbar {
    height: auto;
    padding: 16px;
  }

  .brand {
    justify-content: center;
  }

  .stats-grid,
  .settings-grid,
  .form-grid,
  .log-row {
    grid-template-columns: 1fr;
  }

  .server-picker-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .server-picker-user {
    text-align: left;
  }

  .server-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .brand {
    flex-wrap: wrap;
  }

  .brand-title {
    width: 100%;
    text-align: center;
  }

  .section {
    padding: 16px;
  }

  th,
  td {
    padding: 10px;
  }

  .server-picker-shell {
    width: min(100% - 24px, 1120px);
    padding-top: 42px;
  }

  .server-grid {
    grid-template-columns: 1fr;
  }

  .server-picker-footer {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Dashboard V2 */
:root { --sidebar:264px; --topbar:72px; --v2-bg:#0b0d12; --v2-panel:#14171f; --v2-panel-2:#191d27; --v2-border:#252a36; --v2-muted:#8f96a8; }
body:not(.server-picker-page) { padding-left:var(--sidebar); padding-top:var(--topbar); background:radial-gradient(circle at 80% -20%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 34rem),var(--v2-bg); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.sidebar { position:fixed; z-index:50; inset:0 auto 0 0; width:var(--sidebar); display:flex; flex-direction:column; padding:20px 14px 14px; border-right:1px solid var(--v2-border); background:#0e1016; box-shadow:20px 0 55px rgba(0,0,0,.18); }
.sidebar-brand { display:flex; align-items:center; gap:12px; min-height:52px; padding:6px 9px 18px; color:#fff; }
.sidebar-brand>img,.sidebar-brand>span { width:39px; height:39px; object-fit:contain; border-radius:11px; }
.sidebar-brand>span { display:grid; place-items:center; background:linear-gradient(145deg,var(--accent),var(--accent-dark)); font-weight:900; box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 25%,transparent); }
.sidebar-brand div,.sidebar-footer span:not(.server-avatar):not(.user-avatar) { display:grid; min-width:0; }
.sidebar-brand strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
.sidebar-brand small,.sidebar-footer small { margin-top:3px; color:#72798a; font-size:9px; letter-spacing:.1em; }
.sidebar-nav { display:grid; gap:3px; overflow-y:auto; padding:6px 0; }
.sidebar-nav p { margin:16px 10px 5px; color:#555d70; font-size:9px; font-weight:800; letter-spacing:.14em; }
.sidebar-nav a { position:relative; display:flex; align-items:center; gap:12px; min-height:43px; padding:0 12px; border-radius:10px; color:#8f96a8; font-size:13px; font-weight:650; transition:.18s ease; }
.sidebar-nav a i { display:grid; place-items:center; width:23px; color:#697185; font-size:17px; font-style:normal; }
.sidebar-nav a:hover { background:#171a22; color:#e8eaf0; transform:translateX(2px); }
.sidebar-nav a.active { background:color-mix(in srgb,var(--accent) 14%,#151821); color:#fff; }
.sidebar-nav a.active::before { content:""; position:absolute; left:-14px; width:3px; height:22px; border-radius:0 4px 4px 0; background:var(--accent); box-shadow:0 0 15px var(--accent); }
.sidebar-nav a.active i { color:var(--accent); }
.sidebar-footer { display:grid; gap:8px; margin-top:auto; padding-top:14px; border-top:1px solid var(--v2-border); }
.server-switcher,.account-row { display:flex; align-items:center; gap:10px; min-width:0; padding:9px; border-radius:11px; color:#dfe2e8; }
.server-switcher { border:1px solid var(--v2-border); background:#151820; }
.server-switcher:hover { border-color:var(--accent); background:#191d27; }
.server-switcher>b { margin-left:auto; }
.server-avatar,.user-avatar { flex:0 0 auto; display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:color-mix(in srgb,var(--accent) 28%,#242936); color:#fff; font-size:11px; font-weight:800; }
.user-avatar { border-radius:50%; }
.server-switcher strong,.account-row strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }
.account-row form { margin-left:auto; }
.account-row button { min-height:30px; padding:0 8px; border:0; background:transparent; color:#737b8d; }
.dashboard-topbar { position:fixed; z-index:40; top:0; right:0; left:var(--sidebar); height:var(--topbar); display:flex; align-items:center; justify-content:space-between; padding:0 30px; border-bottom:1px solid var(--v2-border); background:rgba(11,13,18,.87); backdrop-filter:blur(18px); }
.dashboard-topbar>div { display:flex; align-items:center; gap:9px; color:#d9dce4; font-size:13px; }
.topbar-server-dot { width:8px; height:8px; border-radius:50%; background:#23a55a; box-shadow:0 0 0 4px rgba(35,165,90,.12); }
.status-chip { padding:7px 10px; border:1px solid rgba(35,165,90,.2); border-radius:999px; background:rgba(35,165,90,.08); color:#63d591; font-size:10px; }
.icon-action { display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--v2-border); border-radius:9px; color:#aab0bd; background:#14171f; }
.mobile-menu-button { display:none; }
.sidebar-backdrop { display:none; }
.shell { width:min(1380px,calc(100% - 52px)); margin:30px auto 48px; }
.narrow { width:min(1040px,calc(100% - 52px)); }
.section,.stat,.profile-panel,.profile-preview-wrap { border:1px solid var(--v2-border); border-radius:16px; background:linear-gradient(145deg,#151820,#11141a); box-shadow:0 16px 45px rgba(0,0,0,.16); }
.section { padding:24px; margin-bottom:20px; }
h1,h2 { color:#f0f2f7; }
.section-head h1,.page-heading h1 { font-size:25px; letter-spacing:-.02em; }
.page-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:24px; }
.page-heading h1 { margin:5px 0 4px; }
.page-heading p { margin:0; color:var(--v2-muted); font-size:13px; }
.stats-grid { grid-template-columns:repeat(3,1fr); gap:14px; }
.stat { position:relative; overflow:hidden; padding:20px; transition:.2s ease; }
.stat:hover { border-color:color-mix(in srgb,var(--accent) 45%,var(--v2-border)); transform:translateY(-3px); }
.stat::after { content:""; position:absolute; right:-18px; bottom:-32px; width:100px; height:100px; border-radius:50%; background:color-mix(in srgb,var(--accent) 8%,transparent); }
.stat span { color:var(--v2-muted); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.stat strong { color:#fff; font-size:30px; }
.stat small { color:#697184; font-size:11px; }
.v2-stat-grid { grid-template-columns:repeat(6,1fr); }
.metric-icon { display:grid; place-items:center; width:34px; height:34px; margin-bottom:16px; border-radius:9px; background:color-mix(in srgb,var(--accent) 12%,#1b1f29); color:var(--accent); }
.table-wrap { border-color:var(--v2-border); border-radius:12px; background:#101218; }
th { padding:13px 14px; border-color:var(--v2-border); background:#101218; color:#747d90; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
td { padding:13px 14px; border-color:#20242e; color:#cbd0da; font-size:12px; }
tr { background:#13161d; }
tbody tr:hover { background:#191d26; }
input,select,textarea { border-color:#303643; border-radius:10px; padding:11px 12px; background:#0e1117; transition:.18s ease; }
input:focus,select:focus,textarea:focus { border-color:var(--accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent); }
.button,button,.small-button { min-height:40px; border:1px solid color-mix(in srgb,var(--accent) 65%,#333); border-radius:9px; background:var(--accent); font-size:12px; transition:.18s ease; }
.button:hover,button:hover,.small-button:hover { filter:brightness(1.1); transform:translateY(-1px); box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 16%,transparent); }
.secondary,.button.secondary { border-color:#353b48; background:#1b1f29; color:#cbd0da; }
.pill,.live-state { min-height:25px; padding:0 9px; border:1px solid transparent; }
.pill.active,.live-state.online { border-color:rgba(35,165,90,.2); background:rgba(35,165,90,.09); color:#62d58f; }
.flash { width:min(1380px,calc(100% - 52px)); border-radius:11px; }
.dashboard-brand-banner { width:min(1380px,calc(100% - 52px)); margin:24px auto 0; }
.dashboard-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr); gap:20px; }
.chart-canvas { display:flex; align-items:flex-end; gap:8px; height:190px; padding-top:20px; }
.chart-column { flex:1; min-width:5px; border-radius:5px 5px 2px 2px; background:linear-gradient(to top,var(--accent),color-mix(in srgb,var(--accent) 42%,#fff)); opacity:.82; transition:.2s; }
.chart-column:hover { opacity:1; filter:brightness(1.2); }
.activity-feed { display:grid; gap:3px; }
.activity-item { display:grid; grid-template-columns:34px 1fr auto; align-items:center; gap:11px; padding:11px 5px; border-bottom:1px solid #20242e; }
.activity-item i { display:grid; place-items:center; width:30px; height:30px; border-radius:8px; background:#1d222d; color:var(--accent); font-style:normal; }
.activity-item span { color:#b8beca; font-size:11px; }
.activity-item time { color:#666e80; font-size:9px; }
.table-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.table-toolbar-group { display:flex; gap:9px; flex-wrap:wrap; }
.table-toolbar input,.table-toolbar select { width:auto; min-width:160px; }
.streamer-profile { display:flex; align-items:center; gap:10px; }
.streamer-profile-avatar { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:linear-gradient(145deg,var(--accent),#222a3a); font-weight:800; }
.modal-editor { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(280px,.7fr); gap:22px; }
.preview-card { position:sticky; top:96px; }
.form-section { padding:18px; border:1px solid var(--v2-border); border-radius:13px; background:#11141a; }
.form-section h3 { margin:0 0 16px; color:#eef0f5; font-size:14px; }
.settings-tabs { display:flex; gap:7px; overflow:auto; margin-bottom:18px; padding-bottom:4px; }
.settings-tabs span { white-space:nowrap; padding:9px 13px; border:1px solid var(--v2-border); border-radius:9px; color:#858c9c; background:#12151c; font-size:11px; }
.settings-tabs span.active { border-color:var(--accent); color:#fff; background:color-mix(in srgb,var(--accent) 13%,#12151c); }
@media(max-width:1180px){.v2-stat-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.modal-editor{grid-template-columns:1fr}.preview-card{position:static}}
@media(max-width:820px){:root{--sidebar:0px}.sidebar{width:280px; transform:translateX(-102%); transition:.22s ease}.menu-open .sidebar{transform:none}.sidebar-backdrop{position:fixed;z-index:45;inset:0;display:block;background:rgba(0,0,0,.58);opacity:0;pointer-events:none;transition:.2s}.menu-open .sidebar-backdrop{opacity:1;pointer-events:auto}.dashboard-topbar{left:0;padding-left:66px}.mobile-menu-button{position:fixed;z-index:60;top:18px;left:17px;display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;border-color:var(--v2-border);background:#151820}.shell,.flash,.dashboard-brand-banner{width:min(100% - 28px,1380px)}}
@media(max-width:620px){.v2-stat-grid,.stats-grid{grid-template-columns:1fr 1fr}.page-heading,.table-toolbar{align-items:flex-start;flex-direction:column}.table-toolbar-group{width:100%}.table-toolbar input,.table-toolbar select{width:100%}.form-grid,.profile-upload-grid,.profile-fields-two{grid-template-columns:1fr}.dashboard-topbar{padding-right:14px}.status-chip{display:none}}
@media(max-width:390px){.v2-stat-grid,.stats-grid{grid-template-columns:1fr}.section{padding:17px}.shell{width:calc(100% - 20px)}}
.chart-day { flex:1; height:100%; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:7px; }
.chart-pair { width:100%; height:160px; display:flex; align-items:flex-end; justify-content:center; gap:3px; }
.chart-pair .chart-column { flex:0 1 16px; background:var(--accent); }
.chart-pair .chart-column.video { background:var(--accent-secondary,#8b5cf6); }
.chart-day small,.chart-legend { color:#697184; font-size:9px; }
.chart-legend { display:flex; gap:20px; margin-top:12px; }
.chart-legend span:first-child { color:var(--accent); }.chart-legend span:nth-child(2){color:var(--accent-secondary,#8b5cf6)}.chart-legend span:last-child{margin-left:auto}
.streamer-profile>div { display:grid; gap:3px; }.streamer-profile small,td small { color:#687083; font-size:9px; }
.mass-toolbar { display:flex; align-items:center; gap:9px; min-height:48px; margin-bottom:12px; padding:7px 10px; border:1px solid var(--v2-border); border-radius:10px; background:#101319; }.mass-toolbar span{margin-right:auto;color:#838b9c;font-size:11px}
.streamer-live-preview { --streamer-color:#5865f2; overflow:hidden; margin-top:14px; border:1px solid #303542; border-radius:13px; background:#11141a; }.streamer-preview-image{height:210px;display:grid;place-items:center;background:linear-gradient(145deg,var(--streamer-color),#12151c) center/cover;color:#fff;font-size:42px}.streamer-preview-image.has-image span{display:none}.streamer-live-preview>div:last-child{padding:18px}.streamer-live-preview h2{margin:12px 0 4px}.streamer-live-preview p{color:#8f96a8}
.tooltip { display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#292e3a;color:#969dad;font-size:9px;cursor:help }
.style-card-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px }.style-card{overflow:hidden;border:1px solid var(--v2-border);border-radius:15px;background:#13161d;transition:.2s}.style-card:hover{transform:translateY(-3px);border-color:var(--style-color)}.style-card-banner{height:70px;background:linear-gradient(135deg,var(--style-color),#161922) center/cover}.style-card-content{position:relative;padding:18px}.style-dot{position:absolute;top:-11px;width:22px;height:22px;border:5px solid #13161d;border-radius:50%;background:var(--style-color)}.style-card h2{margin:4px 0 9px;font-size:17px}.style-card p{min-height:34px;color:#8d94a4;font-size:11px}.style-actions{display:flex;flex-wrap:wrap;gap:6px}.style-actions form{margin:0}.empty-state{grid-column:1/-1;padding:55px;border:1px dashed #343947;border-radius:15px;text-align:center;color:#858d9f}.empty-state>b{font-size:32px;color:var(--accent)}.empty-state h2{margin-top:12px}
.discord-message-preview{display:flex;gap:11px;margin-top:14px;padding:16px;border-radius:10px;background:#313338;color:#dbdee1}.preview-bot-avatar{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--accent)}.discord-message-preview strong{font-size:12px}.discord-message-preview strong small{padding:2px 4px;border-radius:3px;background:#5865f2;font-size:7px}.discord-message-preview p{font-size:11px}.embed-preview{display:grid;gap:10px;margin:10px 0;padding:12px;border-left:3px solid var(--accent);border-radius:3px;background:#2b2d31;font-size:11px}.embed-preview span{color:#8f96a8}.discord-message-preview button{min-height:30px;font-size:10px}.import-box{margin-top:22px}.import-box form{display:grid;gap:10px}
.settings-card-grid,.role-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.settings-card-grid .section{display:grid;gap:8px}.settings-card-grid h2{margin:0;font-size:15px}.settings-card-grid p{margin:0;color:#8f96a8;font-size:11px;line-height:1.5}.settings-card-grid a{margin-top:6px;font-size:11px}.status-ok{color:#52cf84}.status-error{color:#f36b70}.settings-v2-form{margin-top:18px}.role-summary{margin-bottom:20px}.role-summary article{display:grid;gap:5px;padding:18px;border:1px solid var(--v2-border);border-radius:14px;background:#14171f}.role-summary i{color:var(--accent);font-size:22px;font-style:normal}.role-summary strong{margin-top:8px}.role-summary span{color:#7e8596;font-size:10px}.role-pill{padding:6px 9px;border-radius:7px;background:color-mix(in srgb,var(--accent) 12%,#1b1f29);color:var(--accent);font-weight:700;font-size:10px}.empty-note{color:#727a8d;font-size:11px}
@media(max-width:1050px){.style-card-grid{grid-template-columns:repeat(2,1fr)}.settings-card-grid,.role-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.style-card-grid,.settings-card-grid,.role-summary{grid-template-columns:1fr}.chart-legend{gap:8px;flex-wrap:wrap}.chart-legend span:last-child{margin-left:0}}
.login-v2-page { padding:0!important; display:grid; place-items:center; background:radial-gradient(circle at 15% 20%,rgba(88,101,242,.2),transparent 32rem),radial-gradient(circle at 90% 80%,rgba(139,92,246,.12),transparent 26rem),#090b10!important; }
.login-v2-shell { width:min(1020px,calc(100% - 32px)); min-height:600px; display:grid; grid-template-columns:1.15fr .85fr; overflow:hidden; border:1px solid #282d39; border-radius:24px; background:#11141b; box-shadow:0 40px 100px rgba(0,0,0,.42); }
.login-v2-brand { display:flex; flex-direction:column; justify-content:center; padding:60px; background:linear-gradient(145deg,rgba(88,101,242,.16),rgba(15,18,26,.95)); }
.login-logo { display:grid; place-items:center; width:52px; height:52px; margin-bottom:40px; border-radius:15px; background:#5865f2; color:#fff; font-size:23px; box-shadow:0 16px 35px rgba(88,101,242,.28); }
.login-v2-brand h1 { margin:12px 0 18px; font-size:clamp(34px,5vw,54px); line-height:1.04; letter-spacing:-.04em; }
.login-v2-brand>p { max-width:480px; color:#959cad; line-height:1.7; }
.login-feature-row { display:flex; flex-wrap:wrap; gap:16px; margin-top:35px; color:#8d95a7; font-size:10px; }
.login-v2-card { display:grid; place-items:center; padding:45px; border-left:1px solid #282d39; background:#0e1117; }
.login-v2-card>div { width:100%; }
.login-v2-card h2 { margin:10px 0 9px; font-size:26px; }
.login-v2-card p { color:#888f9f; font-size:12px; line-height:1.6; }
.discord-login-button { display:flex; align-items:center; justify-content:center; gap:10px; min-height:50px; margin:28px 0 18px; border-radius:11px; background:#5865f2; color:#fff; font-weight:800; transition:.2s; }
.discord-login-button:hover { color:#fff; background:#6875f5; transform:translateY(-2px); box-shadow:0 14px 32px rgba(88,101,242,.24); }
.login-v2-card small { display:block; color:#626a7a; font-size:9px; line-height:1.6; text-align:center; }
@media(max-width:760px){.login-v2-shell{grid-template-columns:1fr}.login-v2-brand{padding:35px}.login-v2-card{padding:35px;border-top:1px solid #282d39;border-left:0}.login-logo{margin-bottom:24px}}
.style-import-dropzone { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:250px; padding:30px; border:2px dashed #363c49; border-radius:15px; background:#10131a; text-align:center; cursor:pointer; transition:border-color .2s,background .2s,transform .2s; }
.style-import-dropzone:hover,.style-import-dropzone:focus-visible,.style-import-dropzone.dragging { border-color:var(--accent); outline:0; background:color-mix(in srgb,var(--accent) 7%,#10131a); transform:translateY(-2px); }
.style-import-dropzone input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.style-import-dropzone strong { margin-top:12px; color:#eef0f5; font-size:16px; }
.style-import-dropzone p { margin:5px 0 12px; color:#697184; font-size:11px; }
.style-import-dropzone small { margin-top:16px; color:#687083; font-size:10px; }
.import-upload-icon { display:grid; place-items:center; width:52px; height:52px; border-radius:15px; background:color-mix(in srgb,var(--accent) 13%,#1b1f29); color:var(--accent); font-size:25px; }
.style-import-file-info { display:flex; justify-content:space-between; gap:16px; margin-top:13px; padding:11px 14px; border:1px solid var(--v2-border); border-radius:9px; background:#11141a; color:#c9ced8; font-size:11px; }
.style-import-file-info b { color:#757d8e; }
.style-import-progress-wrap { margin-top:13px; padding:13px 14px; border:1px solid var(--v2-border); border-radius:10px; background:#11141a; }
.style-import-progress-wrap>div { display:flex; justify-content:space-between; margin-bottom:9px; color:#959cad; font-size:10px; }
.style-import-progress-wrap progress { width:100%; height:7px; overflow:hidden; border:0; border-radius:99px; background:#242936; appearance:none; }
.style-import-progress-wrap progress::-webkit-progress-bar { background:#242936; }
.style-import-progress-wrap progress::-webkit-progress-value { border-radius:99px; background:linear-gradient(90deg,var(--accent),var(--accent-secondary,#8b5cf6)); }
.style-import-progress-wrap progress::-moz-progress-bar { border-radius:99px; background:linear-gradient(90deg,var(--accent),var(--accent-secondary,#8b5cf6)); }
.import-box .profile-message { margin:13px 0 0; }
.preview-bot-avatar { background-position:center; background-size:cover; }
.preview-bot-avatar.has-image span { display:none; }
.bot-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:18px;margin-top:22px}.bot-title,.bot-identity-panel{display:flex;align-items:center;gap:14px}.bot-identity-panel{justify-content:space-between}.bot-avatar-image,.bot-avatar img{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;object-fit:cover;background:var(--accent);color:#fff}.bot-avatar{display:grid;place-items:center}.bot-admin-card .settings-actions{margin-top:16px}.danger{background:#c93645!important}.toggle-row{display:flex!important;align-items:center;gap:10px}.toggle-row input{width:auto}
.bot-stat-link{color:inherit;text-decoration:none}.detail-value{font-size:16px!important;overflow-wrap:anywhere}
.package-summary{margin-top:18px}.package-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.package-summary-grid h3{margin:0 0 10px;font-size:13px}.feature-list{display:grid;gap:7px;margin:0;padding:0;list-style:none;color:#aeb5c5;font-size:12px}.feature-list .enabled{color:#63d591}.feature-list .disabled{color:#697184}@media(max-width:760px){.package-summary-grid{grid-template-columns:1fr}}
.package-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.package-actions form{margin:0}.package-edit-card{scroll-margin-top:24px}.package-edit-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.package-edit-card .form-grid{grid-template-columns:1fr}}
.feature-nav-locked{opacity:.5;cursor:not-allowed!important;filter:saturate(.3)}.feature-nav-locked:hover{background:transparent!important;color:inherit!important}.feature-gated{position:relative}.feature-gated.is-locked>:not(.feature-lock-notice){opacity:.5;filter:grayscale(.2);pointer-events:none;user-select:none}.feature-lock-notice{position:relative;z-index:4;display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--accent) 35%,#343946);border-radius:14px;background:linear-gradient(135deg,rgba(28,31,40,.98),rgba(20,22,29,.98));box-shadow:0 14px 35px rgba(0,0,0,.28)}.feature-lock-notice strong{display:block;color:#f3f5fa}.feature-lock-notice p{margin:4px 0 0;color:#9fa7b7}.feature-lock-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--accent) 16%,#20232d);font-size:20px}.feature-locked-action{position:relative;opacity:.5;pointer-events:none;filter:grayscale(.25)}.feature-lock-badge{position:absolute;top:12px;right:12px;z-index:3;display:grid;place-items:center;width:34px;height:34px;border:1px solid #3a4050;border-radius:10px;background:#20232b;box-shadow:0 8px 22px rgba(0,0,0,.3)}
.style-delete-modal[hidden]{display:none}.style-delete-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px}.style-delete-backdrop{position:absolute;inset:0;background:rgba(5,7,11,.78);backdrop-filter:blur(8px)}.style-delete-dialog{position:relative;z-index:1;width:min(560px,100%);padding:28px;border:1px solid #383e4d;border-radius:18px;background:linear-gradient(145deg,#1d2029,#15171e);box-shadow:0 30px 90px rgba(0,0,0,.55)}.style-delete-dialog h2{margin:14px 0 8px}.style-delete-close{position:absolute;right:16px;top:14px;background:transparent!important;color:#9ea6b6;font-size:25px;padding:4px 9px}.style-usage-list{display:grid;gap:8px;margin:18px 0;padding:0;list-style:none}.style-usage-list li{display:flex;gap:8px;padding:10px 12px;border:1px solid #303542;border-radius:10px;background:#20232c}.style-usage-list li span{color:#63d591}.style-usage-links{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.style-delete-dialog label{display:grid;gap:8px}.style-delete-error:not(.visible){display:none}
.admin-login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#37245f 0,transparent 36%),#090b10}.admin-login-card{width:min(430px,calc(100% - 32px));padding:38px;border:1px solid #343948;border-radius:22px;background:#161922;box-shadow:0 35px 100px #0008}.admin-login-card form{display:grid;gap:16px}.admin-login-card label{display:grid;gap:7px}.admin-mark,.admin-sidebar-brand>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#8b5cf6,#5865f2);color:#fff;font-weight:900}.admin-control-page{background:#0b0d12}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:260px;padding:20px 14px;display:flex;flex-direction:column;background:#11141b;border-right:1px solid #292e3a;overflow:auto;z-index:20}.admin-sidebar-brand{display:flex;align-items:center;gap:12px;padding:8px;color:#fff;text-decoration:none}.admin-sidebar-brand small{display:block;color:#858e9f}.admin-sidebar nav{display:grid;gap:4px;margin:24px 0 auto}.admin-sidebar nav a{display:flex;gap:11px;padding:10px 12px;border-radius:9px;color:#aeb6c6;text-decoration:none}.admin-sidebar nav a.active,.admin-sidebar nav a:hover{background:#232736;color:#fff}.admin-sidebar nav i{width:22px;text-align:center}.admin-main{margin-left:260px;padding:34px;min-height:100vh}.admin-context-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px;padding:12px 16px;border:1px solid #513d79;border-radius:12px;background:#20182e}.admin-context-bar a{color:#c9b5ff;text-decoration:none;font-size:12px}.admin-context-bar strong{margin-right:auto}@media(max-width:800px){.admin-sidebar{position:relative;width:auto}.admin-main{margin-left:0;padding:18px}}
.package-builder{display:grid;gap:16px}.package-builder-section{padding:18px;border:1px solid #2b303c;border-radius:14px;background:#10131a}.package-builder-section h3,.feature-group h4{margin:0}.package-general-grid,.package-limits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.package-general-grid label,.package-limits-grid label,.feature-switch label{display:grid;gap:7px}.admin-form-wide{grid-column:1/-1}.feature-group{margin-top:18px}.feature-switch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.feature-switch{display:grid;gap:10px;padding:13px;border:1px solid #2a2f3a;border-radius:11px;background:#151820}.feature-switch select{padding:8px}.package-icon{display:grid;place-items:center;flex:0 0 auto;width:50px;height:50px;border-radius:14px;background:color-mix(in srgb,var(--package-color,#5865f2) 18%,#171a22);color:var(--package-color,#5865f2);font-size:24px}.customer-plan-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-bottom:20px;padding:28px;border:1px solid color-mix(in srgb,var(--package-color) 38%,#292e3a);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--package-color) 13%,#12151c),#101218)}.customer-plan-hero h1{margin:4px 0 7px}.customer-plan-hero p{margin:0;color:#929aaa}.package-price{display:grid;justify-items:end;gap:5px}.package-price strong{font-size:23px}.package-feature-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.usage-card{padding:14px;border:1px solid #292e39;border-radius:11px;background:#12151c}.usage-card>div:first-child,.package-status-row{display:flex;justify-content:space-between;gap:12px}.usage-card span{color:#858d9e;font-size:11px}.usage-track{overflow:hidden;height:6px;margin-top:12px;border-radius:9px;background:#272c37}.usage-track i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.package-status-row{justify-content:flex-start;flex-wrap:wrap}.package-status-row span{padding:10px 14px;border:1px solid #2b303b;border-radius:9px;background:#12151c}.package-denied{width:min(720px,100%);margin:9vh auto;padding:50px;border:1px solid #323847;border-radius:22px;background:radial-gradient(circle at top,rgba(88,101,242,.13),transparent 55%),#11141b;text-align:center}.package-denied-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 20px;border-radius:18px;background:#202532;font-size:28px}.package-denied p{max-width:560px;margin:14px auto 24px;color:#969eae;line-height:1.7}.package-denied .form-actions{justify-content:center}
@media(max-width:1100px){.package-general-grid,.package-limits-grid{grid-template-columns:repeat(2,1fr)}.feature-switch-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.package-general-grid,.package-limits-grid,.feature-switch-grid,.package-feature-columns,.usage-grid{grid-template-columns:1fr}.customer-plan-hero{grid-template-columns:auto 1fr}.customer-plan-hero .package-price{grid-column:1/-1;justify-items:start}}
.package-upgrades{margin-top:28px}.package-upgrades .section-head p{margin:7px 0 0;color:#8e96a7}.upgrade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.upgrade-card{overflow:hidden;padding:22px;border:1px solid color-mix(in srgb,var(--package-color) 35%,#2b303c);border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--package-color) 9%,#14171e),#101319)}.upgrade-card>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.upgrade-card h3{margin:3px 0 0;font-size:20px}.upgrade-card>p{min-height:36px;margin:17px 0;color:#929aaa;line-height:1.6}.upgrade-benefits{margin-top:18px;padding-top:16px;border-top:1px solid #2a2f3a}.upgrade-benefits>strong{font-size:12px}.upgrade-benefits ul{display:grid;gap:9px;margin:13px 0 0;padding:0;list-style:none;color:#bdc4d0;font-size:12px}.upgrade-benefits li{display:flex;align-items:center;gap:8px}.upgrade-benefits li span{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:color-mix(in srgb,var(--package-color) 15%,#1b1f29);color:var(--package-color);font-weight:900}.upgrade-benefits li b{color:#eef1f6}@media(max-width:900px){.upgrade-grid{grid-template-columns:1fr}}@media(max-width:520px){.upgrade-card>header{grid-template-columns:auto 1fr}.upgrade-card>header .package-price{grid-column:1/-1;justify-items:start}}
.no-package-notice{margin-bottom:20px;border-color:#495064;background:linear-gradient(135deg,#181c25,#11141a)}.package-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px}.catalog-package-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:23px;border:1px solid #303541;border-radius:17px;background:linear-gradient(155deg,color-mix(in srgb,var(--package-color) 7%,#15181f),#0f1218);box-shadow:0 14px 34px rgba(0,0,0,.2);transition:.2s ease}.catalog-package-card:hover{border-color:color-mix(in srgb,var(--package-color) 55%,#353b48);transform:translateY(-3px)}.catalog-package-card.is-current{z-index:2;border:2px solid var(--package-color);background:linear-gradient(145deg,color-mix(in srgb,var(--package-color) 16%,#171a22),#101319);box-shadow:0 20px 50px color-mix(in srgb,var(--package-color) 18%,transparent);transform:scale(1.035)}.catalog-package-card.is-current:hover{transform:scale(1.035) translateY(-3px)}.selected-package-badge,.package-relation-badge{position:absolute;top:14px;right:14px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--package-color) 45%,#3a4050);border-radius:99px;background:color-mix(in srgb,var(--package-color) 15%,#171a22);color:var(--package-color);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.package-relation-badge.downgrade{border-color:#3d424e;background:#20242d;color:#9199aa}.catalog-package-card>header{display:flex;align-items:center;gap:13px;padding-right:70px}.catalog-package-card h2{margin:3px 0 0;font-size:21px}.catalog-package-description{min-height:54px;margin:18px 0 12px;color:#929aaa;font-size:11px;line-height:1.65}.catalog-price{display:flex;align-items:baseline;gap:7px;margin-bottom:12px}.catalog-price strong{color:#fff;font-size:25px}.catalog-price small{color:#737c8e;font-size:10px}.catalog-status{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #272c36;border-bottom:1px solid #272c36;color:#858d9e;font-size:11px}.catalog-card-section{padding-top:17px}.catalog-card-section h3{margin:0 0 11px;font-size:12px}.catalog-card-section .feature-list{max-height:220px;overflow:auto}.catalog-limit-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.catalog-limit-list li{display:flex;justify-content:space-between;gap:12px;color:#8992a3;font-size:10px}.catalog-limit-list strong{color:#d7dbe3;text-align:right}.catalog-package-action,.current-package-footer{margin-top:auto;padding-top:20px}.catalog-package-action button{width:100%}.current-package-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--package-color)}.current-package-footer small{color:#8991a2}.package-catalog:has(.catalog-package-card:nth-child(4)){grid-template-columns:repeat(auto-fit,minmax(285px,1fr))}
@media(max-width:1050px){.package-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-package-card.is-current{transform:none}.catalog-package-card.is-current:hover{transform:translateY(-3px)}}@media(max-width:650px){.package-catalog{display:flex;flex-direction:column}.catalog-package-card.is-current{order:-1}.catalog-package-description{min-height:0}.catalog-package-card>header{padding-right:65px}}
.package-relation-badge.information{border-color:#3d424e;background:#20242d;color:#9199aa}.mba-test-notice{display:grid;gap:5px;margin-top:14px;padding:13px;border:1px solid color-mix(in srgb,var(--package-color) 35%,#353b48);border-radius:11px;background:color-mix(in srgb,var(--package-color) 9%,#171a22)}.mba-test-notice strong{color:var(--package-color);font-size:11px}.mba-test-notice span{color:#9ca4b4;font-size:10px;line-height:1.5}
.test-access-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.test-access-dialog{width:min(640px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:0;border:1px solid #3c4352;border-radius:16px;background:#171a22;color:#eef1f7;box-shadow:0 28px 90px rgba(0,0,0,.65)}.test-access-dialog::backdrop{background:rgba(5,7,12,.78);backdrop-filter:blur(5px)}.test-access-form{display:grid;gap:18px;padding:22px}.test-access-form header,.test-access-form footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.test-access-form fieldset{display:grid;grid-template-columns:auto 1fr;gap:10px 14px;padding:15px;border:1px solid #303644;border-radius:12px;background:#1d212b}.test-access-form legend{padding:0 7px;color:#dce2ef;font-weight:700}.test-access-form fieldset small{grid-column:1/-1;color:#929bad}.test-access-form .radio-option{display:flex;align-items:center;gap:7px}.test-access-form .radio-option input{width:auto}.dialog-close{min-width:38px;padding:7px;background:#282e3a;color:#bcc5d5;font-size:20px}@media(max-width:640px){.test-access-form fieldset{grid-template-columns:1fr}.test-access-form fieldset small{grid-column:auto}.test-access-form footer{align-items:stretch;flex-direction:column-reverse}}
.bot-request-card{border-color:#3b4354;background:linear-gradient(145deg,#1a1f2a,#12151c)}.bot-request-card .server-card-action form{margin:0}.bot-request-card .server-card-action button{min-height:38px;padding:9px 15px}.server-card-status.waiting{color:#f0b232}.server-card-status.waiting i{background:#f0b232;box-shadow:0 0 0 4px rgba(240,178,50,.12)}