.premium-page { max-width: 1460px; margin: 0 auto; padding: 28px clamp(18px, 4vw, 48px) 64px; }
.premium-heading { text-align: center; margin: 12px auto 34px; max-width: 720px; }
.premium-heading > span, .premium-kicker { color: var(--accent); font-weight: 700; display: inline-flex; align-items: center; gap: 8px; }
.premium-heading h1 { margin: 10px 0 8px; font-size: clamp(28px, 4vw, 42px); letter-spacing: 0; }
.premium-heading p, .premium-current p, .premium-comparison header p { color: var(--muted); }
.premium-current { border: 1px solid var(--line); padding: 22px; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.premium-current.is-premium { border-color: var(--accent); }
.premium-current h2 { margin: 8px 0 4px; }
.premium-current-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.premium-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
.premium-plan { position: relative; border: 1px solid var(--line); background: var(--paper); padding: 24px; display: flex; flex-direction: column; min-width: 0; }
.premium-plan.is-popular { border-color: var(--accent); }
.premium-popular { position: absolute; top: 0; right: 18px; transform: translateY(-50%); background: var(--accent); color: var(--accent-on); padding: 4px 9px; font-size: 12px; font-weight: 700; }
.premium-plan h2 { margin: 0 0 12px; font-size: 20px; }
.premium-price { font-size: 32px; font-weight: 800; color: var(--ink); }
.premium-plan ul { list-style: none; padding: 18px 0; margin: 0; flex: 1; border-top: 1px solid var(--line); margin-top: 18px; }
.premium-plan li { display: flex; gap: 9px; align-items: flex-start; margin: 10px 0; }
.premium-plan li .icon { color: var(--accent); flex: 0 0 auto; }
.premium-provider-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:auto; }
.premium-provider-actions .button { flex:1 1 150px; justify-content:center; }
.premium-unavailable { display: block; text-align: center; color: var(--muted); margin-top: 8px; }
.premium-comparison { margin-top: 42px; }
.premium-comparison > header { margin-bottom: 20px; text-align:center; }
.premium-comparison > header h2 { margin:8px 0; font-size:28px; }
.premium-comparison > header p { margin:0; }
.premium-table { position:relative; border: 1px solid var(--line); overflow: clip; background:var(--paper); }
.premium-table-row { display: grid; grid-template-columns: minmax(280px, 1fr) minmax(130px, 180px) minmax(150px, 200px); border-top: 1px solid var(--line); min-height: 58px; align-items: stretch; }
.premium-table-row:first-child { border-top: 0; }
.premium-table-row > * { display:flex; align-items:center; padding: 15px 20px; min-width: 0; }
.premium-table-row > :not(:first-child) { justify-content:center; text-align: center; border-left:1px solid var(--line); }
.premium-table-row > :last-child { background:color-mix(in srgb,var(--accent) 6%,transparent); }
.premium-table-head { position:sticky; top:0; z-index:3; background: var(--paper); box-shadow:0 1px 0 var(--line); min-height:68px; }
.premium-table-head > strong { font-size:15px; }
.premium-plan-column { justify-content:center; gap:7px; }
.premium-plan-column.is-premium { color:var(--accent-ink); }
.premium-plan-column .icon { width:17px; height:17px; }
.premium-table-group { display:flex; align-items:center; justify-content:space-between; gap:16px; padding: 15px 20px; background: var(--wash); border-top: 1px solid var(--line); }
.premium-table-group strong { font-size:15px; }
.premium-table-group span { color:var(--muted); font-size:12px; }
.premium-feature-name { font-weight:600; }
.premium-value { color: var(--ink); font-weight: 800; }
.premium-value.is-premium { color:var(--accent-ink); }
.premium-availability { display:inline-grid; place-items:center; width:28px; height:28px; border-radius:50%; }
.premium-availability .icon { width:17px; height:17px; stroke-width:2.5; }
.premium-availability.is-included { color:#2fa66f; background:color-mix(in srgb,#2fa66f 12%,transparent); }
.premium-availability.is-excluded { color:#d05a68; background:color-mix(in srgb,#d05a68 10%,transparent); }
.premium-availability.is-premium.is-included { color:var(--accent-ink); background:color-mix(in srgb,var(--accent) 13%,transparent); }
.premium-limit { font-variant-numeric:tabular-nums; }
.premium-comparison-action { position:sticky; bottom:16px; z-index:4; display:flex; align-items:center; justify-content:space-between; gap:20px; width:min(680px,calc(100% - 32px)); margin:22px auto 0; padding:14px 16px 14px 20px; border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line)); background:color-mix(in srgb,var(--paper) 94%,transparent); box-shadow:0 12px 34px #0003; backdrop-filter:blur(12px); }
.premium-comparison-action>div { display:grid; gap:3px; }
.premium-comparison-action span { color:var(--muted); font-size:12px; }
.premium-comparison-action .button { flex:none; }
.premium-live { min-height: 20px; text-align: center; }
@media (max-width: 820px) { .premium-plans { grid-template-columns: 1fr; } .premium-current { align-items: flex-start; flex-direction: column; } }
@media (max-width: 600px) { .premium-page { padding-inline: 14px; } .premium-table { overflow-x: auto; } .premium-table-row { min-width: 660px; } .premium-table-group{min-width:660px;} .premium-comparison-action{align-items:stretch;flex-direction:column;width:calc(100% - 20px);bottom:10px}.premium-comparison-action .button{width:100%;} }
.premium-transfer-page { max-width:900px; margin:0 auto; padding:32px clamp(18px,4vw,48px) 64px; }
.premium-transfer-heading { margin-bottom:24px; }
.premium-transfer-heading>span { display:inline-flex;align-items:center;gap:8px;color:var(--accent-ink);font-weight:700; }
.premium-transfer-heading h1 { margin:10px 0 8px;font-size:clamp(27px,4vw,38px);letter-spacing:0; }
.premium-transfer-heading p { margin:0;color:var(--muted); }
.premium-transfer-warning { border-color:#d59b2d;background:color-mix(in srgb,#d59b2d 10%,var(--paper));color:var(--ink); }
.premium-transfer-warning>.icon { color:#d59b2d; }
.premium-transfer-form { margin-top:18px;border:1px solid var(--line);background:var(--paper); }
.premium-transfer-form>header { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line); }
.premium-transfer-form>header h2 { margin:0;font-size:18px; }
.premium-transfer-remaining { color:var(--accent-ink);font-size:13px;font-weight:700; }
.premium-transfer-form>label { display:grid;gap:8px;padding:16px 20px 0;color:var(--muted);font-size:13px;font-weight:650; }
.premium-transfer-form select { width:100%; }
.premium-transfer-server { display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 12px;border:1px solid var(--edge);background:var(--canvas);color:var(--ink); }
.premium-transfer-server img,.premium-transfer-server>.icon { width:30px;height:30px;border-radius:4px;object-fit:cover; }
.premium-transfer-server>div { display:grid;gap:2px; }
.premium-transfer-server span { color:var(--muted);font-size:12px;font-weight:400; }
.premium-transfer-reset { margin:14px 20px 0;color:var(--muted);font-size:12px; }
.premium-transfer-form>footer { display:flex;align-items:center;gap:14px;margin-top:18px;padding:16px 20px;border-top:1px solid var(--line); }
.premium-transfer-status { margin:0;color:var(--muted);font-size:13px; }
@media(max-width:600px) { .premium-transfer-page{padding-inline:14px}.premium-transfer-form>header{align-items:flex-start;flex-direction:column}.premium-transfer-form>footer{align-items:stretch;flex-direction:column}.premium-transfer-form>footer .button{width:100%} }
.premium-upsell-dialog { width:min(840px,calc(100vw - 32px)); }
.premium-upsell-dialog>.dialog-content { padding:0; overflow:hidden; }
.premium-upsell { display:grid; grid-template-columns:minmax(260px,330px) minmax(0,1fr); min-height:390px; background:linear-gradient(135deg,color-mix(in srgb,var(--paper) 96%,#d99b28),var(--paper)); }
.premium-upsell-visual { min-height:390px; overflow:hidden; background:#03120f; border-right:1px solid var(--line); }
.premium-upsell-visual img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.premium-upsell-copy { align-self:center; padding:42px 44px; }
.premium-upsell-kicker { display:inline-flex; align-items:center; gap:8px; margin:0 0 10px; color:#d99b28; font-size:12px; font-weight:850; text-transform:uppercase; letter-spacing:.04em; }
.premium-upsell-kicker::before { content:""; width:8px; height:8px; border-radius:50%; background:#d99b28; box-shadow:0 0 0 5px #d99b2820; }
.premium-upsell-copy h3 { margin:0 0 12px; max-width:410px; font-size:clamp(24px,3vw,31px); line-height:1.12; letter-spacing:0; }
.premium-upsell-copy>p:not(.premium-upsell-kicker) { max-width:430px; margin:0; color:var(--muted); line-height:1.65; }
.premium-upsell-copy ul { display:grid; grid-template-columns:1fr; gap:12px; margin:26px 0 0; padding:0; list-style:none; }
.premium-upsell-copy li { display:flex; align-items:center; gap:11px; min-height:28px; color:var(--ink); font-weight:650; }
.premium-upsell-copy li .icon { flex:none; width:18px; height:18px; padding:2px; border-radius:50%; color:#3fcf79; background:color-mix(in srgb,#3fcf79 12%,transparent); }
.premium-upsell-action { background:linear-gradient(135deg,#358b79,#4fa494); border-color:#68bbaa; color:#fff; box-shadow:0 10px 28px color-mix(in srgb,#358b79 28%,transparent); }
.premium-upsell-action:hover { filter:brightness(1.05); }
@media(max-width:620px) {
  .premium-upsell { grid-template-columns:1fr; min-height:0; }
  .premium-upsell-visual { min-height:0; aspect-ratio:1152/1365; border-right:0; border-bottom:1px solid var(--line); }
  .premium-upsell-copy { padding:24px; }
  .premium-upsell-copy h3 { font-size:21px; }
  .premium-upsell-dialog>.dialog-actions { flex-wrap:wrap; }
  .premium-upsell-dialog>.dialog-actions .button { flex:1; }
}
.admin-page { max-width:1500px; margin:0 auto; padding:28px clamp(18px,4vw,48px) 64px; }
.admin-hero { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:18px; }
.admin-hero h1 { margin:8px 0; font-size:clamp(30px,4vw,44px); letter-spacing:0; }
.admin-hero p { margin:0; color:var(--muted); max-width:680px; line-height:1.6; }
.admin-hero input { width:min(420px,100%); }
.admin-tabs { display:flex; gap:8px; margin:20px 0; overflow-x:auto; border-bottom:1px solid var(--line); }
.admin-tab { flex:0 0 auto; min-height:44px; border:0; border-bottom:2px solid transparent; border-radius:0; background:transparent; color:var(--muted); }
.admin-tab.active { border-bottom-color:var(--accent); color:var(--ink); background:transparent; }
.admin-content { display:grid; gap:18px; }
.admin-tools { display:flex; gap:10px; flex-wrap:wrap; }
.admin-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.admin-metric { display:grid; gap:8px; padding:18px; border:1px solid var(--line); background:var(--paper); }
.admin-metric>.icon { color:var(--accent-ink); }
.admin-metric span { color:var(--muted); font-size:13px; }
.admin-metric strong { font-size:28px; }
.admin-panel { border:1px solid var(--line); background:var(--paper); overflow:hidden; }
.admin-panel>header { padding:18px 20px; border-bottom:1px solid var(--line); }
.admin-panel h2 { margin:0; font-size:19px; }
.admin-log-item { display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:12px; padding:14px 20px; border-top:1px solid var(--line); }
.admin-log-item:first-of-type { border-top:0; }
.admin-log-item img,.admin-log-item>span,.admin-server-cell img,.admin-server-cell>span,.admin-user-card>img,.admin-user-card>span { width:38px; height:38px; border-radius:6px; object-fit:cover; display:grid; place-items:center; background:var(--wash); color:var(--ink); font-weight:800; }
.admin-log-item strong,.admin-server-cell strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.admin-log-item span,.admin-server-cell span,.admin-log-item time { color:var(--muted); font-size:12px; }
.admin-table-panel { overflow:auto; }
.admin-table { width:100%; border-collapse:collapse; min-width:920px; }
.admin-table th,.admin-table td { padding:13px 16px; border-top:1px solid var(--line); text-align:left; vertical-align:middle; }
.admin-table th { color:var(--muted); font-size:12px; background:var(--wash); }
.admin-server-cell { display:flex; align-items:center; gap:12px; min-width:0; }
.admin-premium-badge { display:inline-flex; align-items:center; min-height:26px; padding:4px 9px; border-radius:999px; font-size:12px; font-weight:800; }
.admin-premium-badge.free { background:var(--wash); color:var(--muted); }
.admin-premium-badge.premium { background:color-mix(in srgb,var(--accent) 16%,transparent); color:var(--accent-ink); }
.admin-premium-badge.manual { background:color-mix(in srgb,#d99b28 18%,transparent); color:#d99b28; }
.admin-premium-badge.danger { background:color-mix(in srgb,#d94f4f 17%,transparent); color:#f06a6a; }
.admin-actions-cell { display:flex; gap:8px; flex-wrap:wrap; }
.admin-card-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(310px,1fr)); gap:14px; }
.admin-server-card { display:grid; gap:14px; padding:16px; border:1px solid var(--line); background:var(--paper); }
.admin-server-card>header { display:flex; align-items:center; gap:12px; min-width:0; }
.admin-server-card>header>div { flex:1 1 auto; min-width:0; }
.admin-server-card>header img,.admin-server-card>header>span { flex:0 0 48px; width:48px; height:48px; border-radius:8px; display:grid; place-items:center; background:var(--wash); object-fit:cover; font-weight:850; }
.admin-server-card h3 { margin:0 0 4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:17px; }
.admin-server-card code,.admin-user-card code,.admin-user-profile code { font-size:12px; color:var(--muted); overflow-wrap:anywhere; }
.admin-badge-row { display:flex; gap:8px; flex-wrap:wrap; }
.admin-server-card dl { display:grid; grid-template-columns:auto minmax(0,1fr); gap:8px 12px; margin:0; }
.admin-server-card dt { color:var(--muted); font-size:12px; font-weight:800; }
.admin-server-card dd { margin:0; min-width:0; overflow-wrap:anywhere; }
.admin-server-card footer,.admin-inline-actions { display:flex; gap:8px; flex-wrap:wrap; }
.admin-users { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:14px; }
.admin-users-compact { padding:18px 20px; }
.admin-user-card { display:grid; grid-template-columns:46px minmax(0,1fr); gap:12px; padding:16px; border:1px solid var(--line); background:var(--paper); }
.admin-user-card>img,.admin-user-card>span { width:46px; height:46px; border-radius:8px; }
.admin-user-card code { display:block; color:var(--muted); margin:2px 0; }
.admin-user-card small { color:var(--accent-ink); font-weight:750; }
.admin-user-card p { margin:8px 0 0; color:var(--muted); line-height:1.45; }
.admin-inline-actions { margin-top:10px; }
.admin-user-detail { display:grid; gap:16px; }
.admin-user-profile>header { display:flex; align-items:center; gap:14px; padding:18px 20px; }
.admin-user-profile>header img,.admin-user-profile>header>span { width:58px; height:58px; border-radius:10px; display:grid; place-items:center; background:var(--wash); object-fit:cover; font-weight:850; }
.admin-user-profile h2 { margin:0 0 4px; }
.admin-table-note { display:block; margin-top:5px; color:var(--muted); font-size:11px; }
.admin-form { display:grid; gap:14px; min-width:min(520px,calc(100vw - 72px)); }
.admin-form label { display:grid; gap:7px; color:var(--muted); font-size:13px; font-weight:700; }
.admin-form label>span { color:var(--ink); }
.admin-form textarea { resize:vertical; min-height:92px; }
.admin-search-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.admin-empty-line { margin:0; padding:18px 20px; color:var(--muted); }
.admin-detail { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr); gap:16px; }
.admin-detail-main { min-width:0; }
.admin-detail-main>header { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.admin-detail-title { display:flex; align-items:center; gap:14px; min-width:0; }
.admin-detail-title img,.admin-detail-title>span { width:54px; height:54px; border-radius:8px; display:grid; place-items:center; background:var(--wash); font-weight:850; object-fit:cover; }
.admin-detail-title h2 { margin:0 0 4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.admin-detail-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:18px; }
.admin-detail-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:0 18px 18px; }
.admin-detail-side dl { display:grid; grid-template-columns:120px minmax(0,1fr); gap:10px 14px; margin:0; padding:18px 20px; }
.admin-detail-side dt { color:var(--muted); font-size:12px; font-weight:800; }
.admin-detail-side dd { margin:0; min-width:0; overflow-wrap:anywhere; }
.admin-notes,.admin-detail-history { grid-column:1 / -1; }
.admin-notes>div { display:grid; gap:12px; padding:18px 20px; }
.admin-notes textarea { min-height:140px; resize:vertical; }
.admin-notes .admin-detail-actions { padding:0; justify-content:flex-end; }
.admin-system-summary>header p { margin:5px 0 0; color:var(--muted); }
.admin-system-summary dl { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:0; margin:0; }
.admin-system-summary dt,.admin-system-summary dd { margin:0; padding:14px 20px; border-top:1px solid var(--line); }
.admin-system-summary dt:first-of-type,.admin-system-summary dt:first-of-type+dd { border-top:0; }
.admin-system-summary dt { color:var(--muted); }
.admin-system-summary dd { font-weight:800; text-align:right; }
.admin-platform-section { display:grid; gap:16px; }
.admin-platform-section>header h2 { margin:0; }
.admin-platform-section>header p { margin:5px 0 0; color:var(--muted); }
.admin-account-link { width:auto !important; min-width:0 !important; padding-inline:12px !important; gap:7px; }
@media(max-width:900px) { .admin-hero { align-items:stretch; flex-direction:column; } .admin-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:980px) { .admin-detail { grid-template-columns:1fr; } .admin-detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:560px) { .admin-page { padding-inline:14px; } .admin-grid,.admin-detail-grid,.admin-search-summary { grid-template-columns:1fr; } .admin-log-item { grid-template-columns:38px minmax(0,1fr); } .admin-log-item time { grid-column:2; } .admin-detail-side dl { grid-template-columns:1fr; } }

.account-page { width:100%; max-width:1460px; margin:0 auto; padding:30px clamp(18px,4vw,48px) 72px; }
.account-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; }
.account-heading h1 { margin:7px 0 5px; font-size:36px; letter-spacing:0; }
.account-heading p { margin:0; color:var(--muted); }
.account-tabs { display:flex; gap:8px; margin:24px 0 18px; border-bottom:1px solid var(--line); }
.account-tab { min-height:44px; border:0; border-bottom:2px solid transparent; background:transparent; color:var(--muted); }
.account-tab.active { border-bottom-color:var(--accent); color:var(--ink); }
.account-content { display:grid; gap:18px; }
.account-server-tools { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.account-server-tools>input { width:min(430px,100%); }
.account-filters { display:flex; gap:7px; flex-wrap:wrap; }
.account-filter { min-height:36px; padding:7px 11px; background:var(--paper); color:var(--muted); }
.account-filter.active { border-color:var(--accent); color:var(--accent-ink); background:color-mix(in srgb,var(--accent) 8%,var(--paper)); }
.account-server-grid,.account-subscription-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:14px; }
.account-server-card,.account-subscription { display:grid; gap:15px; min-width:0; padding:18px; border:1px solid var(--line); border-radius:8px; background:var(--paper); }
.account-server-card>header,.account-subscription>header { display:flex; align-items:center; gap:12px; min-width:0; }
.account-server-card>header>div,.account-subscription>header>div { flex:1 1 auto; min-width:0; }
.account-server-avatar { display:grid; place-items:center; flex:none; width:48px; height:48px; border-radius:8px; object-fit:cover; background:var(--wash); color:var(--ink); font-weight:800; }
.account-server-card h3,.account-subscription h3 { display:-webkit-box; margin:0 0 3px; overflow:hidden; overflow-wrap:anywhere; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; line-height:1.25; font-size:17px; }
.account-server-card header span,.account-subscription header span { color:var(--muted); font-size:12px; }
.account-badge-row { display:flex; gap:7px; flex-wrap:wrap; }
.account-badge { display:inline-flex; align-items:center; gap:6px; min-height:27px; padding:4px 8px; border:1px solid var(--line); border-radius:999px; font-size:11px; font-weight:750; }
.account-badge .icon { width:14px; height:14px; }
.account-badge.premium { border-color:color-mix(in srgb,#d6a83f 50%,var(--line)); color:#d6a83f; background:color-mix(in srgb,#d6a83f 9%,transparent); }
.account-badge.online { color:#3fcf79; }
.account-badge.free,.account-badge.muted { color:var(--muted); }
.account-card-note { margin:0; color:var(--muted); font-size:12px; }
.account-server-card>footer,.account-subscription>footer { display:flex; gap:8px; flex-wrap:wrap; margin-top:auto; }
.account-card-action { flex:1 1 100px; justify-content:center; }
.account-card-action.disabled { opacity:.55; pointer-events:none; }
.account-subscription dl { display:grid; grid-template-columns:auto minmax(0,1fr); gap:9px 14px; margin:0; padding:14px 0; border-block:1px solid var(--line); }
.account-subscription dt { color:var(--muted); font-size:12px; font-weight:700; }
.account-subscription dd { margin:0; text-align:right; overflow-wrap:anywhere; }
.premium-danger-zone { display:flex; flex:1 0 100%; align-items:center; justify-content:space-between; gap:18px; width:100%; margin-top:4px; padding:14px 16px; border:1px solid var(--error-line,#d05a68); border-radius:8px; background:color-mix(in srgb,var(--danger,#b42318) 7%,transparent); }
.premium-danger-zone>div { display:grid; gap:3px; }
.premium-danger-zone strong { color:var(--danger,#d94f4f); }
.premium-danger-zone p { margin:0; color:var(--muted); font-size:12px; }
.premium-danger-zone .button { flex:none; }
.account-empty { display:grid; place-items:center; gap:9px; min-height:260px; padding:34px; border:1px solid var(--line); border-radius:8px; text-align:center; background:var(--paper); }
.account-empty>.icon { width:30px; height:30px; color:var(--accent-ink); }
.account-empty h2,.account-empty p { margin:0; }
.account-empty p { color:var(--muted); }
.account-comparison { margin-top:12px; border:1px solid var(--line); border-radius:8px; overflow:hidden; background:var(--paper); }
.account-comparison>header { padding:18px 20px; border-bottom:1px solid var(--line); }
.account-comparison h2,.account-comparison p { margin:0; }
.account-comparison p { margin-top:5px; color:var(--muted); }
.account-comparison-list>div { display:grid; grid-template-columns:minmax(180px,1fr) 140px 140px; min-height:48px; border-top:1px solid var(--line); }
.account-comparison-list>div:first-child { border-top:0; }
.account-comparison-list>div>* { display:flex; align-items:center; padding:11px 16px; }
.account-comparison-list span { justify-content:center; border-left:1px solid var(--line); color:var(--muted); text-align:center; }
.account-comparison-list span.premium { color:var(--accent-ink); font-weight:750; background:color-mix(in srgb,var(--accent) 5%,transparent); }
.account-transfer-panel,.account-history { border:1px solid var(--line); border-radius:8px; overflow:hidden; background:var(--paper); }
.account-transfer-panel>header,.account-history>header { padding:18px 20px; border-bottom:1px solid var(--line); }
.account-transfer-panel h2,.account-transfer-panel p,.account-history h2 { margin:0; }
.account-transfer-panel header p { margin-top:5px; color:var(--muted); }
.account-transfer-summary { display:grid; grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr); align-items:center; gap:10px; padding:20px; border-bottom:1px solid var(--line); }
.account-transfer-summary>.icon { justify-self:center; color:var(--accent-ink); }
.account-transfer-server { display:flex; align-items:center; gap:12px; min-width:0; padding:12px; border:1px solid var(--line); border-radius:6px; background:var(--canvas); }
.account-transfer-server>.icon { width:48px; height:48px; padding:12px; border-radius:8px; background:var(--wash); }
.account-transfer-server>div { display:grid; min-width:0; gap:3px; }
.account-transfer-server strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.account-transfer-server span { color:var(--muted); font-size:12px; }
.account-transfer-fields { display:grid; grid-template-columns:1fr 1fr; gap:14px; padding:20px; }
.account-transfer-fields label { display:grid; gap:7px; color:var(--muted); font-size:12px; font-weight:700; }
.account-transfer-panel>.notice { margin:0 20px 20px; }
.account-transfer-panel>footer { display:flex; justify-content:flex-end; padding:16px 20px; border-top:1px solid var(--line); }
.account-history article { display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:12px; padding:13px 20px; border-top:1px solid var(--line); }
.account-history article:first-of-type { border-top:0; }
.account-history-avatar { width:40px; height:40px; border-radius:7px; object-fit:cover; display:grid; place-items:center; background:var(--wash); font-weight:800; }
.account-history article>div { display:grid; gap:3px; }
.account-history article span,.account-history time { color:var(--muted); font-size:12px; }
.account-history-empty { margin:0; padding:20px; color:var(--muted); }
@media(max-width:760px) {
  .premium-danger-zone { align-items:stretch; flex-direction:column; }
  .account-page { padding-inline:14px; }
  .account-heading,.account-server-tools { align-items:stretch; flex-direction:column; }
  .account-tabs { overflow-x:auto; }
  .account-tab { flex:0 0 auto; }
  .account-transfer-summary { grid-template-columns:1fr; }
  .account-transfer-summary>.icon { transform:rotate(90deg); }
  .account-transfer-fields { grid-template-columns:1fr; }
  .account-comparison { overflow-x:auto; }
  .account-comparison-list { min-width:620px; }
  .account-history article { grid-template-columns:40px minmax(0,1fr); }
  .account-history time { grid-column:2; }
}