/* ============================================================================
   Boost Tools — Centralized Design Token System
   Extracted from login.php / register.php for 100% visual consistency
   ============================================================================ */

/* ─── Reset ──────────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

/* ─── Global Mobile Enhancements ─────────────────────────────────────────── */
html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden;-webkit-tap-highlight-color:transparent}
img,video,svg{max-width:100%;height:auto}
input,select,textarea,button{font-size:inherit;font-family:inherit}
/* Prevent iOS zoom on input focus */
@media(max-width:767px){
  input[type="text"],input[type="email"],input[type="password"],input[type="url"],
  input[type="number"],input[type="tel"],select,textarea{font-size:1rem !important}
}
/* Safe area for notched devices */
@supports(padding:env(safe-area-inset-bottom)){
  .page-content{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}
  .sidebar{padding-bottom:env(safe-area-inset-bottom)}
}

/* ─── Design Tokens (Light) ──────────────────────────────────────────────── */
:root{
  --background:#ffffff;
  --foreground:#0a0a0a;
  --card:#ffffff;
  --card-foreground:#0a0a0a;
  --primary:#171717;
  --primary-foreground:#fafafa;
  --secondary:#f5f5f5;
  --secondary-foreground:#171717;
  --muted:#f5f5f5;
  --muted-foreground:#737373;
  --accent:#f5f5f5;
  --accent-foreground:#171717;
  --border:#e5e5e5;
  --input:#e5e5e5;
  --ring:#a3a3a3;
  --radius:0.625rem;
  --destructive:#ef4444;
  --success:#22c55e;
  --warning:#f59e0b;
  --info:#3b82f6;
  /* Sidebar specific */
  --sidebar-bg:#171717;
  --sidebar-fg:#fafafa;
  --sidebar-muted:rgba(255,255,255,0.7);
  --sidebar-hover:rgba(255,255,255,0.1);
  --sidebar-active:rgba(255,255,255,0.15);
}

/* ─── Design Tokens (Dark) ───────────────────────────────────────────────── */
.dark{
  --background:#0a0a0a;
  --foreground:#fafafa;
  --card:#0a0a0a;
  --card-foreground:#fafafa;
  --primary:#fafafa;
  --primary-foreground:#171717;
  --secondary:#262626;
  --secondary-foreground:#fafafa;
  --muted:#262626;
  --muted-foreground:#a3a3a3;
  --accent:#262626;
  --accent-foreground:#fafafa;
  --border:#262626;
  --input:#262626;
  --ring:#525252;
  --sidebar-bg:#111111;
  --sidebar-fg:#fafafa;
  --sidebar-muted:rgba(255,255,255,0.5);
  --sidebar-hover:rgba(255,255,255,0.08);
  --sidebar-active:rgba(255,255,255,0.12);
}

/* ─── Typography ─────────────────────────────────────────────────────────── */
html{scroll-behavior:smooth}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  background-color:var(--background);
  color:var(--foreground);
  line-height:1.6;
  min-height:100vh;
  transition:background-color .3s,color .3s;
  font-size:15px;
}
h1{font-size:1.75rem;font-weight:700;color:var(--foreground);margin-bottom:.5rem}
h2{font-size:1.375rem;font-weight:700;color:var(--foreground);margin-bottom:.5rem}
h3{font-size:1.125rem;font-weight:600;color:var(--foreground);margin-bottom:.375rem}
h4{font-size:1rem;font-weight:600;color:var(--foreground);margin-bottom:.25rem}
p{color:var(--muted-foreground);line-height:1.6}
a{color:var(--primary);text-decoration:none;transition:opacity .2s}
a:hover{opacity:.8}

/* ─── Layout — Dashboard Shell ───────────────────────────────────────────── */
.app-layout{display:flex;min-height:100vh}

/* Sidebar */
.sidebar{
  width:260px;min-width:260px;
  background:var(--sidebar-bg);
  display:flex;flex-direction:column;
  position:fixed;top:0;left:0;bottom:0;
  z-index:40;
  transition:transform .3s;
}
.sidebar-overlay{
  display:none;position:fixed;inset:0;
  background:rgba(0,0,0,.5);z-index:35;
}
@media(max-width:1023px){
  .sidebar{transform:translateX(-100%)}
  .sidebar.open{transform:translateX(0)}
  .sidebar.open~.sidebar-overlay{display:block}
}

.sidebar-header{
  padding:1.5rem;display:flex;align-items:center;gap:.75rem;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.sidebar-logo-icon{
  display:flex;height:2.5rem;width:2.5rem;
  align-items:center;justify-content:center;
  border-radius:var(--radius);
  background:rgba(255,255,255,.15);
  backdrop-filter:blur(4px);
}
.sidebar-logo-icon svg{width:1.25rem;height:1.25rem;color:#fafafa;stroke:currentColor;fill:none;stroke-width:2}
.sidebar-logo-text{font-size:1.25rem;font-weight:700;color:var(--sidebar-fg)}
.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto;overflow-x:hidden}

/* Sidebar scrollbar — Webkit (Chrome, Safari, Edge) */
.sidebar-nav::-webkit-scrollbar{width:6px}
.sidebar-nav::-webkit-scrollbar-track{background:transparent;margin:4px 0}
.sidebar-nav::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.1);
  border-radius:9999px;
  transition:background .2s;
}
.sidebar-nav:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2)}
.sidebar-nav::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.35)}
.sidebar-nav::-webkit-scrollbar-thumb:active{background:rgba(255,255,255,.45)}

