/* ============================================
   OGMSHOP — PREMIUM DASHBOARD CSS
   ============================================ */

/* ===== BASE ===== */
.db-body {
  background: #101311;
  color: #F2F4F1;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  overflow-x: hidden;
}

/* ===== GATE (Login screen) ===== */
.db-gate {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background:
    radial-gradient(ellipse 60% 50% at 50% 30%, rgba(98,243,107,0.06) 0%, transparent 70%),
    #101311;
}
.db-gate-box {
  background: rgba(12,17,32,0.9);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 24px;
  padding: 48px 40px;
  width: 100%;
  max-width: 400px;
  text-align: center;
  box-shadow: 0 32px 80px rgba(0,0,0,0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.db-gate-logo {
  font-size: 18px;
  font-weight: 800;
  color: #F2F4F1;
  letter-spacing: -0.5px;
  text-decoration: none;
}
.db-gate-logo span { color: #62F36B; }
.db-gate-icon { font-size: 48px; }
.db-gate-box h1 { font-size: 22px; font-weight: 700; letter-spacing: -0.5px; line-height: 1.2; }
.db-gate-box p  { font-size: 14px; color: #9BA89E; }
.db-gate-btn    { width: 100%; justify-content: center; border-radius: 14px !important; }
.db-gate-link   { font-size: 13px; color: #566058; text-decoration: none; }
.db-gate-link:hover { color: #62F36B; }

/* ===== LAYOUT ===== */
.db-layout {
  display: grid;
  grid-template-columns: 256px 1fr;
  min-height: 100vh;
}

/* ===== SIDEBAR ===== */
.db-sidebar {
  position: fixed;
  top: 0; left: 0;
  width: 256px;
  height: 100vh;
  background: #151917;
  border-right: 1px solid rgba(255,255,255,0.05);
  display: flex;
  flex-direction: column;
  padding: 20px 12px;
  overflow-y: auto;
  z-index: 10;
}
.db-sidebar::-webkit-scrollbar { width: 3px; }
.db-sidebar::-webkit-scrollbar-thumb { background: #252E28; }

.db-sidebar-logo {
  font-size: 16px;
  font-weight: 800;
  color: #F2F4F1;
  letter-spacing: -0.5px;
  text-decoration: none;
  padding: 8px 12px;
  margin-bottom: 16px;
  display: block;
}
.db-sidebar-logo span { color: #62F36B; }

/* Profile card in sidebar */
.db-profile-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 14px;
  margin-bottom: 10px;
}
.db-avatar-lg {
  width: 40px; height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #62F36B, #00a855);
  color: #000;
  font-size: 16px; font-weight: 800;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.db-profile-info { min-width: 0; flex: 1; }
.db-profile-name  { font-size: 13px; font-weight: 700; color: #F2F4F1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.db-profile-email { font-size: 11px; color: #566058; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 2px; }
.db-profile-level { margin-top: 4px; }
.db-level-badge {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 9999px;
  font-size: 9px; font-weight: 700; letter-spacing: 1.5px;
  background: rgba(245,193,74,0.12);
  border: 1px solid rgba(245,193,74,0.25);
  color: #F5C14A;
  text-transform: uppercase;
}

/* Level bar */
.db-level-bar {
  height: 3px;
  background: rgba(255,255,255,0.06);
  border-radius: 9999px;
  margin: 6px 12px 4px;
  overflow: hidden;
}
.db-level-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, #62F36B, #4BD952);
  border-radius: 9999px;
  transition: width 1s ease;
}
.db-level-hint { font-size: 10px; color: #566058; padding: 0 12px; margin-bottom: 12px; }

/* Sidebar nav */
.db-nav { display: flex; flex-direction: column; gap: 2px; flex: 1; }
.db-nav-item {
  display: flex; align-items: center; gap: 9px;
  width: 100%; padding: 10px 12px;
  font-size: 13px; font-weight: 500; color: #566058;
  border-radius: 10px; border: none; background: none;
  text-align: left; cursor: pointer;
  transition: color 0.15s, background 0.15s;
  position: relative;
}
.db-nav-item:hover { color: #F2F4F1; background: rgba(255,255,255,0.04); }
.db-nav-item.active { color: #62F36B; background: rgba(98,243,107,0.08); }
.db-nav-icon { font-size: 15px; flex-shrink: 0; width: 18px; text-align: center; }
.db-nav-badge {
  margin-left: auto;
  background: #62F36B; color: #000;
  font-size: 10px; font-weight: 800;
  padding: 1px 6px; border-radius: 9999px; min-width: 18px; text-align: center;
}
.db-nav-badge-red { background: #EF4444; color: #fff; }

/* Sidebar footer */
.db-sidebar-footer {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,0.05);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.db-new-order-btn {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  text-decoration: none;
  background: linear-gradient(135deg, #62F36B, #4BD952);
  color: #000; font-size: 13px; font-weight: 700;
  padding: 10px; border-radius: 10px;
  transition: transform 0.15s, box-shadow 0.15s;
}
.db-new-order-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 14px rgba(98,243,107,0.25); }
.db-logout-btn {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  background: rgba(239,68,68,0.08);
  border: 1px solid rgba(239,68,68,0.15);
  color: #EF4444; font-size: 13px; font-weight: 500;
  padding: 10px; border-radius: 10px; cursor: pointer;
  transition: background 0.15s;
  font-family: inherit;
}
.db-logout-btn:hover { background: rgba(239,68,68,0.14); }

/* ===== MOBILE NAV ===== */
.db-mobile-nav {
  display: none;
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 50;
  background: rgba(8,11,20,0.97);
  backdrop-filter: blur(20px);
  border-top: 1px solid rgba(255,255,255,0.06);
  padding: 8px 0 calc(8px + env(safe-area-inset-bottom));
}
.db-mobile-nav { grid-template-columns: repeat(5, 1fr); gap: 0; }
.db-mn-item {
  display: flex; flex-direction: column; align-items: center; gap: 3px;
  padding: 6px 4px; background: none; border: none;
  color: #566058; font-size: 18px; cursor: pointer;
  position: relative; transition: color 0.15s;
  width: 100%;
}
.db-mn-item small { font-size: 9px; font-weight: 600; letter-spacing: 0.3px; font-family: inherit; }
.db-mn-item.active { color: #62F36B; }
.db-mn-dot {
  position: absolute; top: 4px; right: 20%;
  width: 7px; height: 7px; border-radius: 50%;
  background: #62F36B; border: 1.5px solid #151917;
}
.db-mn-dot-red { background: #EF4444; }

/* ===== MAIN CONTENT ===== */
.db-main {
  margin-left: 256px;
  min-height: 100vh;
  background: #101311;
}

.db-section {
  padding: 32px 36px;
  max-width: 960px;
}

/* ===== WELCOME ===== */
.db-welcome {
  display: flex; justify-content: space-between; align-items: flex-start;
  gap: 16px; flex-wrap: wrap;
  margin-bottom: 28px;
}
.db-welcome-title {
  font-size: clamp(22px, 3vw, 30px);
  font-weight: 800; letter-spacing: -0.8px; color: #F2F4F1;
  margin-bottom: 4px;
}
.db-welcome-title span { color: #62F36B; }
.db-welcome-sub  { font-size: 14px; color: #566058; }
.db-welcome-date { font-size: 13px; color: #566058; text-align: right; }

/* ===== STAT CARDS ===== */
.db-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 24px;
}
.db-stat-card {
  background: #1A1F1C;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 16px;
  padding: 20px 18px;
  transition: border-color 0.2s, transform 0.2s;
  cursor: default;
}
.db-stat-card:hover { border-color: rgba(255,255,255,0.1); transform: translateY(-2px); }
.db-stat-icon { font-size: 20px; margin-bottom: 10px; }
.db-stat-num  {
  font-size: 30px; font-weight: 800;
  color: #F2F4F1; letter-spacing: -1px; line-height: 1;
  margin-bottom: 5px;
}
.db-stat-label { font-size: 12px; color: #566058; font-weight: 500; }

/* ===== CARD ===== */
.db-card {
  background: #1A1F1C;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 18px;
  overflow: hidden;
}
.db-card-muted { opacity: 0.7; }
.db-card-header {
  display: flex; justify-content: space-between; align-items: center;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.db-card-header h3,
.db-card-header h4 {
  font-size: 15px; font-weight: 700; color: #F2F4F1; letter-spacing: -0.3px;
}
.db-link-btn {
  font-size: 13px; color: #62F36B; background: none; border: none;
  cursor: pointer; font-family: inherit; font-weight: 600;
  transition: opacity 0.15s;
}
.db-link-btn:hover { opacity: 0.75; }

/* ===== TICKET ROW ===== */
.db-ticket-row {
  display: flex; align-items: center; gap: 14px;
  padding: 14px 20px;
  border-bottom: 1px solid rgba(255,255,255,0.04);
  cursor: pointer;
  transition: background 0.12s;
  text-decoration: none; color: inherit;
}
.db-ticket-row:last-child { border-bottom: none; }
.db-ticket-row:hover { background: rgba(255,255,255,0.02); }
.db-tr-coin {
  width: 40px; height: 40px; border-radius: 10px;
  background: rgba(98,243,107,0.08);
  border: 1px solid rgba(98,243,107,0.15);
  display: flex; align-items: center; justify-content: center;
  font-size: 18px; flex-shrink: 0;
}
.db-tr-info { flex: 1; min-width: 0; }
.db-tr-no   { font-size: 13px; font-weight: 700; color: #F2F4F1; margin-bottom: 3px; font-family: 'SF Mono', 'Fira Code', monospace; letter-spacing: 0.3px; }
.db-tr-meta { font-size: 12px; color: #566058; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.db-tr-price { font-size: 16px; font-weight: 800; color: #62F36B; letter-spacing: -0.5px; flex-shrink: 0; }
.db-tr-arrow { color: #3a4040; font-size: 14px; flex-shrink: 0; }

/* Status badges */
.db-status {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 3px 10px; border-radius: 9999px;
  font-size: 11px; font-weight: 700; letter-spacing: 0.3px;
  flex-shrink: 0;
}
.db-status::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: currentColor; flex-shrink: 0; }
.s-pending          { background: rgba(255,200,0,0.12);   color: #FFC800; }
.s-payment_waiting  { background: rgba(255,120,0,0.12);   color: #FF7800; }
.s-processing       { background: rgba(96,180,255,0.12);  color: #60B4FF; }
.s-completed        { background: rgba(98,243,107,0.12);   color: #62F36B; }
.s-cancelled        { background: rgba(239,68,68,0.12);   color: #EF4444; }

/* ===== QUICK GRID ===== */
.db-quick-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}
.db-quick-card {
  background: #1A1F1C;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 14px;
  padding: 16px 8px;
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  cursor: pointer; text-decoration: none; color: inherit; border: none;
  border: 1px solid rgba(255,255,255,0.06);
  transition: background 0.15s, border-color 0.15s, transform 0.15s;
  font-family: inherit;
}
.db-quick-card:hover { background: #1F2622; border-color: rgba(255,255,255,0.1); transform: translateY(-2px); }
.db-quick-icon { font-size: 22px; }
.db-quick-label { font-size: 11px; font-weight: 600; color: #9BA89E; text-align: center; }

/* ===== SECTION HEADER ===== */
.db-section-hd {
  display: flex; justify-content: space-between; align-items: center;
  gap: 16px; flex-wrap: wrap;
  margin-bottom: 24px;
}
.db-section-hd h2 { font-size: 22px; font-weight: 800; letter-spacing: -0.6px; color: #F2F4F1; }
.db-section-hd p  { font-size: 13px; color: #566058; margin-top: 3px; }

/* ===== SEARCH ===== */
.db-search-wrap { position: relative; }
.db-search-input {
  width: 100%; max-width: 400px;
  background: #1A1F1C; border: 1px solid rgba(255,255,255,0.08);
  color: #F2F4F1; padding: 11px 16px 11px 42px;
  border-radius: 12px; font-size: 14px; font-family: inherit; outline: none;
  transition: border-color 0.2s;
}
.db-search-input:focus { border-color: rgba(98,243,107,0.3); }
.db-search-input::placeholder { color: #566058; }
.db-search-wrap::before {
  content: '🔍';
  position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
  font-size: 14px; pointer-events: none;
}

/* ===== SUPPORT LAYOUT ===== */
.db-support-layout {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 16px;
  height: calc(100vh - 200px);
  min-height: 400px;
}
.db-support-tickets {
  background: #1A1F1C;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 18px;
  overflow-y: auto;
}
.db-support-ticket-item {
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255,255,255,0.04);
  cursor: pointer;
  transition: background 0.12s;
}
.db-support-ticket-item:last-child { border-bottom: none; }
.db-support-ticket-item:hover { background: rgba(255,255,255,0.03); }
.db-support-ticket-item.active { background: rgba(98,243,107,0.06); border-left: 2px solid #62F36B; }
.db-sti-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; }
.db-sti-no   { font-size: 12px; font-weight: 700; color: #F2F4F1; font-family: monospace; }
.db-sti-info { font-size: 11px; color: #566058; }
.db-sti-new  { font-size: 10px; color: #FF7800; font-weight: 700; margin-top: 3px; }

.db-support-chat {
  background: #1A1F1C;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 18px;
  display: flex; flex-direction: column;
  overflow: hidden;
}
.db-chat-placeholder {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  height: 100%; gap: 12px; color: #566058;
}
.db-chat-ph-icon { font-size: 40px; opacity: 0.3; }
.db-chat-placeholder p    { font-size: 15px; font-weight: 600; color: #566058; }
.db-chat-placeholder span { font-size: 13px; color: #3a4040; text-align: center; max-width: 240px; }

/* Chat content */
.db-chat-head {
  padding: 14px 18px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  flex-shrink: 0;
}
.db-chat-head-title { font-size: 13px; font-weight: 700; color: #F2F4F1; font-family: monospace; }
.db-chat-head-meta  { font-size: 11px; color: #566058; margin-top: 3px; display: flex; align-items: center; gap: 8px; }

.db-chat-msgs {
  flex: 1; overflow-y: auto;
  padding: 16px; display: flex; flex-direction: column; gap: 10px;
}
.db-msg {
  max-width: 72%;
  padding: 10px 14px;
  border-radius: 12px;
  font-size: 14px; line-height: 1.5;
}
.db-msg.customer {
  align-self: flex-end;
  background: rgba(98,243,107,0.1);
  border: 1px solid rgba(98,243,107,0.18);
  color: #F2F4F1;
  border-bottom-right-radius: 3px;
}
.db-msg.admin {
  align-self: flex-start;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.07);
  color: #F2F4F1;
  border-bottom-left-radius: 3px;
}
.db-msg-sender { font-size: 10px; font-weight: 700; margin-bottom: 4px; }
.db-msg.admin .db-msg-sender { color: #62F36B; }
.db-msg.customer .db-msg-sender { color: #60B4FF; text-align: right; }
.db-msg-time { font-size: 10px; color: #566058; margin-top: 4px; text-align: right; }
.db-msg.admin .db-msg-time { text-align: left; }
.db-msg-text { white-space: pre-line; }

/* Payment buttons in chat */
.db-pay-btns { display: flex; flex-direction: column; gap: 6px; margin-top: 10px; }
.db-pay-btn {
  display: flex; align-items: center; gap: 8px;
  padding: 10px 14px; border-radius: 10px;
  font-size: 13px; font-weight: 600; cursor: pointer;
  border: 1px solid; font-family: inherit;
  transition: all 0.15s;
}
.db-pay-btn.card   { background: rgba(98,243,107,0.08); border-color: rgba(98,243,107,0.25); color: #62F36B; }
.db-pay-btn.crypto { background: rgba(245,193,74,0.08); border-color: rgba(245,193,74,0.25); color: #F5C14A; }
.db-pay-btn.eft    { background: rgba(96,180,255,0.08); border-color: rgba(96,180,255,0.25); color: #60B4FF; }
.db-pay-btn:hover  { transform: translateX(4px); }

.db-chat-input {
  display: flex; gap: 8px;
  padding: 12px 16px;
  border-top: 1px solid rgba(255,255,255,0.05);
  flex-shrink: 0;
}
.db-chat-input input {
  flex: 1; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07);
  color: #F2F4F1; padding: 10px 14px; border-radius: 10px;
  font-size: 14px; font-family: inherit; outline: none;
  transition: border-color 0.2s;
}
.db-chat-input input:focus { border-color: rgba(98,243,107,0.25); }
.db-chat-input input::placeholder { color: #3a4040; }
.db-chat-send {
  width: 40px; height: 40px;
  background: #62F36B; color: #000; border: none; border-radius: 10px;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; transition: opacity 0.15s;
  font-size: 16px;
}
.db-chat-send:hover { opacity: 0.85; }

/* ===== SECURITY ===== */
.db-security-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.db-form-stack { padding: 20px; display: flex; flex-direction: column; gap: 14px; }
.db-form-grid  { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.db-field { display: flex; flex-direction: column; gap: 6px; }
.db-field label { font-size: 13px; font-weight: 600; color: #D1D5DB; }
.db-field-hint  { font-size: 11px; color: #566058; }
.db-field input {
  background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08);
  color: #F2F4F1; padding: 11px 14px; border-radius: 10px;
  font-size: 14px; font-family: inherit; outline: none;
  transition: border-color 0.2s;
}
.db-field input:focus { border-color: rgba(98,243,107,0.3); }
.db-field input::placeholder { color: #566058; }
.db-field input:disabled { opacity: 0.5; cursor: not-allowed; }

.db-info-list { padding: 8px 20px 20px; }
.db-info-row  { display: flex; justify-content: space-between; align-items: center; padding: 11px 0; border-bottom: 1px solid rgba(255,255,255,0.04); }
.db-info-row:last-child { border-bottom: none; }
.db-info-row span  { font-size: 13px; color: #566058; }
.db-info-row strong { font-size: 13px; color: #F2F4F1; font-weight: 600; }
.db-badge-ok { color: #62F36B; font-size: 12px; font-weight: 700; }
.db-ml-auto  { margin-left: auto; }

.db-muted-text { font-size: 13px; color: #566058; padding: 16px 20px 0; line-height: 1.6; }
.db-mt-sm { margin-top: 12px; display: block; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; }

/* Session */
.db-session-list { padding: 12px 20px 20px; display: flex; flex-direction: column; gap: 8px; }
.db-session-item {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 12px;
  background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06);
  border-radius: 10px;
}
.db-session-icon   { font-size: 20px; }
.db-session-device { font-size: 13px; font-weight: 600; color: #F2F4F1; }
.db-session-meta   { font-size: 11px; color: #566058; margin-top: 2px; }

/* ===== PROFILE ===== */
.db-profile-layout { display: grid; grid-template-columns: 240px 1fr; gap: 14px; }
.db-profile-avatar-card {
  background: #1A1F1C; border: 1px solid rgba(255,255,255,0.06); border-radius: 18px;
  padding: 28px 20px; text-align: center;
  display: flex; flex-direction: column; align-items: center; gap: 10px;
}
.db-avatar-xl {
  width: 80px; height: 80px; border-radius: 50%;
  background: linear-gradient(135deg, #62F36B, #00a855);
  color: #000; font-size: 32px; font-weight: 800;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 4px;
}
.db-profile-name-lg  { font-size: 18px; font-weight: 800; color: #F2F4F1; letter-spacing: -0.3px; }
.db-profile-email-sm { font-size: 12px; color: #566058; }
.db-level-badge-lg span {
  display: inline-block; padding: 4px 14px;
  background: rgba(245,193,74,0.12); border: 1px solid rgba(245,193,74,0.25);
  color: #F5C14A; font-size: 11px; font-weight: 700; letter-spacing: 1.5px;
  border-radius: 9999px; text-transform: uppercase;
}
.db-member-since { font-size: 12px; color: #566058; display: flex; gap: 4px; }
.db-member-since strong { color: #9BA89E; }

.db-profile-form-card { background: #1A1F1C; border: 1px solid rgba(255,255,255,0.06); border-radius: 18px; overflow: hidden; }
.db-profile-form-card .db-form-grid { padding: 20px; padding-bottom: 0; }

/* Notification toggles */
.db-notif-prefs { padding: 0 20px; }
.db-notif-prefs h4 { font-size: 13px; font-weight: 700; color: #F2F4F1; padding: 12px 0 8px; border-top: 1px solid rgba(255,255,255,0.05); }
.db-toggle-item {
  display: flex; align-items: center; gap: 10px;
  padding: 9px 0; font-size: 13px; color: #9BA89E;
  border-bottom: 1px solid rgba(255,255,255,0.04);
  cursor: pointer;
}
.db-toggle-item:last-child { border-bottom: none; }
.db-toggle-item input[type="checkbox"] { width: 16px; height: 16px; accent-color: #62F36B; flex-shrink: 0; }

/* ===== MISC ===== */
.db-mt    { margin-top: 16px; }
.db-mt-sm { margin-top: 10px; }
.db-empty {
  padding: 48px 24px; text-align: center;
  display: flex; flex-direction: column; align-items: center; gap: 12px;
}
.db-empty-icon { font-size: 40px; opacity: 0.2; }
.db-empty h4   { font-size: 16px; font-weight: 700; color: #566058; }
.db-empty p    { font-size: 13px; color: #3a4040; max-width: 280px; line-height: 1.6; }

.db-loading { padding: 16px 20px; display: flex; flex-direction: column; gap: 10px; }
.db-skeleton {
  height: 52px; border-radius: 10px;
  background: linear-gradient(90deg, #1A1F1C 25%, #1F2622 50%, #1A1F1C 75%);
  background-size: 400% 100%;
  animation: shimmer 1.8s ease-in-out infinite;
}
@keyframes shimmer { 0%{background-position:100% 50%} 100%{background-position:0% 50%} }

.db-alert { padding: 10px 14px; border-radius: 10px; font-size: 13px; margin-bottom: 2px; }
.db-alert-err { background: rgba(239,68,68,0.1); border: 1px solid rgba(239,68,68,0.2); color: #FCA5A5; }
.db-alert-ok  { background: rgba(98,243,107,0.1); border: 1px solid rgba(98,243,107,0.2); color: #6EE7B7; }

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
  .db-stats-grid   { grid-template-columns: repeat(2, 1fr); }
  .db-security-grid { grid-template-columns: 1fr; }
  .db-profile-layout { grid-template-columns: 1fr; }
  .db-quick-grid   { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
  .db-layout { grid-template-columns: 1fr; }
  .db-sidebar { display: none; }
  .db-mobile-nav { display: grid; }
  .db-main {
    margin-left: 0;
    padding-bottom: 80px; /* mobile nav height */
  }
  .db-section { padding: 20px 16px; }
  .db-stats-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .db-stat-card  { padding: 16px 14px; border-radius: 14px; }
  .db-stat-num   { font-size: 24px; }
  .db-quick-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .db-quick-card { padding: 14px 6px; border-radius: 12px; }
  .db-quick-icon { font-size: 18px; }
  .db-quick-label { font-size: 10px; }
  .db-support-layout { grid-template-columns: 1fr; height: auto; }
  .db-support-tickets { max-height: 220px; }
  .db-support-chat { min-height: 400px; }
  .db-welcome-title { font-size: 22px; }
  .db-form-grid { grid-template-columns: 1fr; }
  .db-security-grid { grid-template-columns: 1fr; }
  .db-profile-layout { grid-template-columns: 1fr; }
}

@media (max-width: 400px) {
  .db-stats-grid { grid-template-columns: 1fr 1fr; }
  .db-quick-grid { grid-template-columns: repeat(3, 1fr); }
}

/* ===== ACC aliases — hesabim v2 ===== */
.acc-body        { background:#101311; color:#F2F4F1; font-family:'Inter',-apple-system,sans-serif; -webkit-font-smoothing:antialiased; min-height:100vh; }
.acc-gate        { min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px; background:radial-gradient(ellipse 60% 50% at 50% 30%,rgba(98,243,107,.06) 0,transparent 70%),#101311; }
.acc-gate-inner  { background:rgba(12,17,32,.9); border:1px solid rgba(255,255,255,.08); border-radius:20px; padding:44px 36px; width:100%; max-width:380px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:14px; box-shadow:0 32px 80px rgba(0,0,0,.5); }
.acc-logo        { font-size:16px; font-weight:800; color:#F2F4F1; letter-spacing:-.3px; text-decoration:none; display:inline-block; }
.acc-logo span   { color:#62F36B; }
.acc-gate-icon   { width:52px; height:52px; border-radius:50%; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; color:#566058; }
.acc-gate-inner h1 { font-size:19px; font-weight:700; letter-spacing:-.3px; }
.acc-gate-inner p  { font-size:13px; color:#9BA89E; }
.acc-gate-btn    { display:block; width:100%; padding:12px; background:linear-gradient(135deg,#62F36B,#4BD952); color:#000; font-weight:700; font-size:14px; border-radius:10px; text-decoration:none; text-align:center; }
.acc-gate-link   { font-size:12px; color:#566058; text-decoration:none; }
.acc-gate-link:hover { color:#62F36B; }

/* ===== LAYOUT ===== */
.acc-layout {
  display: flex;
  min-height: 100vh;
}

/* ===== SIDEBAR ===== */
.acc-sidebar {
  position: fixed;
  top: 0; left: 0;
  width: 240px;
  height: 100vh;
  background: #151917;
  border-right: 1px solid rgba(255,255,255,.07);
  display: flex;
  flex-direction: column;
  padding: 18px 12px;
  overflow-y: auto;
  z-index: 10;
  flex-shrink: 0;
}
.acc-sidebar-top  { flex:1; display:flex; flex-direction:column; gap:4px; }
.acc-sidebar-foot { padding-top:10px; border-top:1px solid rgba(255,255,255,.06); display:flex; flex-direction:column; gap:6px; }
.acc-sidebar-logo { padding:6px 8px; margin-bottom:12px; }
.acc-identity    { display:flex; align-items:center; gap:8px; padding:8px; border-radius:10px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.06); margin-bottom:10px; }
.acc-avatar      { width:32px; height:32px; border-radius:50%; background:linear-gradient(135deg,#62F36B,#4BD952); color:#000; font-size:13px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.acc-id-info     { min-width:0; flex:1; }
.acc-id-name     { font-size:12px; font-weight:700; color:#F2F4F1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.acc-id-email    { font-size:10px; color:#566058; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:1px; }
.acc-nav-group   { margin-bottom:6px; }
.acc-nav-label   { font-size:9px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:#566058; padding:6px 8px 3px; display:block; }
.acc-nav-item    { display:flex; align-items:center; gap:8px; width:100%; padding:8px; border-radius:8px; font-size:13px; font-weight:500; color:#566058; background:none; border:none; text-align:left; cursor:pointer; transition:color .12s,background .12s; position:relative; font-family:'Inter',sans-serif; }
.acc-nav-item svg { flex-shrink:0; opacity:.6; }
.acc-nav-item:hover { color:#F2F4F1; background:rgba(255,255,255,.04); }
.acc-nav-item.active { color:#62F36B; background:rgba(98,243,107,.07); font-weight:600; }
.acc-nav-item.active::before { content:''; position:absolute; left:0; top:4px; bottom:4px; width:2px; border-radius:2px; background:#62F36B; }
.acc-nav-item.active svg { opacity:1; }
.acc-nav-count   { margin-left:auto; background:#62F36B; color:#000; font-size:10px; font-weight:800; padding:1px 5px; border-radius:9999px; }
.acc-nav-count-red { background:#EF4444; color:#fff; }
.acc-new-btn     { display:flex; align-items:center; justify-content:center; gap:6px; text-decoration:none; background:#62F36B; color:#000; font-size:12px; font-weight:700; padding:9px; border-radius:8px; transition:background .15s; }
.acc-new-btn:hover { background:#4BD952; }
.acc-logout-btn  { display:flex; align-items:center; justify-content:center; gap:6px; background:rgba(239,68,68,.08); border:1px solid rgba(239,68,68,.14); color:#F87171; font-size:12px; font-weight:500; padding:9px; border-radius:8px; cursor:pointer; font-family:'Inter',sans-serif; transition:background .15s; }
.acc-logout-btn:hover { background:rgba(239,68,68,.14); }

/* ===== MOBILE NAV ===== */
.acc-mobile-nav  { display:none; position:fixed; bottom:0; left:0; right:0; z-index:30; background:rgba(16,19,17,.97); backdrop-filter:blur(16px); border-top:1px solid rgba(255,255,255,.07); padding:6px 0 calc(6px + env(safe-area-inset-bottom)); grid-template-columns:repeat(5,1fr); }
.acc-mn          { display:flex; flex-direction:column; align-items:center; gap:3px; padding:5px 4px; background:none; border:none; color:#566058; cursor:pointer; position:relative; width:100%; font-family:'Inter',sans-serif; }
.acc-mn span     { font-size:9px; font-weight:600; }
.acc-mn.active   { color:#62F36B; }
.acc-mn-dot      { position:absolute; top:4px; right:22%; width:6px; height:6px; border-radius:50%; background:#62F36B; border:1.5px solid #101311; }
.acc-mn-dot-red  { background:#EF4444; }

/* ===== MAIN CONTENT ===== */
.acc-main {
  margin-left: 240px;
  min-height: 100vh;
  background: #101311;
  flex: 1;
  min-width: 0;
}

/* ===== PAGE ===== */
.acc-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 40px 48px;
  width: 100%;
}

/* ===== PROFIL BAŞLIĞI — kompakt ===== */
.acc-profile-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  flex-wrap: wrap;
  min-height: 0;
}
.acc-ph-left  { display:flex; align-items:center; gap:12px; }
.acc-ph-avatar { width:40px; height:40px; border-radius:50%; background:linear-gradient(135deg,#62F36B,#4BD952); color:#000; font-size:16px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.acc-ph-name  { font-family:'Space Grotesk',sans-serif; font-size:17px; font-weight:500; color:#F2F4F1; letter-spacing:-.3px; }
.acc-ph-meta  { font-size:12px; color:#566058; margin-top:2px; display:flex; align-items:center; gap:5px; flex-wrap:wrap; }
.acc-ph-sep   { color:#3a4040; }
.acc-ph-right { display:flex; align-items:center; gap:8px; flex-shrink:0; }

/* ===== ÖZET KUTUCUKLAR ===== */
.acc-summary {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 28px;
}
.acc-metric {
  background: #1A1F1C;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 10px;
  padding: 14px 16px;
  text-align: center;
}
.acc-metric-div  { display: none; }
.acc-metric-val  { font-family:'Space Grotesk',sans-serif; font-size:22px; font-weight:600; letter-spacing:-.5px; color:#F2F4F1; line-height:1; margin-bottom:4px; }
.acc-metric-val-accent { color:#62F36B; }
.acc-metric-val-red    { color:#F87171; }
.acc-metric-key  { font-size:11px; color:#566058; font-weight:400; }

/* ===== OVERVIEW GRİD ===== */
.acc-ov-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 16px;
  margin-bottom: 16px;
  align-items: start;
}

/* ===== PANEL ===== */
.acc-panel {
  background: #1A1F1C;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 12px;
  overflow: hidden;
}
.acc-panel-mt   { margin-top: 16px; }
.acc-panel-hd   { display:flex; justify-content:space-between; align-items:center; padding:12px 16px; border-bottom:1px solid rgba(255,255,255,.05); }
.acc-panel-title { font-family:'Inter',sans-serif; font-size:13px; font-weight:600; color:#F2F4F1; }
.acc-text-btn   { font-size:12px; color:#62F36B; background:none; border:none; cursor:pointer; font-weight:500; font-family:'Inter',sans-serif; transition:opacity .15s; }
.acc-text-btn:hover { opacity:.7; }

/* ===== SİPARİŞ SATIRLARI ===== */
.acc-order-row   { display:flex; align-items:center; gap:10px; padding:10px 16px; border-bottom:1px solid rgba(255,255,255,.04); cursor:pointer; transition:background .1s; }
.acc-order-row:last-child { border-bottom:none; }
.acc-order-row:hover { background:rgba(255,255,255,.02); }
.acc-order-thumb { width:34px; height:34px; border-radius:7px; background:#1F2622; border:1px solid rgba(255,255,255,.06); display:flex; align-items:center; justify-content:center; color:#566058; flex-shrink:0; }
.acc-order-info  { flex:1; min-width:0; }
.acc-order-no    { font-size:12px; font-weight:700; color:#F2F4F1; font-family:monospace; letter-spacing:.3px; margin-bottom:2px; }
.acc-order-meta  { font-size:11px; color:#566058; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.acc-order-price { font-size:13px; font-weight:700; color:#62F36B; flex-shrink:0; letter-spacing:-.3px; }
.acc-order-arrow { color:#3a4040; font-size:12px; flex-shrink:0; }

/* ===== BADGE ===== */
.acc-badge       { display:inline-flex; align-items:center; gap:4px; padding:2px 8px; border-radius:9999px; font-size:10px; font-weight:600; flex-shrink:0; font-family:'Inter',sans-serif; letter-spacing:.3px; }
.acc-badge::before { content:''; width:4px; height:4px; border-radius:50%; background:currentColor; flex-shrink:0; }
.b-pending         { background:rgba(255,200,0,.1);  color:#FCD34D; }
.b-payment_waiting { background:rgba(251,146,60,.1); color:#FB923C; }
.b-processing      { background:rgba(96,165,250,.1); color:#60A5FA; }
.b-completed       { background:rgba(98,243,107,.1);  color:#62F36B; }
.b-cancelled       { background:rgba(239,68,68,.1);  color:#F87171; }

/* Aktivite (küçük kaldı sağ kolonda) */
.acc-activity    { padding:4px 0; }
.acc-activity-item { display:flex; align-items:flex-start; gap:8px; padding:7px 16px; }
.acc-act-dot     { width:7px; height:7px; border-radius:50%; background:#252E28; border:1px solid rgba(255,255,255,.06); flex-shrink:0; margin-top:4px; }
.acc-act-dot-green { background:#62F36B; border-color:#62F36B; }
.acc-act-dot-red   { background:#EF4444; border-color:#EF4444; }
.acc-act-body    { flex:1; }
.acc-act-text    { font-size:12px; color:#F2F4F1; line-height:1.4; }
.acc-act-time    { font-size:10px; color:#566058; margin-top:2px; }

/* ===== DİJİTAL ÜRÜNLER ===== */
.acc-product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding:14px; }
.acc-prod-card   { background:#1A1F1C; border:1px solid rgba(255,255,255,.06); border-radius:12px; overflow:hidden; }
.acc-prod-img    { width:100%; height:110px; object-fit:cover; }
.acc-prod-img-placeholder { width:100%; height:110px; background:#1F2622; display:flex; align-items:center; justify-content:center; color:#566058; }
.acc-prod-body   { padding:9px 11px; }
.acc-prod-name   { font-size:12px; font-weight:600; color:#F2F4F1; margin-bottom:2px; }
.acc-prod-date   { font-size:10px; color:#566058; margin-bottom:6px; }
.acc-prod-btn    { display:block; width:100%; padding:6px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06); border-radius:6px; color:#9BA89E; font-size:11px; font-weight:600; text-align:center; cursor:pointer; font-family:'Inter',sans-serif; text-decoration:none; }
.acc-page-hd     { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; flex-wrap:wrap; margin-bottom:14px; }
.acc-page-title  { font-size:18px; font-weight:700; letter-spacing:-.4px; color:#F2F4F1; }
.acc-page-sub    { font-size:12px; color:#9BA89E; margin-top:2px; }
.acc-search-row  { display:flex; align-items:center; gap:8px; margin-bottom:10px; flex-wrap:wrap; }
.acc-search      { display:flex; align-items:center; gap:7px; background:#1A1F1C; border:1px solid rgba(255,255,255,.08); border-radius:8px; padding:0 10px; flex:1; min-width:180px; max-width:360px; }
.acc-search svg  { color:#566058; flex-shrink:0; }
.acc-search input { flex:1; background:none; border:none; outline:none; color:#F2F4F1; font-size:13px; padding:8px 0; font-family:'Inter',sans-serif; }
.acc-search input::placeholder { color:#566058; }
.acc-filter-sel  { background:#1A1F1C; border:1px solid rgba(255,255,255,.08); color:#9BA89E; font-size:12px; padding:7px 9px; border-radius:8px; outline:none; cursor:pointer; font-family:'Inter',sans-serif; }
.acc-table-wrap  { background:#1A1F1C; border:1px solid rgba(255,255,255,.06); border-radius:12px; overflow:hidden; width:100%; }
.acc-table-head  { display:grid; grid-template-columns:1.8fr 1.8fr 1fr 1fr 1fr 32px; padding:8px 14px; border-bottom:1px solid rgba(255,255,255,.06); font-size:9px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#566058; }
.acc-table-row   { display:grid; grid-template-columns:1.8fr 1.8fr 1fr 1fr 1fr 32px; padding:9px 14px; align-items:center; border-bottom:1px solid rgba(255,255,255,.04); cursor:pointer; transition:background .1s; }
.acc-table-row:last-child { border-bottom:none; }
.acc-table-row:hover { background:rgba(255,255,255,.02); }
.acc-trow-no     { font-family:monospace; font-size:11px; font-weight:700; color:#F2F4F1; }
.acc-trow-coin   { font-size:11px; color:#9BA89E; }
.acc-trow-date   { font-size:10px; color:#566058; }
.acc-trow-price  { font-size:12px; font-weight:700; color:#62F36B; }
.acc-trow-view   { display:flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:6px; background:#1F2622; border:1px solid rgba(255,255,255,.06); color:#9BA89E; cursor:pointer; margin-left:auto; }
.acc-support-layout { display:grid; grid-template-columns:260px 1fr; gap:10px; height:calc(100vh - 130px); min-height:360px; }
.acc-ticket-list { background:#1A1F1C; border:1px solid rgba(255,255,255,.06); border-radius:12px; overflow-y:auto; }
.acc-tkt-item    { padding:9px 11px; border-bottom:1px solid rgba(255,255,255,.04); cursor:pointer; transition:background .1s; }
.acc-tkt-item:last-child { border-bottom:none; }
.acc-tkt-item:hover { background:rgba(255,255,255,.02); }
.acc-tkt-item.active { background:rgba(98,243,107,.05); border-left:2px solid #62F36B; }
.acc-tkt-row     { display:flex; justify-content:space-between; align-items:center; margin-bottom:2px; }
.acc-tkt-no      { font-family:monospace; font-size:11px; font-weight:700; color:#F2F4F1; }
.acc-tkt-info    { font-size:10px; color:#566058; }
.acc-tkt-new     { font-size:9px; font-weight:700; color:#FB923C; margin-top:2px; }
.acc-chat-pane   { background:#1A1F1C; border:1px solid rgba(255,255,255,.06); border-radius:12px; display:flex; flex-direction:column; overflow:hidden; }
.acc-chat-empty  { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; color:#566058; }
.acc-chat-empty span { font-size:12px; }
.acc-chat-head   { padding:10px 13px; border-bottom:1px solid rgba(255,255,255,.05); flex-shrink:0; }
.acc-chat-head-title { font-family:monospace; font-size:11px; font-weight:700; color:#F2F4F1; }
.acc-chat-head-meta  { display:flex; align-items:center; gap:5px; font-size:10px; color:#566058; margin-top:2px; }
.acc-chat-msgs   { flex:1; overflow-y:auto; padding:10px; display:flex; flex-direction:column; gap:7px; }
.acc-msg         { max-width:72%; padding:8px 11px; border-radius:10px; font-size:13px; line-height:1.5; }
.acc-msg.customer { align-self:flex-end; background:rgba(98,243,107,.08); border:1px solid rgba(98,243,107,.15); color:#F2F4F1; border-bottom-right-radius:2px; }
.acc-msg.admin   { align-self:flex-start; background:#1F2622; border:1px solid rgba(255,255,255,.06); color:#F2F4F1; border-bottom-left-radius:2px; }
.acc-msg-sender  { font-size:9px; font-weight:700; margin-bottom:3px; }
.acc-msg.admin .acc-msg-sender { color:#62F36B; }
.acc-msg.customer .acc-msg-sender { color:#566058; text-align:right; }
.acc-msg-text    { white-space:pre-line; }
.acc-msg-time    { font-size:9px; color:#566058; margin-top:3px; text-align:right; }
.acc-msg.admin .acc-msg-time { text-align:left; }
.acc-pay-btns    { display:flex; flex-direction:column; gap:5px; margin-top:7px; }
.acc-pay-btn     { display:flex; align-items:center; gap:7px; padding:7px 10px; border-radius:7px; font-size:11px; font-weight:600; cursor:pointer; border:1px solid; font-family:'Inter',sans-serif; }
.acc-pay-btn.card   { background:rgba(98,243,107,.06); border-color:rgba(98,243,107,.2); color:#62F36B; }
.acc-pay-btn.eft    { background:rgba(96,165,250,.06); border-color:rgba(96,165,250,.2); color:#93C5FD; }
.acc-pay-btn.crypto { background:rgba(245,158,11,.06); border-color:rgba(245,158,11,.2); color:#FCD34D; }
.acc-chat-input  { display:flex; gap:6px; padding:9px 11px; border-top:1px solid rgba(255,255,255,.05); flex-shrink:0; }
.acc-chat-input input { flex:1; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06); color:#F2F4F1; padding:8px 11px; border-radius:8px; font-size:13px; font-family:'Inter',sans-serif; outline:none; }
.acc-chat-input input::placeholder { color:#3a4040; }
.acc-chat-send   { width:34px; height:34px; border-radius:8px; background:#62F36B; color:#000; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.acc-profile-layout { display:grid; grid-template-columns:190px 1fr; gap:10px; }
.acc-id-card     { background:#1A1F1C; border:1px solid rgba(255,255,255,.06); border-radius:12px; padding:18px 14px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:6px; }
.acc-id-avatar-lg { width:54px; height:54px; border-radius:50%; background:linear-gradient(135deg,#62F36B,#4BD952); color:#000; font-size:22px; font-weight:800; display:flex; align-items:center; justify-content:center; margin-bottom:2px; }
.acc-id-name-lg  { font-size:14px; font-weight:700; color:#F2F4F1; }
.acc-id-email-sm { font-size:11px; color:#566058; }
.acc-id-since    { font-size:10px; color:#566058; }
.acc-id-since strong { color:#9BA89E; }
.acc-form-card   { background:#1A1F1C; border:1px solid rgba(255,255,255,.06); border-radius:12px; padding:14px 18px; }
.acc-form-section-title { font-size:10px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#566058; padding-bottom:8px; margin-bottom:10px; border-bottom:1px solid rgba(255,255,255,.05); }
.acc-form-section-mt { margin-top:16px; }
.acc-form-row    { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.acc-form-mt     { margin-top:14px; }
.acc-field       { display:flex; flex-direction:column; gap:5px; }
.acc-field label { font-size:11px; font-weight:600; color:#D1D5DB; display:flex; align-items:center; gap:4px; }
.acc-field-lock  { color:#566058; }
.acc-field input { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); color:#F2F4F1; padding:9px 11px; border-radius:8px; font-size:13px; font-family:'Inter',sans-serif; outline:none; }
.acc-field input:focus { border-color:rgba(98,243,107,.3); }
.acc-field input::placeholder { color:#566058; }
.acc-field input:disabled { opacity:.4; cursor:not-allowed; }
.acc-field-list  { display:flex; flex-direction:column; gap:9px; }
.acc-prefs       { display:flex; flex-direction:column; gap:0; }
.acc-pref        { display:flex; align-items:center; gap:8px; padding:7px 0; font-size:12px; color:#9BA89E; border-bottom:1px solid rgba(255,255,255,.04); cursor:pointer; }
.acc-pref:last-child { border-bottom:none; }
.acc-pref input[type=checkbox] { width:13px; height:13px; accent-color:#62F36B; flex-shrink:0; }
.acc-security-layout { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.acc-sec-panel   { background:#1A1F1C; border:1px solid rgba(255,255,255,.06); border-radius:12px; padding:14px; }
.acc-sec-panel-dim { opacity:.6; }
.acc-sec-panel-title { display:flex; align-items:center; gap:6px; font-size:12px; font-weight:700; color:#F2F4F1; margin-bottom:12px; }
.acc-sec-desc    { font-size:11px; color:#9BA89E; line-height:1.6; }
.acc-info-table  { display:flex; flex-direction:column; }
.acc-info-row    { display:flex; justify-content:space-between; align-items:center; padding:7px 0; border-bottom:1px solid rgba(255,255,255,.04); font-size:11px; }
.acc-info-row:last-child { border-bottom:none; }
.acc-info-row span  { color:#9BA89E; }
.acc-info-row strong { color:#F2F4F1; font-weight:600; }
.acc-status-ok   { color:#62F36B; font-weight:700; font-size:11px; }
.acc-session     { display:flex; align-items:center; justify-content:space-between; padding:7px 0; gap:8px; }
.acc-session-device { display:flex; align-items:center; gap:7px; color:#9BA89E; }
.acc-session-name   { font-size:12px; font-weight:600; color:#F2F4F1; }
.acc-session-meta   { font-size:10px; color:#566058; margin-top:1px; }
.acc-btn-primary { display:inline-flex; align-items:center; gap:6px; padding:8px 14px; background:linear-gradient(135deg,#62F36B,#4BD952); color:#000; font-size:12px; font-weight:700; border-radius:8px; border:none; cursor:pointer; text-decoration:none; font-family:'Inter',sans-serif; }
.acc-btn-sm      { padding:6px 12px; font-size:11px; font-weight:600; background:#1F2622; border:1px solid rgba(255,255,255,.08); color:#F2F4F1; border-radius:7px; cursor:pointer; font-family:'Inter',sans-serif; }
.acc-btn-sm-ghost { background:transparent; color:#9BA89E; }
.acc-btn-ghost   { padding:7px 12px; font-size:11px; font-weight:500; background:transparent; border:1px solid rgba(255,255,255,.08); color:#9BA89E; border-radius:7px; cursor:pointer; font-family:'Inter',sans-serif; }
.acc-feedback    { padding:7px 11px; border-radius:7px; font-size:11px; margin-bottom:8px; }
.acc-feedback-err { background:rgba(239,68,68,.08); border:1px solid rgba(239,68,68,.18); color:#FCA5A5; }
.acc-feedback-ok  { background:rgba(98,243,107,.08); border:1px solid rgba(98,243,107,.18); color:#6EE7B7; }
.acc-empty       { padding:28px 14px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:8px; }
.acc-empty h4    { font-size:13px; font-weight:600; color:#9BA89E; }
.acc-empty p     { font-size:11px; color:#566058; max-width:220px; line-height:1.6; }
.acc-skeleton-list { display:flex; flex-direction:column; gap:7px; padding:10px 14px; }
.acc-sk          { height:38px; border-radius:7px; background:linear-gradient(90deg,#1A1F1C 25%,#1F2622 50%,#1A1F1C 75%); background-size:400% 100%; animation:accSk 1.6s ease-in-out infinite; }
@keyframes accSk { 0%{background-position:100% 50%} 100%{background-position:0% 50%} }

/* ===== RESPONSIVE ===== */
@media(max-width:1200px) {
  .acc-page { padding:32px 32px; }
  .acc-ov-grid { grid-template-columns:minmax(0,1fr) 280px; }
}

@media(max-width:1024px) {
  .acc-ov-grid { grid-template-columns:1fr; }
  .acc-summary  { grid-template-columns:repeat(2,1fr); }
  .acc-profile-layout { grid-template-columns:1fr; }
  .acc-security-layout { grid-template-columns:1fr; }
}

@media(max-width:768px) {
  .acc-layout    { display:block; }
  .acc-sidebar   { display:none; }
  .acc-mobile-nav { display:grid; }
  .acc-main      { margin-left:0; padding-bottom:74px; }
  .acc-page      { padding:20px 16px; max-width:100%; }

  .acc-profile-header { gap:8px; }
  .acc-ph-avatar { width:34px; height:34px; font-size:14px; }
  .acc-ph-name   { font-size:15px; }
  .acc-ph-right  { width:100%; }
  .acc-ph-right .acc-btn-sm { flex:1; justify-content:center; text-align:center; }

  .acc-summary   { grid-template-columns:1fr 1fr; gap:8px; margin-bottom:20px; }
  .acc-metric    { padding:12px 12px; }
  .acc-metric-val { font-size:20px; }

  .acc-ov-grid   { grid-template-columns:1fr; gap:12px; }
  .acc-support-layout { grid-template-columns:1fr; height:auto; }
  .acc-ticket-list { max-height:200px; }
  .acc-chat-pane { min-height:360px; }
  .acc-product-grid { grid-template-columns:1fr 1fr; gap:8px; padding:10px; }

  .acc-profile-layout  { grid-template-columns:1fr; }
  .acc-form-row        { grid-template-columns:1fr; }
  .acc-security-layout { grid-template-columns:1fr; }

  .acc-table-head { display:none; }
  .acc-table-row  { grid-template-columns:1fr auto; grid-template-rows:auto auto; gap:3px; padding:9px 12px; }
  .acc-trow-no{grid-column:1}
  .acc-trow-price{grid-row:1;grid-column:2;align-self:center}
  .acc-trow-coin{grid-row:2;grid-column:1;font-size:10px}
  .acc-trow-date,.acc-trow-view { display:none; }
  .acc-badge { grid-row:2; grid-column:2; }
}

@media(max-width:480px) {
  .acc-summary { grid-template-columns:1fr; }
  .acc-product-grid { grid-template-columns:1fr; }
  .acc-ph-name { font-size:14px; }
}
  .acc-security-layout{grid-template-columns:1fr}
  .acc-profile-layout{grid-template-columns:1fr}
  .acc-form-row{grid-template-columns:1fr}
  .acc-summary{flex-wrap:wrap}
  .acc-metric{flex:1 1 40%}
  .acc-metric-div{display:none}
  .acc-ph-right{width:100%}
}