html { touch-action: manipulation; }
:root {
  --account-bg: #080b12;
  --account-card: #101624;
  --account-card-2: #151d2e;
  --account-border: rgba(245, 166, 35, .22);
  --account-gold: #f5a623;
  --account-gold-dark: #c77700;
  --account-text: #f4f6fb;
  --account-muted: #9ba8c3;
  --account-danger: #ff5d5d;
  --account-success: #38d996;
}

* { box-sizing: border-box; }
body.account-body {
  margin: 0;
  min-height: 100vh;
  color: var(--account-text);
  background:
    radial-gradient(circle at 15% 15%, rgba(245,166,35,.09), transparent 36%),
    var(--account-bg);
  font-family: "Exo 2", Arial, sans-serif;
}
.account-shell { width: min(1180px, calc(100% - 32px)); margin: 0 auto; padding: 32px 0 64px; }
.account-topbar { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:30px; }
.account-brand { display:flex; gap:12px; align-items:center; color:var(--account-text); text-decoration:none; }
.account-brand-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:11px; color:#080b12; background:linear-gradient(135deg,var(--account-gold-dark),var(--account-gold)); }
.account-brand strong { font-family:"Orbitron",sans-serif; letter-spacing:1.5px; }
.account-brand span { color:var(--account-gold); }
.account-link { color:var(--account-gold); text-decoration:none; font-weight:700; }
.auth-wrap { min-height:calc(100vh - 150px); display:grid; place-items:center; }
.auth-card,.account-card { background:rgba(16,22,36,.96); border:1px solid var(--account-border); border-radius:16px; box-shadow:0 18px 70px rgba(0,0,0,.34); }
.auth-card { width:min(480px,100%); padding:30px; }
.auth-card h1,.account-heading { margin:0 0 8px; font-family:"Orbitron",sans-serif; font-size:clamp(22px,4vw,30px); }
.auth-card > p,.account-lead { margin:0 0 24px; color:var(--account-muted); line-height:1.6; }
.form-group { margin-bottom:16px; }
.form-group label { display:block; margin-bottom:7px; color:#cbd4e6; font-size:13px; font-weight:700; letter-spacing:.4px; }
.form-group input {
  width:100%; padding:13px 14px; border:1px solid rgba(255,255,255,.1); border-radius:9px;
  background:#090e19; color:var(--account-text); outline:none; font:inherit;
}
.form-group input:focus { border-color:var(--account-gold); box-shadow:0 0 0 3px rgba(245,166,35,.09); }
.account-button {
  appearance:none; border:0; border-radius:9px; padding:13px 18px; cursor:pointer;
  background:linear-gradient(135deg,var(--account-gold-dark),var(--account-gold));
  color:#080b12; font:800 13px "Exo 2",sans-serif; letter-spacing:.8px; text-transform:uppercase;
}
.account-button.secondary { color:var(--account-gold); background:transparent; border:1px solid var(--account-border); }
.account-button.danger { color:#fff; background:#a72d38; }
.account-button:disabled { opacity:.55; cursor:not-allowed; }
.full-width { width:100%; }
.auth-footer { margin-top:20px; color:var(--account-muted); text-align:center; }
.auth-actions { display:flex; justify-content:space-between; gap:12px; margin-top:14px; font-size:14px; }
.form-message { display:none; margin:0 0 16px; padding:11px 13px; border-radius:8px; font-size:14px; line-height:1.5; }
.form-message.show { display:block; }
.form-message.error { color:#ffd7d7; background:rgba(255,93,93,.12); border:1px solid rgba(255,93,93,.35); }
.form-message.success { color:#c9ffe8; background:rgba(56,217,150,.1); border:1px solid rgba(56,217,150,.35); }
.account-header { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; margin-bottom:24px; }
.account-grid { display:grid; grid-template-columns:240px minmax(0,1fr); gap:20px; }
.account-sidebar { padding:14px; height:max-content; position:sticky; top:20px; }
.account-nav { display:grid; gap:7px; }
.account-nav button {
  border:0; width:100%; padding:12px 14px; border-radius:8px; background:transparent; color:var(--account-muted);
  text-align:left; cursor:pointer; font:700 14px "Exo 2",sans-serif;
}
.account-nav button:hover,.account-nav button.active { color:var(--account-gold); background:rgba(245,166,35,.09); }
.account-main { padding:24px; min-height:520px; }
.account-panel { display:none; }
.account-panel.active { display:block; }
.account-panel h2 { margin:0 0 18px; font:700 21px "Orbitron",sans-serif; }
.account-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:22px; }
.account-stat { padding:16px; border-radius:11px; background:var(--account-card-2); border:1px solid rgba(255,255,255,.06); }
.account-stat small { color:var(--account-muted); display:block; margin-bottom:6px; }
.account-stat strong { color:var(--account-gold); font-size:20px; }
.account-table-wrap { overflow:auto; border:1px solid rgba(255,255,255,.07); border-radius:10px; }
.account-table { width:100%; border-collapse:collapse; min-width:680px; }
.account-table th,.account-table td { text-align:left; padding:12px; border-bottom:1px solid rgba(255,255,255,.06); font-size:14px; }
.account-table th { color:var(--account-muted); font-size:12px; text-transform:uppercase; letter-spacing:.7px; }
.status-pill { display:inline-block; padding:5px 8px; border-radius:999px; color:#d8e0ef; background:rgba(255,255,255,.08); font-size:12px; }
.download-list,.support-list { display:grid; gap:12px; }
.download-item,.support-item { padding:16px; background:var(--account-card-2); border:1px solid rgba(255,255,255,.06); border-radius:11px; display:flex; align-items:center; justify-content:space-between; gap:14px; }
.muted { color:var(--account-muted); }
.hidden { display:none !important; }
@media (max-width:760px) {
  .account-grid { grid-template-columns:1fr; }
  .account-sidebar { position:static; }
  .account-nav { grid-template-columns:repeat(2,1fr); }
  .account-header { flex-direction:column; }
  .account-stats { grid-template-columns:1fr; }
  .account-main { padding:18px; }
}