/* Sidebar scrollbar — Firefox */
.sidebar-nav{
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.1) transparent;
}
.sidebar-nav:hover{
  scrollbar-color:rgba(255,255,255,.2) transparent;
}
.sidebar-section{padding:0 .75rem;margin-bottom:1.25rem}
.sidebar-section-title{
  font-size:.6875rem;font-weight:600;text-transform:uppercase;
  letter-spacing:.08em;color:var(--sidebar-muted);
  padding:0 .75rem;margin-bottom:.5rem;
}
.nav-item{
  display:flex;align-items:center;gap:.75rem;
  padding:.625rem .75rem;border-radius:var(--radius);
  color:var(--sidebar-muted);font-size:.875rem;font-weight:500;
  transition:all .2s;cursor:pointer;text-decoration:none;
  margin-bottom:2px;
}
.nav-item:hover{background:var(--sidebar-hover);color:var(--sidebar-fg);opacity:1}
.nav-item.active{background:var(--sidebar-active);color:var(--sidebar-fg)}
.nav-item svg{width:1.125rem;height:1.125rem;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0}
.nav-badge{
  margin-left:auto;font-size:.6875rem;font-weight:600;
  padding:.125rem .5rem;border-radius:9999px;
  background:rgba(255,255,255,.15);color:var(--sidebar-fg);
}
.sidebar-footer{
  padding:1rem 1.5rem;
  border-top:1px solid rgba(255,255,255,.1);
}
.sidebar-user{
  display:flex;align-items:center;gap:.75rem;
}
.sidebar-avatar{
  width:2rem;height:2rem;border-radius:50%;
  background:rgba(255,255,255,.15);
  display:flex;align-items:center;justify-content:center;
  font-size:.75rem;font-weight:600;color:var(--sidebar-fg);
}
.sidebar-user-info{flex:1;min-width:0}
.sidebar-user-name{font-size:.8125rem;font-weight:600;color:var(--sidebar-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-user-email{font-size:.6875rem;color:var(--sidebar-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Main content area */
.main-content{
  flex:1;margin-left:260px;
  display:flex;flex-direction:column;min-height:100vh;
}
@media(max-width:1023px){
  .main-content{margin-left:0}
}

/* Top bar */
.topbar{
  display:flex;align-items:center;justify-content:space-between;
  padding:.875rem 1.5rem;
  border-bottom:1px solid var(--border);
  background:var(--background);
  position:sticky;top:0;z-index:30;
  gap:.75rem;
  min-height:3.5rem;
}
.topbar-left{display:flex;align-items:center;gap:.75rem;min-width:0}
.topbar-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}
.menu-toggle{
  display:none;padding:.5rem;border:none;background:none;
  cursor:pointer;color:var(--foreground);
  min-width:2.75rem;min-height:2.75rem;
  align-items:center;justify-content:center;
}
.menu-toggle svg{width:1.25rem;height:1.25rem;stroke:currentColor;fill:none;stroke-width:2}
@media(max-width:1023px){.menu-toggle{display:flex}}

.topbar-title{font-size:1.125rem;font-weight:600;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}

/* Page container */
.page-content{flex:1;padding:1.5rem}
@media(min-width:1024px){.page-content{padding:2rem}}

/* ─── Cards ──────────────────────────────────────────────────────────────── */
.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:1.5rem;
  transition:border-color .2s;
}
.card-header{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:1rem;
}
.card-title{font-size:1rem;font-weight:600;color:var(--foreground)}
.card-desc{font-size:.875rem;color:var(--muted-foreground);margin-top:.25rem}

/* Stat cards */
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}

.stat-card{
  background:var(--card);border:1px solid var(--border);
  border-radius:var(--radius);padding:1.25rem 1.5rem;
}
.stat-label{font-size:.8125rem;font-weight:500;color:var(--muted-foreground);margin-bottom:.375rem}
.stat-value{font-size:1.5rem;font-weight:700;color:var(--foreground)}
.stat-sub{font-size:.75rem;color:var(--muted-foreground);margin-top:.25rem}
.stat-icon{
  width:2.25rem;height:2.25rem;border-radius:var(--radius);
  display:flex;align-items:center;justify-content:center;
  background:var(--secondary);
}
.stat-icon svg{width:1.125rem;height:1.125rem;stroke:var(--foreground);fill:none;stroke-width:2}
.stat-header{display:flex;align-items:flex-start;justify-content:space-between}

/* ─── Buttons ────────────────────────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  border-radius:var(--radius);font-size:.9375rem;font-weight:600;
  padding:.625rem 1.25rem;cursor:pointer;transition:all .2s;
  border:none;text-decoration:none;font-family:inherit;
  white-space:nowrap;
}
.btn svg{width:1rem;height:1rem;stroke:currentColor;fill:none;stroke-width:2}
.btn-primary{background:var(--primary);color:var(--primary-foreground);width:auto}
.btn-primary:hover{opacity:.9;transform:translateY(-1px)}
.btn-secondary{background:var(--secondary);color:var(--secondary-foreground)}
.btn-secondary:hover{background:var(--muted);border-color:var(--primary)}
.btn-outline{background:transparent;color:var(--foreground);border:1px solid var(--border)}
.btn-outline:hover{background:var(--secondary)}
.btn-danger{background:var(--destructive);color:#fff}
.btn-danger:hover{opacity:.9}
.btn-sm{font-size:.8125rem;padding:.375rem .75rem}
.btn-lg{font-size:1rem;padding:.75rem 1.5rem}
.btn-full{width:100%}
.btn-icon{padding:.5rem;min-width:auto}

/* ─── Forms ──────────────────────────────────────────────────────────────── */
.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}
.form-label{font-size:.875rem;font-weight:500;color:var(--foreground)}
.form-input,.form-select,.form-textarea{
  width:100%;padding:.75rem 1rem;font-size:.9375rem;font-family:inherit;
  color:var(--foreground);background:var(--background);
  border:1px solid var(--border);border-radius:var(--radius);
  transition:all .2s;outline:none;
}
.form-input:focus,.form-select:focus,.form-textarea:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 3px rgba(23,23,23,.1);
}
.dark .form-input:focus,.dark .form-select:focus,.dark .form-textarea:focus{
  box-shadow:0 0 0 3px rgba(250,250,250,.1);
}
.form-input::placeholder,.form-textarea::placeholder{color:var(--muted-foreground)}
.form-hint{font-size:.8125rem;color:var(--muted-foreground)}
.form-error{font-size:.8125rem;color:var(--destructive)}
.form-textarea{resize:vertical;min-height:100px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:480px){.form-row{grid-template-columns:1fr}}

.checkbox-group{display:flex;align-items:center;gap:.5rem}
.checkbox-input{width:1rem;height:1rem;accent-color:var(--primary);cursor:pointer}
.checkbox-label{font-size:.875rem;color:var(--muted-foreground);cursor:pointer}
.checkbox-label a{color:var(--primary);font-weight:500}

/* ─── Tables ─────────────────────────────────────────────────────────────── */
.table-wrapper{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);-webkit-overflow-scrolling:touch}
.table{width:100%;border-collapse:collapse;font-size:.875rem}
.table th{
  text-align:left;padding:.75rem 1rem;
  font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;
  color:var(--muted-foreground);background:var(--secondary);
  border-bottom:1px solid var(--border);
  white-space:nowrap;
}
.table td{
  padding:.75rem 1rem;
  border-bottom:1px solid var(--border);
  color:var(--foreground);
  vertical-align:middle;
}
.table tbody tr:last-child td{border-bottom:none}
.table tbody tr:hover{background:var(--accent)}

/* Mobile card-style tables */
@media(max-width:767px){
  .table-responsive-cards thead{display:none}
  .table-responsive-cards tbody tr{
    display:flex;flex-direction:column;
    padding:.875rem 1rem;
    border-bottom:1px solid var(--border);
    gap:.375rem;
  }
  .table-responsive-cards tbody tr:last-child{border-bottom:none}
  .table-responsive-cards tbody td{
    display:flex;align-items:center;justify-content:space-between;
    padding:.125rem 0;border-bottom:none;
    font-size:.8125rem;
  }
  .table-responsive-cards tbody td::before{
    content:attr(data-label);
    font-weight:600;font-size:.6875rem;text-transform:uppercase;
    letter-spacing:.04em;color:var(--muted-foreground);
    flex-shrink:0;margin-right:.75rem;
  }
  .table-responsive-cards tbody td:first-child{
    font-weight:700;font-size:.875rem;padding-bottom:.25rem;
    border-bottom:1px solid var(--border);margin-bottom:.25rem;
  }
  .table-responsive-cards tbody td:first-child::before{display:none}
}

/* ─── Badges / Tags ──────────────────────────────────────────────────────── */
.badge{
  display:inline-flex;align-items:center;
  font-size:.6875rem;font-weight:600;
  padding:.1875rem .5rem;border-radius:9999px;
  text-transform:uppercase;letter-spacing:.03em;
  white-space:nowrap;
}
.badge-primary{background:var(--primary);color:var(--primary-foreground)}
.badge-success{background:rgba(34,197,94,.15);color:#16a34a}
.dark .badge-success{color:#4ade80}
.badge-warning{background:rgba(245,158,11,.15);color:#d97706}
.dark .badge-warning{color:#fbbf24}
.badge-danger{background:rgba(239,68,68,.15);color:#dc2626}
.dark .badge-danger{color:#f87171}
.badge-info{background:rgba(59,130,246,.15);color:#2563eb}
.dark .badge-info{color:#60a5fa}
.badge-muted{background:var(--muted);color:var(--muted-foreground)}

/* ─── Alerts / Flash Messages ────────────────────────────────────────────── */
.alert{
  padding:.875rem 1.25rem;border-radius:var(--radius);
  font-size:.875rem;font-weight:500;
  margin-bottom:1rem;display:flex;align-items:center;gap:.75rem;
  border:1px solid transparent;
}
.alert svg{width:1.125rem;height:1.125rem;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2}
.alert-success{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3);color:#16a34a}
.dark .alert-success{color:#4ade80}
.alert-error{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#dc2626}
.dark .alert-error{color:#f87171}
.alert-warning{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:#d97706}
.dark .alert-warning{color:#fbbf24}
.alert-info{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);color:#2563eb}
.dark .alert-info{color:#60a5fa}

/* ─── Theme Toggle ───────────────────────────────────────────────────────── */
.theme-toggle{
  display:flex;align-items:center;justify-content:center;
  width:2.25rem;height:2.25rem;border-radius:var(--radius);
  background:transparent;border:1px solid var(--border);
  cursor:pointer;transition:all .2s;
}
.theme-toggle:hover{background:var(--secondary)}
.theme-toggle svg{width:1.125rem;height:1.125rem;color:var(--foreground);stroke:currentColor;fill:none;stroke-width:2}
.theme-toggle .sun-icon{display:block}
.theme-toggle .moon-icon{display:none}
.dark .theme-toggle .sun-icon{display:none}
.dark .theme-toggle .moon-icon{display:block}

/* ─── Lang Switcher ──────────────────────────────────────────────────────── */
.lang-switch{
  display:flex;align-items:center;gap:.25rem;
  font-size:.8125rem;
}
.lang-switch a{
  padding:.25rem .5rem;border-radius:var(--radius);
  color:var(--muted-foreground);font-weight:500;
}
.lang-switch a.active{background:var(--secondary);color:var(--foreground)}

/* ─── Pagination ─────────────────────────────────────────────────────────── */
.pagination{display:flex;align-items:center;justify-content:center;gap:.375rem;margin-top:1.5rem}
.pagination a,.pagination span{
  padding:.375rem .75rem;border-radius:var(--radius);
  font-size:.8125rem;font-weight:500;
  border:1px solid var(--border);color:var(--muted-foreground);
}
.pagination a:hover{background:var(--secondary);color:var(--foreground);opacity:1}
.pagination .active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}

/* ─── Empty State ────────────────────────────────────────────────────────── */
.empty-state{text-align:center;padding:3rem 1.5rem}
.empty-state svg{width:3rem;height:3rem;color:var(--muted-foreground);stroke:currentColor;fill:none;stroke-width:1.5;margin:0 auto 1rem}
.empty-state p{color:var(--muted-foreground);margin-bottom:1rem}

/* ─── Copy button ────────────────────────────────────────────────────────── */
.copy-box{
  display:flex;align-items:center;gap:.5rem;
  padding:.625rem 1rem;background:var(--secondary);
  border-radius:var(--radius);border:1px solid var(--border);
}
.copy-box code{flex:1;font-size:.8125rem;font-family:monospace;color:var(--foreground);word-break:break-all}
.copy-btn{
  padding:.375rem .625rem;background:var(--primary);color:var(--primary-foreground);
  border:none;border-radius:var(--radius);font-size:.75rem;font-weight:600;
  cursor:pointer;white-space:nowrap;
}

/* ─── Ticket comment thread ──────────────────────────────────────────────── */
.comment-thread{display:flex;flex-direction:column;gap:1rem}
.comment{padding:1rem;border-radius:var(--radius);border:1px solid var(--border)}
.comment.is-admin{border-left:3px solid var(--primary)}
.comment-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}
.comment-author{font-size:.8125rem;font-weight:600;color:var(--foreground)}
.comment-time{font-size:.75rem;color:var(--muted-foreground)}
.comment-body{font-size:.875rem;color:var(--foreground);line-height:1.7}

/* ─── Pricing cards ──────────────────────────────────────────────────────── */
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
.pricing-card{
  background:var(--card);border:1px solid var(--border);
  border-radius:var(--radius);padding:2rem;position:relative;
  display:flex;flex-direction:column;
}
.pricing-card.featured{border-color:var(--primary);box-shadow:0 4px 24px rgba(0,0,0,.08)}
.pricing-badge{
  position:absolute;top:-0.75rem;left:50%;transform:translateX(-50%);
  background:var(--primary);color:var(--primary-foreground);
  font-size:.6875rem;font-weight:700;text-transform:uppercase;
  padding:.25rem .875rem;border-radius:9999px;
}
.pricing-name{font-size:1.25rem;font-weight:700;color:var(--foreground);margin-bottom:.5rem}
.pricing-price{font-size:2rem;font-weight:700;color:var(--foreground);margin-bottom:.25rem}
.pricing-price span{font-size:.875rem;font-weight:400;color:var(--muted-foreground)}
.pricing-desc{font-size:.875rem;color:var(--muted-foreground);margin-bottom:1.5rem}
.pricing-features{list-style:none;margin-bottom:2rem;flex:1}
.pricing-features li{
  display:flex;align-items:center;gap:.5rem;
  font-size:.875rem;color:var(--foreground);
  padding:.375rem 0;
}
.pricing-features li svg{width:1rem;height:1rem;stroke:var(--success);fill:none;stroke-width:2;flex-shrink:0}

/* ─── Utilities ──────────────────────────────────────────────────────────── */
.text-center{text-align:center}
.text-right{text-align:right}
.text-muted{color:var(--muted-foreground)}
.text-sm{font-size:.875rem}
.text-xs{font-size:.75rem}
.text-success{color:var(--success)}
.text-danger{color:var(--destructive)}
.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}
.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}
.flex{display:flex}.flex-between{display:flex;align-items:center;justify-content:space-between}
.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:767px){.grid-2{grid-template-columns:1fr}}
.hidden{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* ─── Topbar Balance ─────────────────────────────────────────────────────── */
.topbar-balance{
  display:inline-flex;align-items:center;gap:.375rem;
  padding:.375rem .75rem;border-radius:var(--radius);
  background:var(--secondary);color:var(--foreground);
  font-size:.8125rem;font-weight:700;text-decoration:none;
  border:1px solid var(--border);transition:all .2s;
  white-space:nowrap;min-height:2.25rem;
}
.topbar-balance:hover{background:var(--accent);opacity:1}
@media(max-width:480px){
  .topbar-balance svg{display:none}
}

/* ─── Mobile Responsive Fixes ────────────────────────────────────────────── */

/* Tablet breakpoint */
@media(max-width:767px){
  .topbar{padding:.625rem .875rem}
  .topbar-right .btn-outline.btn-sm:not(.topbar-balance){
    font-size:.6875rem;padding:.25rem .5rem;
  }
  .topbar-title{font-size:.9375rem}
  .page-content{padding:1rem .875rem}
  .stats-grid{grid-template-columns:1fr 1fr}
  h2{font-size:1.125rem}
  .card{padding:1rem}
  .card-header{flex-direction:column;align-items:flex-start;gap:.5rem}
  .card-header .btn{align-self:flex-start}
  .pricing-grid{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .table th,.table td{padding:.5rem .625rem;font-size:.75rem}
  .comment-meta{flex-direction:column;align-items:flex-start;gap:.25rem}
  .copy-box{flex-direction:column;gap:.5rem;align-items:stretch}
  .copy-box code{font-size:.6875rem;word-break:break-all}
  .copy-box .copy-btn{align-self:flex-start}
  .topbar-balance{font-size:.75rem;padding:.3125rem .5rem}
  .lang-switch{font-size:.6875rem}
  .lang-switch a{padding:.25rem .375rem;min-height:2rem;display:inline-flex;align-items:center}
  .sidebar{width:280px;min-width:280px}
  .btn{font-size:.8125rem;padding:.5rem 1rem;min-height:2.75rem}
  .btn-full{padding:.625rem 1rem}
  .form-input,.form-select,.form-textarea{padding:.625rem .75rem;font-size:1rem}
  .flex-between{flex-direction:column;align-items:stretch;gap:.75rem}
  .flex-between>*:last-child{overflow-x:auto}
  /* Wallet stat cards inline buttons */
  .stats-grid .stat-card{min-width:0}
  /* Quick actions wrapping */
  .card div[style*="flex-wrap"]{gap:.5rem !important}
  .card div[style*="flex-wrap"] .btn{flex:1 1 auto;min-width:0;justify-content:center;font-size:.75rem;padding:.5rem .625rem}
}

/* Small phone */
@media(max-width:480px){
  .topbar{padding:.5rem .75rem}
  .topbar-right{gap:.375rem}
  .topbar-right .btn-outline.btn-sm{font-size:.6875rem;padding:.1875rem .375rem}
  .page-content{padding:.75rem}
  .stats-grid{grid-template-columns:1fr 1fr}
  .stat-card{padding:1rem}
  .stat-value{font-size:1.25rem}
  .card{padding:.875rem}
  h1{font-size:1.375rem}
  h2{font-size:1rem}
  h3{font-size:.9375rem}
  .form-row{grid-template-columns:1fr}
  /* Theme toggle touch target */
  .theme-toggle{min-width:2.75rem;min-height:2.75rem}
  /* Alert message */
  .alert{padding:.75rem;font-size:.8125rem;gap:.5rem}
  .alert svg{width:1rem;height:1rem}
  /* Badge */
  .badge{font-size:.625rem;padding:.125rem .375rem}
  /* Pagination touch */
  .pagination a,.pagination span{min-width:2.25rem;min-height:2.25rem;display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem}
  /* Pricing card */
  .pricing-card{padding:1.25rem}
  .pricing-price{font-size:1.625rem}
  /* Empty state */
  .empty-state{padding:2rem 1rem}
  .empty-state svg{width:2.5rem;height:2.5rem}
}

/* Very small phone (iPhone SE etc) */
@media(max-width:374px){
  .stats-grid{grid-template-columns:1fr}
  .topbar-right .btn-outline:not(.topbar-balance){display:none}
  .topbar-right .lang-switch{display:none}
  .form-row{grid-template-columns:1fr}
  .page-content{padding:.625rem}
  .card{padding:.75rem}
  body{font-size:14px}
  .stat-value{font-size:1.125rem}
  .topbar-balance{font-size:.6875rem}
}



/* ═══════════════════════════════════════════════════════════════════════════
   ORDER CREATE — Clean Corporate (oa-*)
   Plus Jakarta Sans · Blue accent · Responsive
   ═══════════════════════════════════════════════════════════════════════════ */

/* Alert */
.oa-alert{display:flex;align-items:center;gap:14px;padding:16px 20px;margin-bottom:20px;background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.3);border-left:4px solid #f59e0b;border-radius:var(--radius)}
.oa-alert-icon{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:rgba(245,158,11,.12);display:flex;align-items:center;justify-content:center}
.oa-alert-icon svg{width:18px;height:18px;stroke:#f59e0b;fill:none;stroke-width:2}
.oa-alert p{font-size:14px;color:#92400e;font-weight:600;line-height:1.45;margin:0}
.dark .oa-alert{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.25)}
.dark .oa-alert p{color:#fcd34d}
.dark .oa-alert-icon{background:rgba(245,158,11,.15)}
.dark .oa-alert-icon svg{stroke:#fbbf24}

/* Grid */
.oa-grid{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}
@media(max-width:1100px){.oa-grid{grid-template-columns:1fr 320px;gap:16px}}
@media(max-width:900px){.oa-grid{grid-template-columns:1fr}}

/* Tabs */
.oa-tabs{display:flex;gap:6px;margin-bottom:16px}
.oa-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 10px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;color:var(--muted-foreground);transition:all .2s}
.oa-tab:hover{background:var(--secondary)}
.oa-tab-num{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--secondary);color:var(--muted-foreground);transition:all .2s;flex-shrink:0}
.oa-tab.on{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}
.oa-tab.on .oa-tab-num{background:#3b82f6;color:#fff}
.oa-tab.on span:last-child{color:var(--foreground)}
.oa-tab.ok .oa-tab-num{background:var(--success);color:#fff}
.oa-tab.ok span:last-child{color:var(--success)}

/* Card */
.oa-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:32px}

/* Panels */
.oa-pn{display:none}
.oa-pn.vis{display:block;animation:oaIn .2s ease}
@keyframes oaIn{from{opacity:0}to{opacity:1}}
.oa-pn-h{margin-bottom:28px}
.oa-pn-h h3{font-size:18px;font-weight:700;color:var(--foreground);margin-bottom:4px}
.oa-pn-h p{font-size:13px;color:var(--muted-foreground)}

/* Fields */
.oa-f{margin-bottom:22px}
.oa-f:last-of-type{margin-bottom:0}
.oa-lb{display:block;font-size:13px;font-weight:600;color:var(--foreground);margin-bottom:7px}
.oa-iw{position:relative}
.oa-in{width:100%;padding:11px 14px;font-size:14px;font-family:inherit;background:var(--secondary);color:var(--foreground);border:1.5px solid var(--border);border-radius:var(--radius);outline:none;transition:border .15s,box-shadow .15s}
.oa-in:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.08)}
.dark .oa-in:focus{box-shadow:0 0 0 3px rgba(59,130,246,.15)}
.oa-in::placeholder{color:var(--muted-foreground)}
.oa-is{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;display:flex;align-items:center;justify-content:center}
.oa-is svg{width:18px;height:18px;fill:none;stroke-width:2.5}
.oa-is.vd svg{stroke:var(--success)}
.oa-is.iv svg{stroke:var(--destructive)}
.oa-ht{font-size:12px;color:var(--muted-foreground);margin-top:6px;display:block;line-height:1.4}

/* URL tip callout */
.oa-url-tip{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 14px;background:rgba(59,130,246,.06);border-radius:var(--radius);font-size:12px;color:#1e40af;font-weight:500;line-height:1.45}
.dark .oa-url-tip{background:rgba(59,130,246,.1);color:#93c5fd}
.oa-url-tip svg{width:16px;height:16px;stroke:#3b82f6;fill:none;stroke-width:2;flex-shrink:0;margin-top:1px}
.dark .oa-url-tip svg{stroke:#60a5fa}

.oa-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:500px){.oa-2col{grid-template-columns:1fr}}

/* Select */
.oa-sw{position:relative}
.oa-sl{width:100%;padding:11px 38px 11px 14px;font-size:14px;font-family:inherit;background:var(--secondary);color:var(--foreground);border:1.5px solid var(--border);border-radius:var(--radius);appearance:none;-webkit-appearance:none;cursor:pointer;outline:none;transition:border .15s,box-shadow .15s}
.oa-sl:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.08)}
.dark .oa-sl:focus{box-shadow:0 0 0 3px rgba(59,130,246,.15)}
.oa-sa{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:var(--muted-foreground);fill:none;stroke-width:2;pointer-events:none}

/* Packages */
.oa-pks{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}
.oa-pk{cursor:pointer;display:block}
.oa-pk input{position:absolute;opacity:0;pointer-events:none}
.oa-pk-c{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1.5px solid var(--border);border-radius:var(--radius);transition:all .15s;background:var(--card)}
.oa-pk:hover .oa-pk-c{border-color:var(--ring)}
.oa-pk input:checked~.oa-pk-c{border-color:#3b82f6;background:rgba(59,130,246,.04);box-shadow:0 0 0 1px #3b82f6}
.dark .oa-pk input:checked~.oa-pk-c{background:rgba(59,130,246,.08)}
.oa-pk-r{width:20px;height:20px;border-radius:50%;flex-shrink:0;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all .15s}
.oa-pk-d{width:10px;height:10px;border-radius:50%;background:transparent;transition:all .15s}
.oa-pk input:checked~.oa-pk-c .oa-pk-r{border-color:#3b82f6}
.oa-pk input:checked~.oa-pk-c .oa-pk-d{background:#3b82f6}
.oa-pk-i{flex:1;min-width:0}
.oa-pk-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.oa-pk-nm{font-size:14px;font-weight:600;color:var(--foreground)}
.oa-pk-pr{font-size:16px;font-weight:800;color:var(--foreground)}
.oa-pk-mt{display:flex;align-items:center;gap:10px;margin-top:4px}
.oa-pk-cl{font-size:12px;color:var(--muted-foreground);display:flex;align-items:center;gap:4px}
.oa-pk-cl svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2}
.oa-pk-tg{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:99px;background:rgba(34,197,94,.08);color:#059669}
.dark .oa-pk-tg{color:#4ade80;background:rgba(34,197,94,.12)}

/* Disclaimer */
.oa-dc{margin-bottom:22px}
.oa-dc-lb{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;cursor:pointer;border-radius:var(--radius);border:1.5px solid rgba(239,68,68,.25);background:rgba(239,68,68,.03);transition:all .15s;user-select:none;-webkit-user-select:none}
.oa-dc-lb:hover{border-color:rgba(239,68,68,.45)}
.oa-dc-lb.shk{animation:oaSh .35s ease}
@keyframes oaSh{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
.oa-dc-lb input{position:absolute;opacity:0;width:0;height:0}
.oa-dc-bx{width:20px;height:20px;min-width:20px;border-radius:5px;border:2px solid rgba(239,68,68,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--card);transition:all .15s;margin-top:1px}
.oa-dc-bx svg{width:13px;height:13px;stroke:#fff;fill:none;stroke-width:3;opacity:0;transition:opacity .1s}
.oa-dc-lb input:checked~.oa-dc-bx{background:#ef4444;border-color:#ef4444}
.oa-dc-lb input:checked~.oa-dc-bx svg{opacity:1}
.oa-dc-tx{font-size:13px;color:#991b1b;line-height:1.5;font-weight:500}
.dark .oa-dc-tx{color:#fca5a5}
.dark .oa-dc-lb{border-color:rgba(239,68,68,.2);background:rgba(239,68,68,.04)}
.dark .oa-dc-lb:hover{border-color:rgba(239,68,68,.4)}
.dark .oa-dc-bx{border-color:rgba(239,68,68,.25)}
.dark .oa-dc-lb input:checked~.oa-dc-bx{background:#dc2626;border-color:#dc2626}
.oa-dc-er{display:flex;align-items:center;gap:8px;margin-top:8px;padding:10px 14px;border-radius:var(--radius);background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.15);font-size:12px;font-weight:600;color:#dc2626;animation:oaIn .2s ease}
.oa-dc-er svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0}
.dark .oa-dc-er{color:#fca5a5;background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.2)}

/* Buttons */
.oa-ft{display:flex;align-items:center;justify-content:space-between;margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}
.oa-bt{display:inline-flex;align-items:center;gap:7px;padding:11px 22px;border-radius:var(--radius);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;border:none;transition:all .15s;white-space:nowrap}
.oa-bt svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}
.oa-bt-p{background:#3b82f6;color:#fff}
.oa-bt-p:hover{background:#2563eb}
.oa-bt-g{background:transparent;color:var(--muted-foreground);border:1.5px solid var(--border)}
.oa-bt-g:hover{background:var(--secondary);color:var(--foreground)}
.oa-bt-s{background:#10b981;color:#fff;padding:11px 28px}
.oa-bt-s:hover:not(:disabled){background:#059669}
.oa-bt-s:disabled{opacity:.4;cursor:not-allowed}

/* Sidebar */
.oa-aside{position:sticky;top:5rem}
@media(max-width:900px){.oa-aside{display:none}}
.oa-sum{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}
.oa-w{display:flex;align-items:center;gap:12px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--border)}
.oa-w-ic{width:40px;height:40px;border-radius:10px;flex-shrink:0;background:var(--secondary);display:flex;align-items:center;justify-content:center}
.oa-w-ic svg{width:18px;height:18px;stroke:var(--foreground);fill:none;stroke-width:2}
.oa-w-in{flex:1}
.oa-w-tg{display:block;font-size:11px;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.oa-w-bl{display:block;font-size:20px;font-weight:800;color:var(--foreground)}
.oa-w-bl.lo{color:var(--destructive)}
.oa-w-ad{width:32px;height:32px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--secondary);border:1px solid var(--border);color:var(--muted-foreground);text-decoration:none;transition:all .15s}
.oa-w-ad:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}
.oa-w-ad svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.5}
.oa-st{font-size:14px;font-weight:700;color:var(--foreground);margin-bottom:14px}
.oa-rs{display:flex;flex-direction:column;gap:0;margin:0;padding:0}
.oa-rw{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;border-bottom:1px solid var(--border)}
.oa-rw:last-child{border-bottom:none}
.oa-rw dt{color:var(--muted-foreground);font-weight:400}
.oa-rw dd{font-weight:600;color:var(--foreground);margin:0;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
.oa-dv{height:1px;background:var(--border);margin:16px 0}
.oa-tot{display:flex;justify-content:space-between;font-size:20px;font-weight:800;color:var(--foreground)}
.oa-bw{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;border-radius:var(--radius);background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.2);font-size:13px;color:#92400e}
.oa-bw svg{width:18px;height:18px;stroke:#f59e0b;fill:none;stroke-width:2;flex-shrink:0;margin-top:1px}
.oa-bw strong{display:block;font-weight:600;margin-bottom:2px}
.oa-bw a{color:#b45309;font-weight:600;text-decoration:underline;text-underline-offset:2px}
.dark .oa-bw{color:#fcd34d;background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.2)}
.dark .oa-bw a{color:#fbbf24}
.oa-tr{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:18px}
.oa-tc{display:flex;align-items:center;gap:6px;padding:9px 10px;border-radius:8px;font-size:11px;font-weight:500;line-height:1.3}
.oa-tc svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0}
.oa-tc b{font-weight:700}
.oa-tc-g{background:rgba(34,197,94,.06);color:#047857}
.oa-tc-b{background:rgba(59,130,246,.06);color:#1d4ed8}
.oa-tc-a{background:rgba(245,158,11,.06);color:#b45309}
.oa-tc-v{background:rgba(139,92,246,.06);color:#6d28d9}
.dark .oa-tc-g{color:#4ade80;background:rgba(34,197,94,.1)}
.dark .oa-tc-b{color:#60a5fa;background:rgba(59,130,246,.1)}
.dark .oa-tc-a{color:#fbbf24;background:rgba(245,158,11,.1)}
.dark .oa-tc-v{color:#a78bfa;background:rgba(139,92,246,.1)}

/* Mobile Bar */
.oa-mb{display:none;position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--card);border-top:1px solid var(--border);padding:14px 18px;box-shadow:0 -2px 16px rgba(0,0,0,.06)}
@media(max-width:900px){.oa-mb{display:flex;align-items:center;justify-content:space-between;gap:12px}}
@supports(padding:env(safe-area-inset-bottom)){.oa-mb{padding-bottom:calc(14px + env(safe-area-inset-bottom))}}
.oa-mb-l{display:flex;flex-direction:column}
.oa-mb-pr{font-size:20px;font-weight:800;color:var(--foreground)}
.oa-mb-pk{font-size:11px;color:var(--muted-foreground)}
.oa-mb-ct{flex-shrink:0}

/* Responsive */
@media(max-width:600px){
  .oa-card{padding:22px 18px}
  .oa-pn-h h3{font-size:16px}
  .oa-tabs{gap:4px}
  .oa-tab{padding:10px 6px;font-size:12px;gap:5px}
  .oa-tab-num{width:22px;height:22px;font-size:11px}
  .oa-bt{padding:10px 16px;font-size:13px}
  .oa-pk-c{padding:12px 14px;gap:10px}
  .oa-alert{padding:12px 14px;gap:10px}
  .oa-alert-icon{width:30px;height:30px}
  .oa-alert p{font-size:13px}
}
@media(max-width:380px){
  .oa-tab span:last-child{display:none}
  .oa-tr{grid-template-columns:1fr}
}

/* ─── [REMOVED] Order Detail v1/v2 (od-*) — replaced by mc-* Mission Control in order_detail.php ─── */
/* ============================================================================
   Wallet Redesign — Mobile-First, ETH + USDT Support
   ============================================================================ */

/* Wallet Hero */
.wallet-hero{
  display:flex;align-items:center;justify-content:space-between;
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  padding:1.75rem 2rem;margin-bottom:1.25rem;gap:1.5rem;flex-wrap:wrap;
}
.wallet-hero-label{font-size:.8125rem;font-weight:500;color:var(--muted-foreground);margin-bottom:.25rem}
.wallet-hero-amount{font-size:2.25rem;font-weight:800;color:var(--foreground);font-variant-numeric:tabular-nums}
.wallet-hero-frozen{
  display:inline-flex;align-items:center;gap:.375rem;margin-top:.5rem;
  font-size:.75rem;font-weight:600;color:var(--muted-foreground);
  padding:.25rem .625rem;background:var(--secondary);border-radius:9999px;
}
.wallet-hero-frozen svg{width:.75rem;height:.75rem;stroke:currentColor;fill:none;stroke-width:2}
.wallet-hero-actions{display:flex;gap:.75rem;flex-shrink:0}
.wallet-action-btn{
  display:flex;flex-direction:column;align-items:center;gap:.5rem;
  padding:1rem 1.5rem;border-radius:var(--radius);text-decoration:none;
  transition:all .2s;min-width:6rem;
}
.wallet-action-btn:hover{transform:translateY(-2px);opacity:1}
.wallet-action-icon{
  width:2.75rem;height:2.75rem;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
}
.wallet-action-icon svg{width:1.25rem;height:1.25rem;stroke:currentColor;fill:none;stroke-width:2.5}
.wallet-action-text{font-size:.8125rem;font-weight:600;white-space:nowrap}
.wallet-action-deposit{
  background:rgba(34,197,94,.08);color:#16a34a;
}
.wallet-action-deposit .wallet-action-icon{background:rgba(34,197,94,.15)}
.dark .wallet-action-deposit{color:#4ade80}
.dark .wallet-action-deposit .wallet-action-icon{background:rgba(34,197,94,.2)}
.wallet-action-withdraw{
  background:rgba(245,158,11,.08);color:#d97706;
}
.wallet-action-withdraw .wallet-action-icon{background:rgba(245,158,11,.15)}
.dark .wallet-action-withdraw{color:#fbbf24}
.dark .wallet-action-withdraw .wallet-action-icon{background:rgba(245,158,11,.2)}

@media(max-width:600px){
  .wallet-hero{flex-direction:column;align-items:stretch;text-align:center;padding:1.25rem}
  .wallet-hero-amount{font-size:1.75rem}
  .wallet-hero-actions{justify-content:center}
  .wallet-action-btn{flex:1;min-width:0;padding:.875rem .75rem}
}

/* Crypto Banner */
.wallet-crypto-banner{
  display:flex;align-items:center;justify-content:space-between;
  padding:.75rem 1.25rem;margin-bottom:1.25rem;
  background:var(--secondary);border:1px solid var(--border);border-radius:var(--radius);
  flex-wrap:wrap;gap:.5rem;
}
.wallet-crypto-badge{
  display:inline-flex;align-items:center;gap:.375rem;
  font-size:.75rem;font-weight:700;color:var(--foreground);
  text-transform:uppercase;letter-spacing:.04em;
}
.wallet-crypto-badge svg{stroke:currentColor;fill:none;stroke-width:2}
.wallet-crypto-tokens{display:flex;gap:.375rem}
.wallet-token-chip{
  display:inline-flex;align-items:center;gap:.25rem;
  font-size:.6875rem;font-weight:700;padding:.25rem .5rem;
  border-radius:9999px;
}
.wallet-token-usdt{background:rgba(38,161,123,.12);color:#26a17b}
.dark .wallet-token-usdt{color:#50d1a2}

/* Wallet Deposit/Withdraw Layout */
.wallet-deposit-layout{
  display:grid;grid-template-columns:1fr 320px;gap:1.25rem;align-items:start;
}
@media(max-width:900px){.wallet-deposit-layout{grid-template-columns:1fr}}

.wallet-deposit-card{max-width:100%}
.wallet-deposit-header{
  display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;
  padding-bottom:1.25rem;border-bottom:1px solid var(--border);
}
.wallet-deposit-icon{
  width:3rem;height:3rem;border-radius:var(--radius);flex-shrink:0;
  background:rgba(34,197,94,.12);color:#16a34a;
  display:flex;align-items:center;justify-content:center;
}
.wallet-deposit-icon svg{width:1.25rem;height:1.25rem;stroke:currentColor;fill:none;stroke-width:2.5}
.wallet-withdraw-icon{background:rgba(245,158,11,.12);color:#d97706}
.dark .wallet-deposit-icon{color:#4ade80}
.dark .wallet-withdraw-icon{color:#fbbf24}

/* Token Selector */
.wallet-token-selector{display:flex;gap:.5rem}
@media(max-width:480px){.wallet-token-selector{flex-direction:column}}
.wallet-token-option{flex:1;cursor:pointer}
.wallet-token-option input{position:absolute;opacity:0;pointer-events:none}
.wallet-token-option-inner{
  display:flex;align-items:center;gap:.75rem;
  padding:.875rem 1rem;border:2px solid var(--border);border-radius:var(--radius);
  transition:all .2s;
}
.wallet-token-option input:checked ~ .wallet-token-option-inner{
  border-color:var(--primary);background:var(--secondary);
}
.wallet-token-logo{
  width:2.25rem;height:2.25rem;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.wallet-token-logo-usdt{background:rgba(38,161,123,.15);color:#26a17b}
.wallet-token-info{flex:1;min-width:0}
.wallet-token-name{font-size:.9375rem;font-weight:700;color:var(--foreground);display:block}
.wallet-token-desc{font-size:.75rem;color:var(--muted-foreground)}
.wallet-token-check{
  width:1.25rem;height:1.25rem;border-radius:50%;flex-shrink:0;
  border:2px solid var(--border);display:flex;align-items:center;justify-content:center;
  transition:all .2s;
}
.wallet-token-check svg{width:.75rem;height:.75rem;stroke:var(--primary-foreground);fill:none;stroke-width:3;opacity:0;transition:opacity .2s}
.wallet-token-option input:checked ~ .wallet-token-option-inner .wallet-token-check{
  background:var(--primary);border-color:var(--primary);
}
.wallet-token-option input:checked ~ .wallet-token-option-inner .wallet-token-check svg{opacity:1}

/* Address Box */
.wallet-address-box{
  display:flex;flex-direction:column;gap:.5rem;
  padding:1rem;background:var(--secondary);
  border:1px solid var(--border);border-radius:var(--radius);
}
.wallet-address-box code{
  font-size:.8125rem;font-family:'SF Mono','Fira Code',monospace;
  color:var(--foreground);word-break:break-all;line-height:1.5;
}
.wallet-copy-btn{
  display:inline-flex;align-items:center;gap:.375rem;
  padding:.5rem .875rem;background:var(--primary);color:var(--primary-foreground);
  border:none;border-radius:var(--radius);font-size:.8125rem;font-weight:600;
  cursor:pointer;transition:all .2s;align-self:flex-start;
}
.wallet-copy-btn:hover{opacity:.9}

/* Instructions */
.wallet-deposit-instructions{padding:1.5rem}
.wallet-steps{display:flex;flex-direction:column;gap:1rem}
.wallet-step{display:flex;align-items:flex-start;gap:.75rem}
.wallet-step-num{
  width:1.75rem;height:1.75rem;border-radius:50%;flex-shrink:0;
  background:var(--primary);color:var(--primary-foreground);
  display:flex;align-items:center;justify-content:center;
  font-size:.75rem;font-weight:700;margin-top:.125rem;
}
.wallet-step p{font-size:.875rem;color:var(--foreground);line-height:1.5}

@media(max-width:480px){
  .wallet-deposit-header{flex-direction:column;text-align:center}
  .wallet-deposit-card{padding:1rem}
  .wallet-deposit-instructions{padding:1rem}
}

/* ═══ Deposit Amount Input ═══ */
.deposit-amount-wrapper{
  position:relative;display:flex;align-items:center;
  border:2px solid var(--border);border-radius:var(--radius);
  background:var(--background);transition:border-color .2s;
}
.deposit-amount-wrapper:focus-within{border-color:var(--primary)}
.deposit-amount-prefix{
  padding:0 0 0 1rem;font-size:1.25rem;font-weight:700;
  color:var(--muted-foreground);pointer-events:none;
}
.deposit-amount-input{
  border:none!important;background:transparent!important;
  font-size:1.25rem;font-weight:700;padding:.875rem .5rem;
  flex:1;min-width:0;outline:none;
}
.deposit-amount-input:focus{box-shadow:none!important}
.deposit-amount-suffix{
  padding:0 1rem 0 0;font-size:.8125rem;font-weight:700;
  color:var(--muted-foreground);white-space:nowrap;
}

/* ═══ Fee Breakdown ═══ */
.deposit-fee-breakdown{
  margin-top:1rem;padding:1rem;
  background:var(--secondary);border-radius:var(--radius);
  border:1px solid var(--border);
}
.deposit-fee-row{
  display:flex;align-items:center;justify-content:space-between;
  padding:.375rem 0;font-size:.875rem;
}
.deposit-fee-total{
  border-top:2px solid var(--border);padding-top:.625rem;margin-top:.375rem;
  font-weight:700;font-size:.9375rem;
}
.deposit-fee-total span:last-child{color:var(--success, #16a34a)}
.dark .deposit-fee-total span:last-child{color:#4ade80}

/* ═══ Pending Deposit Box ═══ */
.deposit-pending-box{
  position:relative;text-align:center;
  padding:1.5rem;overflow:hidden;
}
.deposit-pending-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:4rem;height:4rem;border-radius:50%;
  background:rgba(245,158,11,.12);color:#d97706;
  animation:depositPulse 2s ease-in-out infinite;
}
.dark .deposit-pending-icon{color:#fbbf24}
@keyframes depositPulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.05);opacity:.85}
}
.deposit-pending-details{
  text-align:left;margin-top:1rem;padding:1rem;
  background:var(--secondary);border-radius:var(--radius);
  border:1px solid var(--border);
}
.deposit-pending-row{
  display:flex;align-items:center;justify-content:space-between;
  padding:.375rem 0;font-size:.875rem;
}

/* ═══ Deposit Actions ═══ */
.deposit-actions{
  display:flex;gap:.75rem;margin-top:1.5rem;
  justify-content:center;flex-wrap:wrap;
}
.deposit-actions .btn{
  display:inline-flex;align-items:center;gap:.5rem;
  min-width:8rem;justify-content:center;
}

/* ═══ Check Overlay ═══ */
.deposit-check-overlay{
  position:absolute;top:0;left:0;right:0;bottom:0;
  background:rgba(var(--card-rgb, 255,255,255),.95);
  display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:1rem;z-index:10;
  border-radius:var(--radius);
}
.dark .deposit-check-overlay{background:rgba(15,15,15,.95)}
.deposit-check-overlay p{
  font-size:.875rem;font-weight:600;color:var(--muted-foreground);
}
.deposit-check-spinner{
  width:2.5rem;height:2.5rem;
  border:3px solid var(--border);
  border-top-color:var(--primary);
  border-radius:50%;
  animation:depositSpin 1s linear infinite;
}
@keyframes depositSpin{to{transform:rotate(360deg)}}

/* ═══ Network Info (sidebar) ═══ */
.deposit-network-info{
  margin-top:1.25rem;padding:1rem;
  background:var(--secondary);border-radius:var(--radius);
  border:1px solid var(--border);
}
.deposit-network-info-row{
  display:flex;align-items:center;justify-content:space-between;
  padding:.375rem 0;font-size:.8125rem;
}

/* ═══ Full-width button ═══ */
.btn-full{width:100%;justify-content:center}

/* ═══════════════════════════════════════════════════════════════════════════
   ORDER CREATE — Step 1 Target Card & Locale Section (oa-target-*, oa-locale-*)
   + Boost Mode badges & proxy field styling
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Label with icon ── */
.oa-lb-icon{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;display:inline-block;vertical-align:-2px;margin-right:4px;opacity:.6}

/* ── Target Card (Website + Keyword grouped) ── */
.oa-target-card{border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:22px;background:var(--card);transition:border-color .2s}
.oa-target-card:focus-within{border-color:rgba(59,130,246,.4)}

.oa-target-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--secondary);border-bottom:1px solid var(--border)}
.oa-target-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.08);color:#3b82f6}
.oa-target-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.dark .oa-target-icon{background:rgba(59,130,246,.15);color:#60a5fa}
.oa-target-label{display:block;font-size:14px;font-weight:700;color:var(--foreground);line-height:1.3}
.oa-target-sub{display:block;font-size:12px;color:var(--muted-foreground);margin-top:1px;line-height:1.3}

.oa-target-body{padding:20px}
.oa-target-body .oa-f{margin-bottom:0}

.oa-target-divider{height:1px;background:var(--border);margin:18px 0}

/* URL input — monospace feel */
.oa-in-url{font-family:'SF Mono','Fira Code','Cascadia Code',monospace;font-size:13px;letter-spacing:-.01em}

/* ── Locale Section ── */
.oa-locale-section{margin-bottom:0}
.oa-locale-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--muted-foreground);margin-bottom:12px;padding-left:2px}
.oa-locale-header svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;opacity:.6}

/* ── Boost Mode Badges ── */
.oa-mode-badge{padding:2px 10px;border-radius:12px;font-size:0.7rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}
.oa-mode-active{background:rgba(34,197,94,.1);color:#059669}
.oa-mode-inactive{background:rgba(239,68,68,.1);color:#dc2626}
.dark .oa-mode-active{background:rgba(34,197,94,.15);color:#4ade80}
.dark .oa-mode-inactive{background:rgba(239,68,68,.12);color:#fca5a5}

/* ── Mode Inactive Reason ── */
.oa-mode-reason{display:flex;align-items:center;gap:6px;margin-top:6px;padding:6px 10px;background:rgba(239,68,68,.04);border:1px solid rgba(239,68,68,.1);border-radius:6px;font-size:0.75rem;color:#dc2626;line-height:1.4}
.oa-mode-reason svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0}
.dark .oa-mode-reason{background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.12);color:#fca5a5}

/* ── Customer Proxy Field ── */
.oa-proxy-field{margin-top:16px;padding:16px 18px;background:rgba(139,92,246,.04);border:1px solid rgba(139,92,246,.15);border-radius:var(--radius)}
.dark .oa-proxy-field{background:rgba(139,92,246,.06);border-color:rgba(139,92,246,.2)}

/* ── Responsive adjustments ── */
@media(max-width:600px){
  .oa-target-header{padding:12px 16px;gap:10px}
  .oa-target-icon{width:32px;height:32px;border-radius:8px}
  .oa-target-icon svg{width:15px;height:15px}
  .oa-target-body{padding:16px}
  .oa-target-label{font-size:13px}
  .oa-proxy-field{padding:12px 14px}
}

/* ═══════════════════════════════════════════════════════════════════════════
   ADMIN SETTINGS — Boost Modes & Proxy Pools
   Full light/dark theme support via CSS variables
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Boost Mode Container ── */
.bm-mode{padding:0.25rem 0}
.bm-divider{
  height:1px;
  background:var(--border);
  margin:1rem 0;
}

/* ── Mode Header ── */
.bm-header{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:1rem;
}
.bm-header-left{
  display:flex;align-items:center;gap:0.75rem;
}
.bm-mode-icon{
  width:2.25rem;height:2.25rem;
  border-radius:var(--radius);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.bm-mode-icon svg{width:1rem;height:1rem;stroke:currentColor;fill:none;stroke-width:2}
.bm-mode-icon--active{
  background:rgba(34,197,94,.1);color:#16a34a;
}
.bm-mode-icon--inactive{
  background:rgba(239,68,68,.08);color:#dc2626;
}
.dark .bm-mode-icon--active{background:rgba(34,197,94,.15);color:#4ade80}
.dark .bm-mode-icon--inactive{background:rgba(239,68,68,.12);color:#f87171}

.bm-mode-name{
  font-size:0.9375rem;font-weight:600;color:var(--foreground);
  margin:0;line-height:1.3;
}
.bm-mode-code{
  font-size:0.6875rem;font-weight:500;
  color:var(--muted-foreground);
  letter-spacing:0.02em;
}

/* ── Status Badge ── */
.bm-badge{
  padding:3px 10px;border-radius:9999px;
  font-size:0.6875rem;font-weight:600;
  letter-spacing:0.02em;text-transform:uppercase;
  white-space:nowrap;
}
.bm-badge--active{background:rgba(34,197,94,.12);color:#16a34a}
.bm-badge--inactive{background:rgba(239,68,68,.1);color:#dc2626}
.dark .bm-badge--active{background:rgba(34,197,94,.18);color:#4ade80}
.dark .bm-badge--inactive{background:rgba(239,68,68,.14);color:#f87171}

/* ── Danger Label ── */
.bm-label--danger{color:#dc2626}
.dark .bm-label--danger{color:#f87171}

/* ── Fields Row (status + description) ── */
.bm-fields{
  display:flex;gap:0.75rem;margin-bottom:0.75rem;
}
.bm-field{display:flex;flex-direction:column;gap:0.375rem}
.bm-field--status{flex:0 0 150px}
.bm-field--desc{flex:1;min-width:0}
@media(max-width:600px){
  .bm-fields{flex-direction:column}
  .bm-field--status{flex:none}
}

/* ── Inactive Reason ── */
.bm-inactive-reason{margin-bottom:0.75rem}

/* ── Performance & Routing Row ── */
.bm-perf-row{
  display:flex;gap:0.75rem;
  padding:0.875rem;
  background:var(--secondary);
  border:1px solid var(--border);
  border-radius:var(--radius);
}
.bm-perf-block{
  display:flex;flex-direction:column;gap:0.25rem;
  flex:0 0 150px;
}
.bm-perf-block--routing{flex:1;min-width:0}
.bm-perf-label{
  display:flex;align-items:center;gap:0.375rem;
  font-size:0.75rem;font-weight:600;
  color:var(--muted-foreground);
  margin-bottom:0;
}
.bm-perf-label svg{opacity:0.6;flex-shrink:0}

@media(max-width:640px){
  .bm-perf-row{flex-direction:column}
  .bm-perf-block{flex:none}
}

/* ── Routing Pills ── */
.bm-routing-pills{
  display:flex;gap:0.5rem;flex-wrap:wrap;
  align-items:center;
  min-height:2.625rem;
}
.bm-routing-pill{
  display:inline-flex;align-items:center;gap:0.375rem;
  padding:0.375rem 0.75rem;
  background:var(--background);
  border:1px solid var(--border);
  border-radius:var(--radius);
  font-size:0.8125rem;
  color:var(--muted-foreground);
  white-space:nowrap;
}
.bm-routing-pill code{
  font-size:0.75rem;font-weight:700;
  color:var(--foreground);
}

/* ═══ Proxy Pool Sections ═══ */
.bm-proxy-section{
  border:1px solid var(--border);
  border-radius:var(--radius);
  margin-bottom:0.75rem;
  overflow:hidden;
}
.bm-proxy-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:0.75rem 1rem;
  background:var(--secondary);
  cursor:pointer;
  transition:background-color .2s;
  user-select:none;
}
.bm-proxy-header:hover{background:var(--muted)}
.bm-proxy-header-left{
  display:flex;align-items:center;gap:0.625rem;
}
.bm-proxy-header-left svg{
  color:var(--muted-foreground);flex-shrink:0;
}
.bm-proxy-title{
  font-size:0.875rem;font-weight:600;color:var(--foreground);
}
.bm-proxy-chevron{
  color:var(--muted-foreground);flex-shrink:0;
  transition:transform .2s;
}
.bm-proxy-body{
  padding:0.75rem 1rem;
  border-top:1px solid var(--border);
}