@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap");

/* ============================================
   MODERN OVERRIDE - LIGHT/DARK THEME SYSTEM
   ============================================ */

:root {
    --m-bg: #f0f4f8;
    --m-bg-secondary: #ffffff;
    --m-bg-card: #ffffff;
    --m-bg-sidebar: #e8ecef;
    --m-bg-navbar: #ffffff;
    --m-bg-input: #f1f5f9;
    --m-text: #1e293b;
    --m-text-secondary: #64748b;
    --m-text-muted: #94a3b8;
    --m-border: #e2e8f0;
    --m-border-light: #f1f5f9;
    --m-primary: #6366f1;
    --m-primary-light: #818cf8;
    --m-primary-dark: #4f46e5;
    --m-secondary: #06b6d4;
    --m-success: #10b981;
    --m-warning: #f59e0b;
    --m-danger: #ef4444;
    --m-info: #3b82f6;
    --m-accent-gradient: linear-gradient(135deg, #6366f1, #06b6d4);
    --m-card-gradient: linear-gradient(135deg, #6366f1 0%, #818cf8 50%, #06b6d4 100%);
    --m-shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    --m-shadow-md: 0 4px 6px rgba(0,0,0,0.04), 0 2px 4px rgba(0,0,0,0.03);
    --m-shadow-lg: 0 10px 25px rgba(0,0,0,0.06), 0 4px 10px rgba(0,0,0,0.04);
    --m-shadow-xl: 0 20px 50px rgba(0,0,0,0.08);
    --m-glass: rgba(255,255,255,0.7);
    --m-glass-border: rgba(255,255,255,0.5);
    --m-radius: 16px;
    --m-radius-sm: 10px;
    --m-radius-xs: 6px;
    --m-sidebar-active-bg: linear-gradient(135deg, #6366f1, #818cf8);
    --m-sidebar-hover-bg: #f1f5f9;
    --m-table-header-bg: #f8fafc;
    --m-table-row-hover: #f1f5f9;
    --m-scrollbar-thumb: #cbd5e1;
    --m-scrollbar-track: #f1f5f9;
    --m-ticker-bg: #ffffff;
    --m-badge-bg: #f1f5f9;
}

[data-theme="dark"] {
    --m-bg: #0f172a;
    --m-bg-secondary: #1e293b;
    --m-bg-card: #1e293b;
    --m-bg-sidebar: #1a1d24;
    --m-bg-navbar: #1e293b;
    --m-bg-input: #334155;
    --m-text: #f1f5f9;
    --m-text-secondary: #94a3b8;
    --m-text-muted: #64748b;
    --m-border: #334155;
    --m-border-light: #1e293b;
    --m-primary: #818cf8;
    --m-primary-light: #a5b4fc;
    --m-primary-dark: #6366f1;
    --m-secondary: #22d3ee;
    --m-success: #34d399;
    --m-warning: #fbbf24;
    --m-danger: #f87171;
    --m-info: #60a5fa;
    --m-accent-gradient: linear-gradient(135deg, #818cf8, #22d3ee);
    --m-card-gradient: linear-gradient(135deg, #6366f1 0%, #818cf8 50%, #22d3ee 100%);
    --m-shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
    --m-shadow-md: 0 4px 6px rgba(0,0,0,0.3);
    --m-shadow-lg: 0 10px 25px rgba(0,0,0,0.4);
    --m-shadow-xl: 0 20px 50px rgba(0,0,0,0.5);
    --m-glass: rgba(30,41,59,0.8);
    --m-glass-border: rgba(51,65,85,0.5);
    --m-sidebar-active-bg: linear-gradient(135deg, #6366f1, #818cf8);
    --m-sidebar-hover-bg: #1e293b;
    --m-table-header-bg: #0f172a;
    --m-table-row-hover: #334155;
    --m-scrollbar-thumb: #475569;
    --m-scrollbar-track: #1e293b;
    --m-ticker-bg: #1e293b;
    --m-badge-bg: #334155;
}

/* ============================================ BASE ============================================ */
body {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif !important;
    color: var(--m-text) !important;
    background: var(--m-bg) !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: background 0.3s ease, color 0.3s ease;
}

/* Fix dashboard wrapper - ticker must be full width above sidebar+content */
.dashboard-wrapper { flex-wrap:wrap!important; }
.crypto-ticker-wrap { width:100%!important; flex:0 0 100%!important; order:-1!important; }
#content { width:calc(100% - 300px)!important; min-height:calc(100vh - 44px)!important; }
#sidebar { top:44px!important; height:calc(100% - 44px)!important; }
h1,h2,h3,h4,h5,h6 {
    font-family: "Space Grotesk", -apple-system, sans-serif !important;
    color: var(--m-text) !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em;
}
a { color: var(--m-primary); text-decoration: none; }
a:hover { color: var(--m-primary-dark); }
p { color: var(--m-text-secondary); }
::selection { background: var(--m-primary); color: white; }
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--m-scrollbar-track); }
::-webkit-scrollbar-thumb { background: var(--m-scrollbar-thumb); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: var(--m-primary); }

/* ============================================ THEME TOGGLE ============================================ */
.theme-toggle { position:relative; width:52px; height:28px; background:var(--m-border); border-radius:100px; cursor:pointer; border:none; padding:0; margin:0 12px; transition:all .3s ease; display:inline-flex; align-items:center; }
.theme-toggle:hover { background:var(--m-primary); box-shadow:0 0 15px rgba(99,102,241,.3); }
.theme-toggle .toggle-thumb { position:absolute; left:3px; width:22px; height:22px; background:white; border-radius:50%; transition:all .3s cubic-bezier(.68,-.55,.265,1.55); display:flex; align-items:center; justify-content:center; box-shadow:0 2px 4px rgba(0,0,0,.2); }
.theme-toggle .toggle-thumb .icon-sun,.theme-toggle .toggle-thumb .icon-moon { font-size:12px; transition:all .3s ease; }
.theme-toggle .toggle-thumb .icon-sun { opacity:1; color:#f59e0b; }
.theme-toggle .toggle-thumb .icon-moon { opacity:0; position:absolute; color:#6366f1; }
[data-theme="dark"] .theme-toggle { background:#334155; }
[data-theme="dark"] .theme-toggle:hover { background:var(--m-primary); }
[data-theme="dark"] .theme-toggle .toggle-thumb { left:27px; background:#1e293b; }
[data-theme="dark"] .theme-toggle .toggle-thumb .icon-sun { opacity:0; }
[data-theme="dark"] .theme-toggle .toggle-thumb .icon-moon { opacity:1; }

/* ============================================ CRYPTO TICKER ============================================ */
.crypto-ticker-wrap { background:var(--m-ticker-bg); border-bottom:1px solid var(--m-border); overflow:hidden; position:relative; height:44px; display:flex; align-items:center; z-index:1030; box-shadow:var(--m-shadow-sm); }
.crypto-ticker-wrap::before,.crypto-ticker-wrap::after { content:''; position:absolute; top:0; bottom:0; width:60px; z-index:2; pointer-events:none; }
.crypto-ticker-wrap::before { left:0; background:linear-gradient(to right,var(--m-ticker-bg),transparent); }
.crypto-ticker-wrap::after { right:0; background:linear-gradient(to left,var(--m-ticker-bg),transparent); }
.crypto-ticker-track { display:flex; animation:tickerScroll 40s linear infinite; will-change:transform; }
.crypto-ticker-track:hover { animation-play-state:paused; }
@keyframes tickerScroll { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
.ticker-item { display:inline-flex; align-items:center; gap:8px; padding:0 24px; white-space:nowrap; font-size:13px; font-weight:500; color:var(--m-text); border-right:1px solid var(--m-border); height:44px; font-family:'Space Grotesk',sans-serif; transition:all .3s ease; cursor:default; }
.ticker-item:hover { background:var(--m-border-light); }
.ticker-item img { width:20px; height:20px; border-radius:50%; }
.ticker-item .ticker-symbol { font-weight:700; color:var(--m-text); }
.ticker-item .ticker-price { font-weight:600; color:var(--m-text); font-variant-numeric:tabular-nums; }
.ticker-item .ticker-change { font-size:12px; font-weight:600; padding:2px 6px; border-radius:4px; font-variant-numeric:tabular-nums; }
.ticker-item .ticker-change.up { color:#10b981; background:rgba(16,185,129,.1); }
.ticker-item .ticker-change.down { color:#ef4444; background:rgba(239,68,68,.1); }

/* ============================================ SIDEBAR ============================================ */
#sidebar { background:linear-gradient(180deg, #f0f1f3 0%, #e4e7eb 25%, #d5d9df 50%, #c8cdd4 75%, #bec4cc 100%)!important; border-right:1px solid rgba(192,197,204,0.5)!important; box-shadow:2px 0 15px rgba(0,0,0,0.06), inset -1px 0 0 rgba(255,255,255,0.4)!important; transition:all .3s ease!important; overflow-y:auto; overflow-x:hidden; }
[data-theme="dark"] #sidebar { background:linear-gradient(180deg, #0a0f14 0%, #0d1117 25%, #0a0e13 50%, #080c11 75%, #06090d 100%)!important; border-right:1px solid rgba(0,255,136,0.08)!important; box-shadow:2px 0 25px rgba(0,255,136,0.05), inset -1px 0 0 rgba(0,255,136,0.03)!important; }
#sidebar .sidebar-top { padding:16px 20px!important; border-bottom:1px solid var(--m-border)!important; background:transparent!important; display:flex!important; align-items:center!important; justify-content:space-between!important; }
#sidebar .sidebar-top .navbar-brand { display:flex!important; align-items:center!important; }
#sidebar .sidebar-top .navbar-brand img { max-height:32px!important; width:auto!important; }
#sidebar .sidebar-top .sidebar-toggler { background:var(--m-primary)!important; border-radius:var(--m-radius-xs)!important; }
#sidebar ul.main { padding:12px 14px!important; }
#sidebar ul li { margin-bottom:2px!important; }
#sidebar ul li a { color:var(--m-text-secondary)!important; font-family:"Inter",sans-serif!important; font-size:14px!important; font-weight:500!important; padding:10px 14px!important; border-radius:var(--m-radius-sm)!important; transition:all .2s ease!important; display:flex!important; align-items:center!important; gap:10px; }
#sidebar ul li a::before { display:none!important; }
#sidebar ul li a i { color:var(--m-text-muted)!important; width:22px!important; text-align:center!important; font-size:16px!important; transition:all .2s ease!important; }
#sidebar ul li a:hover { background:var(--m-sidebar-hover-bg)!important; color:var(--m-primary)!important; transform:translateX(2px); }
#sidebar ul li a:hover i { color:var(--m-primary)!important; }
#sidebar ul li a.active { background:var(--m-sidebar-active-bg)!important; color:#fff!important; box-shadow:0 4px 12px rgba(99,102,241,.3); }
#sidebar ul li a.active i { color:#fff!important; }

/* ── NEON GREEN sidebar in dark mode ── */
[data-theme="dark"] #sidebar ul li a { color:rgba(0,255,136,0.65)!important; text-shadow:0 0 4px rgba(0,255,136,0.1); }
[data-theme="dark"] #sidebar ul li a i { color:rgba(0,255,136,0.5)!important; filter:drop-shadow(0 0 3px rgba(0,255,136,0.2)); transition:all .25s ease!important; }
[data-theme="dark"] #sidebar ul li a:hover { background:rgba(0,255,136,0.06)!important; color:#00ff88!important; text-shadow:0 0 12px rgba(0,255,136,0.4), 0 0 24px rgba(0,255,136,0.15); transform:translateX(3px); }
[data-theme="dark"] #sidebar ul li a:hover i { color:#00ff88!important; filter:drop-shadow(0 0 8px rgba(0,255,136,0.6)); }
[data-theme="dark"] #sidebar ul li a.active { background:linear-gradient(135deg, rgba(0,255,136,0.15), rgba(0,255,136,0.08))!important; color:#00ff88!important; box-shadow:0 0 20px rgba(0,255,136,0.15), inset 0 0 20px rgba(0,255,136,0.05); border:1px solid rgba(0,255,136,0.2)!important; text-shadow:0 0 14px rgba(0,255,136,0.5), 0 0 28px rgba(0,255,136,0.2); }
[data-theme="dark"] #sidebar ul li a.active i { color:#00ff88!important; filter:drop-shadow(0 0 10px rgba(0,255,136,0.8)); }
[data-theme="dark"] #sidebar .sidebar-top { border-bottom:1px solid rgba(0,255,136,0.1)!important; }
[data-theme="dark"] #sidebar .company-setting-dropdown-items { border-top:1px solid rgba(0,255,136,0.1); }
[data-theme="dark"] #sidebar .company-setting-dropdown-items button { color:rgba(0,255,136,0.5); text-shadow:0 0 4px rgba(0,255,136,0.15); }
[data-theme="dark"] #sidebar .collapse ul li a { color:rgba(0,255,136,0.55)!important; }
[data-theme="dark"] #sidebar .collapse ul li a:hover { color:#00ff88!important; }
#sidebar .collapse ul li a { font-size:13px!important; padding-left:42px!important; }
#sidebar .company-setting-dropdown-items { border-top:1px solid var(--m-border); padding:12px 14px; }
#sidebar .company-setting-dropdown-items button { color:var(--m-text-secondary); font-size:13px; font-family:"Inter",sans-serif; }
#sidebar .company-setting-dropdown-items .dropdown-menu { background:var(--m-bg-card)!important; border:1px solid var(--m-border)!important; border-radius:var(--m-radius-sm)!important; box-shadow:var(--m-shadow-lg)!important; }
#sidebar .company-setting-dropdown-items .dropdown-item { color:var(--m-text)!important; font-size:13px; }
#sidebar .company-setting-dropdown-items .dropdown-item:hover { background:var(--m-sidebar-hover-bg)!important; color:var(--m-primary)!important; }
#sidebar ul.main li { animation:sidebarSlideIn .4s ease forwards; opacity:0; }
@keyframes sidebarSlideIn { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} }
#sidebar ul.main li:nth-child(1){animation-delay:.03s}#sidebar ul.main li:nth-child(2){animation-delay:.06s}#sidebar ul.main li:nth-child(3){animation-delay:.09s}#sidebar ul.main li:nth-child(4){animation-delay:.12s}#sidebar ul.main li:nth-child(5){animation-delay:.15s}#sidebar ul.main li:nth-child(6){animation-delay:.18s}#sidebar ul.main li:nth-child(7){animation-delay:.21s}#sidebar ul.main li:nth-child(8){animation-delay:.24s}#sidebar ul.main li:nth-child(9){animation-delay:.27s}#sidebar ul.main li:nth-child(10){animation-delay:.3s}#sidebar ul.main li:nth-child(11){animation-delay:.33s}#sidebar ul.main li:nth-child(12){animation-delay:.36s}

/* ============================================ CONTENT AREA ============================================ */
#content { background:var(--m-bg)!important; transition:all .3s ease!important; }
#content > .overlay { padding:0 0 30px 0!important; }
#content .container-fluid { padding:0 24px!important; }
#content .container-fluid > .main { margin-bottom:20px!important; }
#content .container-fluid > .main h5 { font-size:20px!important; margin-bottom:16px!important; padding-top:4px!important; }

/* ============================================ NAVBAR ============================================ */
#content .navbar { background:var(--m-bg-navbar)!important; border:1px solid var(--m-border)!important; border-radius:var(--m-radius)!important; box-shadow:var(--m-shadow-sm)!important; height:auto!important; padding:8px 16px!important; margin:16px 20px!important; backdrop-filter:blur(20px); }
#content .navbar .sidebar-toggler { background:var(--m-primary)!important; border-radius:var(--m-radius-xs)!important; transition:all .2s ease; }
#content .navbar .sidebar-toggler:hover { transform:scale(1.05); box-shadow:0 4px 12px rgba(99,102,241,.3); }
#content .navbar .navbar-text .profile img { border:2px solid var(--m-border)!important; transition:all .2s ease; }
#content .navbar .navbar-text .profile img:hover { border-color:var(--m-primary)!important; box-shadow:0 0 0 3px rgba(99,102,241,.2); }
#content .navbar .navbar-text .notification-panel .dropdown-toggle i { color:var(--m-text-secondary)!important; transition:color .2s ease; }
#content .navbar .navbar-text .notification-panel .dropdown-toggle i:hover { color:var(--m-primary)!important; }
#content .navbar .navbar-text .notification-panel .dropdown-toggle .count { background:var(--m-danger)!important; font-family:"Space Grotesk",sans-serif!important; border-radius:100px!important; font-size:11px!important; }
#content .navbar .navbar-text .notification-panel .notification-dropdown,#content .navbar .navbar-text .user-panel .user-dropdown { background:var(--m-bg-card)!important; border:1px solid var(--m-border)!important; border-radius:var(--m-radius-sm)!important; box-shadow:var(--m-shadow-xl)!important; overflow:hidden; }
#content .navbar .navbar-text .notification-panel .notification-dropdown li { border-bottom:1px solid var(--m-border)!important; }
#content .navbar .navbar-text .notification-panel .notification-dropdown li a { color:var(--m-text)!important; }
#content .navbar .navbar-text .notification-panel .notification-dropdown li a:hover { background:var(--m-sidebar-hover-bg)!important; }
#content .navbar .navbar-text .notification-panel .notification-dropdown li a i { background:var(--m-accent-gradient)!important; border-radius:var(--m-radius-xs)!important; }
#content .navbar .navbar-text .notification-panel .notification-dropdown li a .text p { color:var(--m-text)!important; }
#content .navbar .navbar-text .notification-panel .notification-dropdown li a .text .time { color:var(--m-primary)!important; }
#content .navbar .navbar-text .notification-panel .notification-dropdown .clear-all { background:var(--m-bg-card)!important; border-top:1px solid var(--m-border)!important; }
#content .navbar .navbar-text .notification-panel .notification-dropdown .clear-all a { color:var(--m-text)!important; }
#content .navbar .navbar-text .notification-panel .notification-dropdown .clear-all a:hover { color:var(--m-primary)!important; }
#content .navbar .navbar-text .user-panel .user-dropdown li a { background:var(--m-bg-card)!important; color:var(--m-text)!important; font-family:"Inter",sans-serif!important; }
#content .navbar .navbar-text .user-panel .user-dropdown li a:hover { background:var(--m-primary)!important; color:#fff!important; }

/* ============================================ DASHBOARD CARDS ============================================ */
#content .dashboard-box { background:var(--m-bg-card)!important; border:1px solid var(--m-border)!important; border-radius:var(--m-radius)!important; box-shadow:var(--m-shadow-sm)!important; padding:24px 28px!important; position:relative; overflow:hidden; transition:all .3s cubic-bezier(.25,.46,.45,.94); }
#content .dashboard-box::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; background:var(--m-accent-gradient); border-radius:var(--m-radius) var(--m-radius) 0 0; }
#content .dashboard-box:hover { transform:translateY(-4px); box-shadow:var(--m-shadow-lg)!important; border-color:var(--m-primary)!important; }
#content .dashboard-box h5 { color:var(--m-text-secondary)!important; font-size:12px!important; font-weight:600!important; text-transform:uppercase!important; letter-spacing:.08em!important; font-family:"Inter",sans-serif!important; margin-bottom:8px!important; }
#content .dashboard-box h3 { color:var(--m-text)!important; font-size:28px!important; font-weight:700!important; margin:0!important; font-family:"Space Grotesk",sans-serif!important; }
#content .dashboard-box>i { color:var(--m-primary)!important; opacity:.15; font-size:48px!important; transition:all .3s ease; }
#content .dashboard-box:hover>i { opacity:.3; transform:translateY(-50%) scale(1.1)!important; }
#content .dashboard-box.box-2::before { background:linear-gradient(135deg,#06b6d4,#22d3ee); }
#content .dashboard-box.box-3::before { background:linear-gradient(135deg,#10b981,#34d399); }
#content .dashboard-box.box-4::before { background:linear-gradient(135deg,#f59e0b,#fbbf24); }
.row.g-4>[class*="col-"]:nth-child(1) .dashboard-box{animation:cardIn .5s ease .05s both}.row.g-4>[class*="col-"]:nth-child(2) .dashboard-box{animation:cardIn .5s ease .12s both}.row.g-4>[class*="col-"]:nth-child(3) .dashboard-box{animation:cardIn .5s ease .19s both}.row.g-4>[class*="col-"]:nth-child(4) .dashboard-box{animation:cardIn .5s ease .26s both}
@keyframes cardIn { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }

/* ============================================ GLOBE SECTION ============================================ */
.globe-section { position:relative; border-radius:var(--m-radius); overflow:hidden; border:1px solid var(--m-border); box-shadow:var(--m-shadow-md); background:var(--m-bg-card); margin-bottom:24px; min-height:500px; }
.globe-section .globe-header { position:absolute; top:0; left:0; right:0; z-index:10; padding:20px 24px; display:flex; justify-content:space-between; align-items:flex-start; pointer-events:none; }
.globe-header>* { pointer-events:auto; }
.globe-header h5 { font-size:16px!important; margin:0 0 4px 0!important; font-weight:600!important; }
.globe-header p { font-size:12px; margin:0; color:var(--m-text-muted); }
.globe-legend { display:flex; gap:16px; align-items:center; font-size:12px; font-weight:500; font-family:"Inter",sans-serif; color:var(--m-text-secondary); }
.globe-legend .legend-dot { width:10px; height:10px; border-radius:50%; display:inline-block; margin-right:4px; animation:legendPulse 2s ease infinite; }
.globe-legend .legend-dot.seller { background:#ef4444; box-shadow:0 0 6px rgba(239,68,68,.5); }
.globe-legend .legend-dot.buyer { background:#10b981; box-shadow:0 0 6px rgba(16,185,129,.5); }
@keyframes legendPulse { 0%,100%{transform:scale(1);opacity:1} 50%{transform:scale(1.3);opacity:.7} }
#globe-container { width:100%; height:500px; cursor:grab; position:relative; }
#globe-container:active { cursor:grabbing; }
#globe-container canvas { border-radius:var(--m-radius); }
.globe-tooltip { position:absolute; background:var(--m-bg-card); border:1px solid var(--m-border); border-radius:var(--m-radius-sm); padding:12px 16px; box-shadow:var(--m-shadow-lg); z-index:20; pointer-events:none; opacity:0; transition:opacity .2s ease; min-width:220px; font-family:"Inter",sans-serif; }
.globe-tooltip.visible { opacity:1; }
.globe-tooltip .tooltip-user { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.globe-tooltip .tooltip-user img { width:32px; height:32px; border-radius:50%; border:2px solid var(--m-border); }
.globe-tooltip .tooltip-user .name { font-weight:600; font-size:13px; color:var(--m-text); }
.globe-tooltip .tooltip-user .location { font-size:11px; color:var(--m-text-muted); }
.globe-tooltip .tooltip-trade { font-size:12px; color:var(--m-text-secondary); line-height:1.5; }
.globe-tooltip .tooltip-trade .trade-type { font-weight:700; padding:2px 6px; border-radius:4px; font-size:11px; }
.globe-tooltip .tooltip-trade .trade-type.sell { color:#ef4444; background:rgba(239,68,68,.1); }
.globe-tooltip .tooltip-trade .trade-type.buy { color:#10b981; background:rgba(16,185,129,.1); }
.globe-tooltip .tooltip-stats { display:flex; gap:12px; margin-top:8px; padding-top:8px; border-top:1px solid var(--m-border); font-size:11px; color:var(--m-text-muted); }
.globe-tooltip .tooltip-stats .stat { display:flex; align-items:center; gap:4px; }
.globe-tooltip .tooltip-stats .stat i { font-size:10px; }
.globe-tooltip .tooltip-stats .stat .stars { color:#f59e0b; }

.globe-activity-feed { position:absolute; right:16px; top:60px; bottom:16px; width:240px; background:var(--m-glass); backdrop-filter:blur(16px); border:1px solid var(--m-glass-border); border-radius:var(--m-radius-sm); padding:14px; overflow-y:auto; z-index:10; font-family:"Inter",sans-serif; }
.globe-activity-feed h6 { font-size:12px!important; text-transform:uppercase!important; letter-spacing:.08em!important; color:var(--m-text-muted)!important; font-family:"Inter",sans-serif!important; margin-bottom:12px!important; font-weight:600!important; }
.activity-item { display:flex; gap:10px; padding:8px 0; border-bottom:1px solid var(--m-border-light); animation:activityFadeIn .4s ease both; cursor:pointer; transition:background .15s ease; border-radius:6px; padding:8px 6px; margin:0 -6px; }
.activity-item:hover { background:rgba(99,102,241,.06); }
.activity-item:last-child { border-bottom:none; }
.activity-item .activity-avatar { width:32px; height:32px; border-radius:50%; flex-shrink:0; border:2px solid var(--m-border); transition:border-color .2s ease; }
.activity-item:hover .activity-avatar { border-color:var(--m-primary); }
.activity-item .activity-info { font-size:12px; line-height:1.4; }
.activity-item .activity-info .activity-name { font-weight:600; color:var(--m-text); }
.activity-item:hover .activity-info .activity-name { color:var(--m-primary); }
.activity-item .activity-info .activity-detail { color:var(--m-text-muted); font-size:11px; }
.activity-type-badge { font-size:10px; padding:1px 5px; border-radius:3px; font-weight:700; text-transform:uppercase; }
.activity-type-badge.sell { color:#ef4444; background:rgba(239,68,68,.1); }
.activity-type-badge.buy { color:#10b981; background:rgba(16,185,129,.1); }
@keyframes activityFadeIn { from{opacity:0;transform:translateX(10px)} to{opacity:1;transform:translateX(0)} }

/* ============================================ GLOBE FINDER PANEL ============================================ */
.globe-finder-panel { position:absolute; left:16px; top:60px; bottom:16px; width:260px; background:var(--m-glass); backdrop-filter:blur(20px); border:1px solid var(--m-glass-border); border-radius:var(--m-radius-sm); padding:22px 18px; z-index:10; font-family:"Inter",sans-serif; display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; overflow-y:auto; }
.finder-icon { position:relative; width:56px; height:56px; border-radius:50%; background:linear-gradient(135deg,#10b981,#059669); display:flex; align-items:center; justify-content:center; margin-bottom:4px; }
.finder-icon i { color:#fff; font-size:22px; z-index:2; position:relative; }
.finder-pulse-ring { position:absolute; inset:-6px; border:2px solid rgba(16,185,129,.3); border-radius:50%; animation:finderPulse 2s ease infinite; }
@keyframes finderPulse { 0%{transform:scale(1);opacity:.6} 70%{transform:scale(1.4);opacity:0} 100%{transform:scale(1);opacity:0} }
.finder-title { font-family:"Space Grotesk",sans-serif!important; font-size:16px!important; font-weight:700!important; color:var(--m-text)!important; margin:0!important; letter-spacing:-0.01em; }
.finder-subtitle { font-size:12px; color:var(--m-text-muted); margin:0; line-height:1.4; }
.finder-location-display { display:flex; align-items:center; gap:8px; background:var(--m-bg-input); border:1px solid var(--m-border); border-radius:100px; padding:8px 16px; font-size:12px; color:var(--m-text-secondary); width:100%; justify-content:center; }
.finder-location-display i { color:var(--m-primary); font-size:14px; animation:spinSlow 3s linear infinite; }
.finder-location-display.located i { animation:none; color:#10b981; }
.finder-location-display.located { border-color:#10b981; background:rgba(16,185,129,.06); }
.finder-location-display.located-shiny {
    border-color:#00ff88; background:rgba(0,255,136,.08);
    box-shadow:0 0 12px rgba(0,255,136,.2), inset 0 0 8px rgba(0,255,136,.05);
    animation: shinyPulse 2s ease-in-out infinite;
}
.finder-location-display.located-shiny i.fa-check-circle {
    color:#00ff88!important; font-size:16px;
    text-shadow:0 0 8px rgba(0,255,136,0.6), 0 0 16px rgba(0,255,136,0.3);
    animation: shinyGlow 1.5s ease-in-out infinite;
}
.detected-city-name {
    font-family:'Space Grotesk',sans-serif; font-weight:800; font-size:13px;
    color:#00ff88; letter-spacing:0.08em;
    text-shadow:0 0 6px rgba(0,255,136,0.4);
}
.city-location-badge {
    display:inline-flex; align-items:center; gap:5px;
    margin-left:12px; padding:3px 12px; border-radius:100px; font-size:11px; font-weight:700;
    font-family:'Space Grotesk',sans-serif; letter-spacing:0.06em;
    color:#00ff88; background:rgba(0,255,136,.1);
    border:1px solid rgba(0,255,136,.3);
    box-shadow:0 0 10px rgba(0,255,136,.15);
    animation: badgePulse 2.5s ease-in-out infinite;
    vertical-align:middle;
}
.city-location-badge i { font-size:10px; color:#00ff88; }
@keyframes shinyPulse { 0%,100%{box-shadow:0 0 12px rgba(0,255,136,.2), inset 0 0 8px rgba(0,255,136,.05)} 50%{box-shadow:0 0 20px rgba(0,255,136,.35), inset 0 0 12px rgba(0,255,136,.08)} }
@keyframes shinyGlow { 0%,100%{text-shadow:0 0 8px rgba(0,255,136,0.6), 0 0 16px rgba(0,255,136,0.3)} 50%{text-shadow:0 0 14px rgba(0,255,136,0.9), 0 0 28px rgba(0,255,136,0.5)} }
@keyframes badgePulse { 0%,100%{box-shadow:0 0 10px rgba(0,255,136,.15)} 50%{box-shadow:0 0 18px rgba(0,255,136,.3)} }
@keyframes spinSlow { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
.finder-country-select { width:100%; }
.finder-select { width:100%; background:var(--m-bg-input)!important; border:1px solid var(--m-border)!important; border-radius:var(--m-radius-xs)!important; padding:10px 14px!important; font-size:13px!important; color:var(--m-text)!important; font-family:"Inter",sans-serif!important; cursor:pointer; appearance:auto; transition:all .2s ease; }
.finder-select:focus { border-color:var(--m-primary)!important; box-shadow:0 0 0 3px rgba(99,102,241,.1)!important; outline:none; }
.finder-btn-main { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; padding:14px 16px; background:linear-gradient(135deg,#10b981 0%,#059669 50%,#047857 100%); color:#fff!important; font-family:"Space Grotesk",sans-serif; font-size:13px; font-weight:700; letter-spacing:.04em; border-radius:var(--m-radius-xs); text-decoration:none; position:relative; overflow:hidden; transition:all .3s ease; box-shadow:0 4px 15px rgba(16,185,129,.3); }
.finder-btn-main:hover { transform:translateY(-2px); box-shadow:0 8px 25px rgba(16,185,129,.4); color:#fff!important; }
.finder-btn-main .btn-glow { position:absolute; top:-50%; left:-60%; width:60%; height:200%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent); transform:rotate(25deg); animation:btnGlow 3s ease infinite; }
@keyframes btnGlow { 0%{left:-60%} 100%{left:120%} }
.finder-btn-main i { font-size:16px; }
.finder-btn-buy { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; padding:12px 16px; background:var(--m-bg-card); border:2px solid var(--m-primary); color:var(--m-primary)!important; font-family:"Space Grotesk",sans-serif; font-size:12px; font-weight:700; letter-spacing:.04em; border-radius:var(--m-radius-xs); text-decoration:none; transition:all .3s ease; }
.finder-btn-buy:hover { background:var(--m-primary); color:#fff!important; transform:translateY(-2px); box-shadow:0 6px 20px rgba(99,102,241,.3); }
.finder-btn-buy i:last-child { transition:transform .3s ease; }
.finder-btn-buy:hover i:last-child { transform:translateX(4px); }
.finder-stats-row { display:flex; align-items:center; justify-content:center; gap:16px; width:100%; padding:10px 0 0; border-top:1px solid var(--m-border-light); margin-top:auto; }
.finder-stat { text-align:center; }
.finder-stat .stat-num { display:block; font-family:"Space Grotesk",sans-serif; font-size:18px; font-weight:700; color:var(--m-primary); }
.finder-stat .stat-label { font-size:10px; color:var(--m-text-muted); text-transform:uppercase; letter-spacing:.06em; font-weight:600; }
.finder-stat-divider { width:1px; height:30px; background:var(--m-border); }

@media (max-width:1400px) {
    .globe-finder-panel { width:220px; padding:16px 14px; }
    .finder-btn-main { font-size:12px; padding:12px 12px; }
    .finder-btn-buy { font-size:11px; padding:10px 12px; }
}
@media (max-width:1200px) { .globe-finder-panel{display:none} }

/* ============================================ TABLES ============================================ */
.table-parent { background:var(--m-bg-card)!important; border:1px solid var(--m-border); border-radius:var(--m-radius)!important; box-shadow:var(--m-shadow-sm); padding:0!important; overflow:hidden; animation:cardIn .5s ease .3s both; }
.table-parent h6 { padding:16px 20px; margin:0!important; border-bottom:1px solid var(--m-border); font-size:14px!important; color:var(--m-text)!important; }
#content .table { color:var(--m-text)!important; margin-bottom:0!important; }
#content .table thead { background:var(--m-table-header-bg)!important; color:var(--m-text-secondary)!important; }
#content .table thead tr th { font-size:11px!important; text-transform:uppercase!important; letter-spacing:.08em!important; font-weight:600!important; font-family:"Inter",sans-serif!important; color:var(--m-text-secondary)!important; padding:14px 16px!important; border-bottom:2px solid var(--m-border)!important; white-space:nowrap; background:var(--m-table-header-bg)!important; }
#content .table tbody>tr:nth-of-type(even)>*,#content .table tbody>tr:nth-of-type(odd)>* { --bs-table-accent-bg:transparent!important; color:var(--m-text)!important; }
#content .table tr td { padding:14px 16px!important; color:var(--m-text)!important; border-bottom:1px solid var(--m-border-light)!important; font-size:13px!important; font-family:"Inter",sans-serif!important; vertical-align:middle!important; }
#content .table tbody tr { transition:background .15s ease; }
#content .table tbody tr:hover>td { background:var(--m-table-row-hover)!important; }
#content .table tr td h6 { font-size:13px!important; color:var(--m-text)!important; font-family:"Inter",sans-serif!important; font-weight:600!important; margin-bottom:2px!important; }
#content .table tr td a { color:var(--m-primary)!important; }
#content .table tr td a:hover { color:var(--m-primary-dark)!important; }
#content .table tr td a h6.text-white,#content .table tr td a .text-white { color:var(--m-primary)!important; }
#content .table tr td .btn-custom { padding:6px 16px!important; font-size:12px!important; }
.text-muted { color:var(--m-text-muted)!important; }
.text-white { color:var(--m-text)!important; }
.font-10 { font-size:11px!important; }
#content .table tr td .d-lg-flex img.rounded-circle { border:2px solid var(--m-border)!important; }
#content .table tr td .tb-online { position:relative!important; margin-left:-14px!important; margin-top:18px!important; }

/* ============================================ BUTTONS ============================================ */
.btn-custom { background:var(--m-accent-gradient)!important; color:#fff!important; border:none!important; border-radius:var(--m-radius-xs)!important; font-family:"Inter",sans-serif!important; font-weight:600!important; font-size:13px!important; transition:all .25s ease!important; text-transform:none!important; letter-spacing:0!important; position:relative; overflow:hidden; }
.btn-custom::after { display:none!important; }
.btn-custom:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(99,102,241,.35)!important; }
.btn-custom:active { transform:translateY(0); }
a.btn-custom { color:#fff!important; }

/* ============================================ BADGES ============================================ */
.badge { font-family:"Inter",sans-serif!important; font-weight:600!important; font-size:11px!important; padding:4px 10px!important; border-radius:100px!important; letter-spacing:.02em; }
.badge.bg-success { background:rgba(16,185,129,.12)!important; color:#059669!important; }
.badge.bg-warning { background:rgba(245,158,11,.12)!important; color:#d97706!important; }
.badge.bg-danger { background:rgba(239,68,68,.12)!important; color:#dc2626!important; }
.badge.bg-primary { background:rgba(99,102,241,.12)!important; color:#4f46e5!important; }
.badge.bg-info { background:rgba(59,130,246,.12)!important; color:#2563eb!important; }
[data-theme="dark"] .badge.bg-success { background:rgba(16,185,129,.2)!important; color:#34d399!important; }
[data-theme="dark"] .badge.bg-warning { background:rgba(245,158,11,.2)!important; color:#fbbf24!important; }
[data-theme="dark"] .badge.bg-danger { background:rgba(239,68,68,.2)!important; color:#f87171!important; }
[data-theme="dark"] .badge.bg-primary { background:rgba(99,102,241,.2)!important; color:#a5b4fc!important; }

/* ============================================ FORMS ============================================ */
.form-control,.form-select { background:var(--m-bg-input)!important; border:1px solid var(--m-border)!important; color:var(--m-text)!important; border-radius:var(--m-radius-xs)!important; font-family:"Inter",sans-serif!important; font-size:14px!important; padding:10px 14px!important; transition:all .2s ease!important; }
.form-control:focus,.form-select:focus { border-color:var(--m-primary)!important; box-shadow:0 0 0 3px rgba(99,102,241,.1)!important; background:var(--m-bg-card)!important; }
.form-control::placeholder { color:var(--m-text-muted)!important; }
input:-webkit-autofill { -webkit-text-fill-color:var(--m-text)!important; -webkit-box-shadow:0 0 0px 1000px var(--m-bg-input) inset!important; }
.form-check .form-check-input:checked { background-color:var(--m-primary)!important; border-color:var(--m-primary)!important; }
.form-check .form-check-input { background-color:var(--m-bg-input)!important; border-color:var(--m-border)!important; }
.form-check label { color:var(--m-text-secondary)!important; }

/* ============================================ LOGIN ============================================ */
.login-section { background:var(--m-bg)!important; position:relative; min-height:100vh; }
.login-section form { background:var(--m-bg-card)!important; border:1px solid var(--m-border)!important; border-radius:var(--m-radius)!important; box-shadow:var(--m-shadow-lg)!important; padding:40px!important; animation:authFadeIn .6s ease; }
@keyframes authFadeIn { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:translateY(0)} }
.login-section form h5 { font-family:"Space Grotesk",sans-serif!important; font-size:22px!important; color:var(--m-text)!important; margin-bottom:8px!important; }
.login-section form .links { display:flex; justify-content:space-between; align-items:center; }
.login-section form .links a { color:var(--m-primary)!important; font-size:14px; }
.login-section form .links a:hover { color:var(--m-primary-dark)!important; }
.login-section form .bottom { text-align:center; margin-top:20px; color:var(--m-text-secondary); font-size:14px; }
.login-section form .bottom a { color:var(--m-primary)!important; font-weight:600; }

/* ============================================ PROFILE / SETTINGS ============================================ */
.edit-profile-section { background:var(--m-bg-card)!important; border:1px solid var(--m-border)!important; border-radius:var(--m-radius)!important; box-shadow:var(--m-shadow-sm)!important; }
.edit-profile-section label { color:var(--m-text-secondary)!important; }
.edit-profile-section h5 { color:var(--m-text)!important; }

.star-rating { display:inline-flex; gap:2px; }
.star-rating i { font-size:14px!important; color:var(--m-border)!important; }
.star-rating i.filled { color:#f59e0b!important; }
.review-card { background:var(--m-bg-card); border:1px solid var(--m-border); border-radius:var(--m-radius-sm); padding:16px; margin-bottom:12px; }
.review-card .review-header { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.review-card .review-header img { width:36px; height:36px; border-radius:50%; }
.review-card .review-header .reviewer-name { font-weight:600; font-size:13px; color:var(--m-text); }
.review-card .review-header .review-date { font-size:11px; color:var(--m-text-muted); }
.review-card .review-text { font-size:13px; color:var(--m-text-secondary); line-height:1.5; }

.stat-chip { background:var(--m-badge-bg); border:1px solid var(--m-border); border-radius:100px; padding:6px 14px; font-size:12px; font-weight:600; color:var(--m-text); display:inline-flex; align-items:center; gap:6px; font-family:"Inter",sans-serif; }
.stat-chip i { font-size:12px; color:var(--m-primary); }

/* ============================================ ALERTS ============================================ */
.alert { background:var(--m-bg-card)!important; border:1px solid var(--m-border)!important; border-radius:var(--m-radius-sm)!important; color:var(--m-text)!important; font-family:"Inter",sans-serif!important; font-size:13px; }

/* ============================================ PUBLIC PAGES ============================================ */
.navbar:not(#content .navbar) { background:var(--m-bg-navbar)!important; border-bottom:1px solid var(--m-border)!important; box-shadow:var(--m-shadow-sm)!important; }
.navbar .nav-item .nav-link { color:var(--m-text)!important; font-family:"Inter",sans-serif!important; font-weight:500!important; }
.navbar .nav-item .nav-link.active,.navbar .nav-item .nav-link:hover { color:var(--m-primary)!important; }
.home-section { background:var(--m-bg)!important; }
.home-section .text-box h5 { color:var(--m-primary)!important; }
.home-section .text-box h1 { color:var(--m-text)!important; }
footer,.footer { background:var(--m-bg-secondary)!important; border-top:1px solid var(--m-border)!important; color:var(--m-text-secondary)!important; }
section { color:var(--m-text); }
.card,.panel { background:var(--m-bg-card)!important; border:1px solid var(--m-border)!important; border-radius:var(--m-radius)!important; }

/* ============================================ PAGINATION ============================================ */
.pagination .page-link { background:var(--m-bg-card)!important; border:1px solid var(--m-border)!important; color:var(--m-text)!important; font-family:"Inter",sans-serif!important; font-size:13px; }
.pagination .page-item.active .page-link { background:var(--m-primary)!important; border-color:var(--m-primary)!important; color:#fff!important; }

/* ============================================ MISC ============================================ */
.no-data-message { text-align:center; padding:50px 20px; }
.no-data-message .icon-wrapper { color:var(--m-text-muted); margin-bottom:16px; display:block; }
.no-data-message .icon-wrapper .file-icon { display:inline-flex; width:80px; height:80px; border-radius:50%; background:var(--m-bg-input); align-items:center; justify-content:center; }
.no-data-message .icon-wrapper i,.no-data-message .icon-wrapper .file-icon i { font-size:32px; opacity:.4; color:var(--m-text-muted); }
.no-data-message .message { color:var(--m-text-muted); margin-top:12px; font-size:15px; font-weight:500; }
.gateway-color { border-radius:4px!important; font-size:12px!important; padding:2px 6px!important; background:var(--m-badge-bg)!important; color:var(--m-text)!important; }
.select2-container--default .select2-selection--single { background:var(--m-bg-input)!important; border:1px solid var(--m-border)!important; border-radius:var(--m-radius-xs)!important; height:44px!important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { color:var(--m-text)!important; line-height:44px!important; }
.select2-dropdown { background:var(--m-bg-card)!important; border:1px solid var(--m-border)!important; }
.select2-results__option--highlighted { background:var(--m-primary)!important; }
.tb-online { font-size:10px!important; }
.font-10 { color:var(--m-text-muted)!important; }

/* ============================================ LIVE CHAT WIDGET ============================================ */
.live-chat-widget { position:fixed; bottom:24px; right:24px; z-index:9999; }
.chat-toggle-btn { width:56px; height:56px; border-radius:50%; background:var(--m-accent-gradient); border:none; color:#fff; font-size:24px; cursor:pointer; box-shadow:0 4px 20px rgba(99,102,241,.35); transition:all .3s ease; display:flex; align-items:center; justify-content:center; position:relative; }
.chat-toggle-btn:hover { transform:scale(1.1); box-shadow:0 6px 30px rgba(99,102,241,.5); }
.chat-toggle-btn .unread-badge { position:absolute; top:-4px; right:-4px; background:var(--m-danger); color:#fff; font-size:11px; font-weight:700; min-width:20px; height:20px; border-radius:100px; display:flex; align-items:center; justify-content:center; font-family:"Space Grotesk",sans-serif; }
.chat-panel { position:fixed; bottom:90px; right:24px; width:380px; height:520px; background:var(--m-bg-card); border:1px solid var(--m-border); border-radius:var(--m-radius); box-shadow:var(--m-shadow-xl); display:none; flex-direction:column; z-index:9998; animation:chatSlideUp .3s ease; overflow:hidden; }
.chat-panel.open { display:flex; }
@keyframes chatSlideUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
.chat-panel-header { background:var(--m-accent-gradient); color:#fff; padding:16px 20px; display:flex; align-items:center; justify-content:space-between; }
.chat-panel-header h6 { color:#fff!important; margin:0!important; font-size:14px!important; font-weight:600!important; }
.chat-panel-header .close-chat { color:rgba(255,255,255,.7); font-size:18px; cursor:pointer; transition:color .2s; }
.chat-panel-header .close-chat:hover { color:#fff; }
.chat-contacts { flex:1; overflow-y:auto; }
.chat-contact-item { display:flex; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid var(--m-border-light); cursor:pointer; transition:background .15s ease; }
.chat-contact-item:hover { background:var(--m-sidebar-hover-bg); }
.chat-contact-item img { width:40px; height:40px; border-radius:50%; border:2px solid var(--m-border); }
.chat-contact-item .contact-info { flex:1; min-width:0; }
.chat-contact-item .contact-name { font-weight:600; font-size:13px; color:var(--m-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.chat-contact-item .contact-preview { font-size:12px; color:var(--m-text-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.chat-contact-item .contact-time { font-size:11px; color:var(--m-text-muted); white-space:nowrap; }
.chat-messages { flex:1; overflow-y:auto; padding:16px; display:flex; flex-direction:column; gap:8px; }
.chat-msg { max-width:80%; padding:8px 14px; border-radius:14px; font-size:13px; line-height:1.4; font-family:"Inter",sans-serif; }
.chat-msg.sent { background:var(--m-accent-gradient); color:#fff; align-self:flex-end; border-bottom-right-radius:4px; }
.chat-msg.received { background:var(--m-bg-input); color:var(--m-text); align-self:flex-start; border-bottom-left-radius:4px; }
.chat-msg .msg-time { font-size:10px; opacity:.7; margin-top:4px; display:block; }
.chat-input-area { padding:12px 16px; border-top:1px solid var(--m-border); display:flex; gap:8px; align-items:center; }
.chat-input-area input { flex:1; background:var(--m-bg-input)!important; border:1px solid var(--m-border)!important; border-radius:100px!important; padding:8px 16px!important; font-size:13px!important; color:var(--m-text)!important; }
.chat-input-area .send-btn { width:36px; height:36px; border-radius:50%; background:var(--m-accent-gradient); border:none; color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all .2s ease; flex-shrink:0; }
.chat-input-area .send-btn:hover { transform:scale(1.1); }

/* ============================================ BUY / SELL / WALLET PAGES ============================================ */
.tab-section { background:var(--m-bg-card)!important; border:1px solid var(--m-border)!important; border-radius:var(--m-radius)!important; box-shadow:var(--m-shadow-sm)!important; padding:12px 16px!important; margin-bottom:16px!important; }
.tab-section .switcher { background:transparent!important; display:flex!important; flex-wrap:wrap!important; gap:8px!important; }
.tab-section .switcher .tab { background:var(--m-bg-input)!important; color:var(--m-text-secondary)!important; border:1px solid var(--m-border)!important; border-radius:var(--m-radius-xs)!important; font-family:"Inter",sans-serif!important; font-size:13px!important; font-weight:600!important; padding:8px 18px!important; transition:all .2s ease!important; text-decoration:none!important; display:inline-block!important; }
.tab-section .switcher .tab:hover { border-color:var(--m-primary)!important; color:var(--m-primary)!important; }
.tab-section .switcher .tab.active { background:var(--m-primary)!important; color:#fff!important; border-color:var(--m-primary)!important; box-shadow:0 4px 12px rgba(99,102,241,.25); }

.search-bar { background:var(--m-bg-card)!important; border:1px solid var(--m-border)!important; border-radius:var(--m-radius)!important; box-shadow:var(--m-shadow-sm)!important; padding:20px 24px!important; margin-bottom:20px!important; }
.search-bar .input-box { margin-bottom:0!important; }
.search-bar .input-box label { color:var(--m-text-secondary)!important; font-family:"Inter",sans-serif!important; font-size:11px!important; font-weight:600!important; text-transform:uppercase; letter-spacing:.06em; margin-bottom:6px!important; display:block; }
.search-bar .form-select,.search-bar .form-control { background-color:var(--m-bg-input)!important; border:1px solid var(--m-border)!important; color:var(--m-text)!important; border-radius:var(--m-radius-xs)!important; font-size:13px!important; height:44px!important; }
.search-bar .form-select:focus,.search-bar .form-control:focus { border-color:var(--m-primary)!important; box-shadow:0 0 0 3px rgba(99,102,241,.1)!important; }
.search-bar .btn-custom { height:44px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; border-radius:var(--m-radius-xs)!important; font-size:14px!important; font-weight:600!important; }

.custom-card { background:var(--m-bg-card)!important; border:1px solid var(--m-border)!important; border-radius:var(--m-radius)!important; box-shadow:var(--m-shadow-sm)!important; overflow:hidden; transition:all .3s ease; }
.custom-card:hover { transform:translateY(-3px); box-shadow:var(--m-shadow-lg)!important; border-color:var(--m-primary)!important; }
.custom-card .card-content { background:transparent!important; }
.custom-card .card-content .card_header h5,.custom-card .card-content .card_header h6 { color:var(--m-text)!important; }
.custom-card .card-content .card-bottom p,.custom-card .card-content .card-bottom span,.custom-card .card-content .card-bottom h4 { color:var(--m-text)!important; }
.custom-card .card-content .card-bottom .text-muted { color:var(--m-text-muted)!important; }
.custom-card .coin-thum img { opacity:.1; }

.dropdown-menu { background:var(--m-bg-card)!important; border:1px solid var(--m-border)!important; border-radius:var(--m-radius-sm)!important; box-shadow:var(--m-shadow-lg)!important; }
.dropdown-menu .dropdown-item { color:var(--m-text)!important; font-family:"Inter",sans-serif!important; font-size:13px!important; }
.dropdown-menu .dropdown-item:hover { background:var(--m-sidebar-hover-bg)!important; color:var(--m-primary)!important; }

.modal .modal-content { background:var(--m-bg-card)!important; border:1px solid var(--m-border)!important; border-radius:var(--m-radius)!important; box-shadow:var(--m-shadow-xl)!important; }
.modal .modal-content .modal-header { border-bottom:1px solid var(--m-border)!important; background:transparent!important; }
.modal .modal-content .modal-header .modal-title { color:var(--m-text)!important; font-family:"Space Grotesk",sans-serif!important; }
.modal .modal-content .modal-header .btn-close { filter:var(--m-text-secondary); }
.modal .modal-content .modal-body { color:var(--m-text)!important; }
.modal .modal-content .modal-body label { color:var(--m-text-secondary)!important; }
.modal .modal-content .modal-footer { border-top:1px solid var(--m-border)!important; }

.bd-callout { background:var(--m-bg-card)!important; border:1px solid var(--m-border)!important; border-radius:var(--m-radius-sm)!important; border-left:4px solid var(--m-primary)!important; color:var(--m-text)!important; }

h4,h5,h6 { color:var(--m-text)!important; }
.main h4,.main h5 { color:var(--m-text)!important; }
#content .table h6.text-white { color:var(--m-text)!important; }
#content h5.text-white,#content h4.text-white,#content p.text-white { color:var(--m-text)!important; }
.text-white { color:var(--m-text)!important; }

/* Trade details, deposit, withdraw pages */
.trade-chat { background:var(--m-bg-card)!important; border:1px solid var(--m-border)!important; border-radius:var(--m-radius)!important; }
.trade-chat .chat-header { background:var(--m-bg-card)!important; border-bottom:1px solid var(--m-border)!important; }
.trade-chat .chat-body { background:var(--m-bg)!important; }
.trade-chat .chat-footer { background:var(--m-bg-card)!important; border-top:1px solid var(--m-border)!important; }
.trade-info,.trade-details-info { background:var(--m-bg-card)!important; border:1px solid var(--m-border)!important; border-radius:var(--m-radius)!important; }
.trade-info li,.trade-details-info li { border-bottom:1px solid var(--m-border-light)!important; color:var(--m-text)!important; }
.trade-info li span,.trade-details-info li span { color:var(--m-text-secondary)!important; }

.edit-profile-section .card,.edit-profile-section .form-area { background:var(--m-bg-card)!important; border:1px solid var(--m-border)!important; border-radius:var(--m-radius)!important; }

/* Support tickets */
.ticket-box { background:var(--m-bg-card)!important; border:1px solid var(--m-border)!important; border-radius:var(--m-radius)!important; }
.ticket-box .ticket-header { border-bottom:1px solid var(--m-border)!important; }

/* Deposit / Payout history */
.transaction-box,.history-box { background:var(--m-bg-card)!important; border:1px solid var(--m-border)!important; border-radius:var(--m-radius)!important; }

/* ============================================ RESPONSIVE ============================================ */
@media (max-width:1200px) { .globe-activity-feed{display:none} }
@media (max-width:991px) {
    #sidebar { top:0!important; height:100%!important; }
    #content { width:100%!important; min-height:100vh!important; }
}
@media (max-width:768px) {
    #sidebar { border-right:none!important; box-shadow:var(--m-shadow-xl)!important; top:0!important; height:100%!important; }
    #content { width:100%!important; }
    #content .navbar { margin:8px 10px!important; }
    #content .container-fluid { padding:0 12px!important; }
    .chat-panel { width:calc(100vw - 20px); right:10px; bottom:80px; height:450px; }
    .globe-section { min-height:350px; }
    #globe-container { height:350px; }
    .dashboard-box h3 { font-size:22px!important; }
}
@media (max-width:576px) {
    .crypto-ticker-wrap { height:38px; }
    .ticker-item { padding:0 16px; font-size:12px; }
    .ticker-item img { width:16px; height:16px; }
}

/* Smooth transitions */
body,#sidebar,#content,.navbar,.dashboard-box,.table-parent,.form-control,.btn-custom,.edit-profile-section,.alert,.badge,.login-section form,.crypto-ticker-wrap,.globe-section,.chat-panel { transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease; }

/* ═══════════════════════════════════════════════════════════════
   HOMEPAGE — HERO, SECTIONS, ANIMATIONS
   ═══════════════════════════════════════════════════════════════ */

/* ── Neon Green Utility ── */
.neon-green { color:#00ff88!important; text-shadow:0 0 10px rgba(0,255,136,0.4), 0 0 30px rgba(0,255,136,0.15); }
.neon-accent { color:#22d3ee!important; text-shadow:0 0 10px rgba(34,211,238,0.4), 0 0 30px rgba(34,211,238,0.15); }

/* ══ CRT BOOT ANIMATION ══ */
.crt-boot-overlay {
    position:fixed; inset:0; z-index:99999; background:#000;
    display:flex; align-items:center; justify-content:center; flex-direction:column;
    animation: crtBoot 2.6s ease-out forwards;
    pointer-events:none;
}
.crt-boot-overlay.done { display:none; }
.crt-scanlines {
    position:absolute; inset:0; pointer-events:none;
    background:repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,255,136,0.03) 2px, rgba(0,255,136,0.03) 4px);
    animation: scanFlicker 0.1s infinite;
}
.crt-noise {
    position:absolute; inset:0; pointer-events:none; opacity:0.15;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
    background-size:128px;
    animation: noiseShift 0.08s steps(5) infinite;
}
.crt-center-line {
    position:absolute; left:0; right:0; height:2px; top:50%;
    background:rgba(0,255,136,0.8);
    box-shadow:0 0 30px rgba(0,255,136,0.6), 0 0 60px rgba(0,255,136,0.3);
    animation: crtLineExpand 0.8s ease-out forwards;
    transform:scaleY(0); transform-origin:center center;
}
.crt-text {
    position:relative; z-index:2; text-align:center;
    opacity:0; animation: crtTextAppear 0.5s ease 1.2s forwards;
}
.crt-text-line {
    display:block; font-family:'Space Grotesk',monospace; font-size:clamp(18px,3vw,32px); font-weight:700;
    color:#00ff88; letter-spacing:0.15em; text-transform:uppercase;
    text-shadow:0 0 10px rgba(0,255,136,0.8), 0 0 40px rgba(0,255,136,0.4), 0 0 80px rgba(0,255,136,0.2);
    animation: textGlitch 0.15s infinite 1.2s;
}
.crt-text-sub {
    display:block; font-family:'Space Grotesk',monospace; font-size:clamp(10px,1.5vw,14px); font-weight:400;
    color:rgba(0,255,136,0.5); letter-spacing:0.3em; margin-top:10px;
}
@keyframes crtBoot {
    0% { opacity:1; transform:scaleY(0.005) scaleX(0.8); filter:brightness(8) blur(2px); }
    15% { transform:scaleY(0.005) scaleX(1); filter:brightness(6) blur(2px); }
    25% { transform:scaleY(0.6) scaleX(1.02); filter:brightness(2) blur(1px); }
    35% { transform:scaleY(1.05) scaleX(0.98); filter:brightness(1.5) blur(0); }
    45% { transform:scaleY(0.95) scaleX(1.01); filter:brightness(1.2); }
    55% { transform:scaleY(1) scaleX(1); filter:brightness(1); }
    90% { opacity:1; }
    100% { opacity:0; transform:scaleY(1) scaleX(1); }
}
@keyframes crtLineExpand {
    0% { transform:scaleY(0) scaleX(0); opacity:1; }
    30% { transform:scaleY(1) scaleX(0.3); opacity:1; }
    60% { transform:scaleY(1) scaleX(1); opacity:0.8; }
    100% { transform:scaleY(60) scaleX(1); opacity:0; }
}
@keyframes scanFlicker {
    0% { opacity:0.3; }  50% { opacity:0.15; }  100% { opacity:0.3; }
}
@keyframes noiseShift {
    0% { transform:translate(0,0); }  20% { transform:translate(-5%,5%); }  40% { transform:translate(5%,-5%); }
    60% { transform:translate(-3%,-3%); }  80% { transform:translate(3%,3%); }  100% { transform:translate(0,0); }
}
@keyframes crtTextAppear {
    0% { opacity:0; transform:translateY(10px); filter:blur(4px); }
    50% { opacity:0.8; filter:blur(1px); }
    100% { opacity:1; transform:translateY(0); filter:blur(0); }
}
@keyframes textGlitch {
    0% { transform:translate(0); }
    20% { transform:translate(-2px,1px); }
    40% { transform:translate(1px,-1px); }
    60% { transform:translate(-1px,0); }
    80% { transform:translate(2px,1px); }
    100% { transform:translate(0); }
}

/* ══ CITY SELLERS DETECTION ══ */
.mx-city-sellers-display {
    position:absolute; z-index:10; left:50%; top:-10px;
    transform:translateX(-50%);
    white-space:nowrap;
}
.city-sellers-inner {
    display:inline-flex; align-items:center; gap:10px;
    font-family:'Space Grotesk',monospace; font-size:clamp(14px,2.2vw,22px); font-weight:700;
    color:#00ff88; letter-spacing:0.08em; text-transform:uppercase;
    text-shadow:0 0 8px rgba(0,255,136,0.5), 0 0 25px rgba(0,255,136,0.2);
    padding:8px 28px; border-radius:100px;
    background:rgba(0,255,136,0.04); border:1px solid rgba(0,255,136,0.12);
    animation: sellersBadgePulse 3s ease-in-out infinite;
}
.city-sellers-inner i { color:#00ff88; font-size:14px; }
.city-sellers-inner .seller-count { font-size:1.15em; font-weight:900; }
.city-sellers-inner .seller-city { font-weight:800; }
[data-theme="light"] .city-sellers-inner {
    color:#059669; text-shadow:none;
    background:rgba(5,150,105,0.06); border-color:rgba(5,150,105,0.2);
}
@keyframes sellersBadgePulse {
    0%,100% { box-shadow:0 0 15px rgba(0,255,136,0.1); }
    50% { box-shadow:0 0 30px rgba(0,255,136,0.2); }
}

/* ── HERO SECTION ── */
.mx-hero { position:relative; min-height:100vh; display:flex; align-items:center; background:#070b10; overflow:hidden; padding:85px 0 60px; }
[data-theme="light"] .mx-hero { background:#f0f4f8; }
.mx-hero-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(0,255,136,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,0.04) 1px,transparent 1px); background-size:60px 60px; animation:gridDrift 20s linear infinite; }
[data-theme="light"] .mx-hero-grid { background-image:linear-gradient(rgba(99,102,241,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,0.06) 1px,transparent 1px); }
@keyframes gridDrift { from{transform:translate(0,0)} to{transform:translate(60px,60px)} }
.mx-hero-glow { position:absolute; border-radius:50%; filter:blur(120px); pointer-events:none; }
.mx-hero-glow-1 { width:600px; height:600px; background:rgba(0,255,136,0.08); top:-200px; right:-100px; animation:glowFloat 8s ease-in-out infinite; }
.mx-hero-glow-2 { width:500px; height:500px; background:rgba(99,102,241,0.06); bottom:-150px; left:-100px; animation:glowFloat 10s ease-in-out infinite reverse; }
[data-theme="light"] .mx-hero-glow-1 { background:rgba(99,102,241,0.08); }
[data-theme="light"] .mx-hero-glow-2 { background:rgba(6,182,212,0.06); }
@keyframes glowFloat { 0%,100%{transform:translate(0,0)} 50%{transform:translate(30px,-20px)} }

/* Hero Copy */
.mx-hero-copy { position:relative; z-index:5; }
.mx-hero-badge { display:inline-flex; align-items:center; gap:10px; background:rgba(0,255,136,0.08); border:1px solid rgba(0,255,136,0.2); border-radius:100px; padding:8px 20px; font-size:13px; font-weight:600; color:#00ff88; font-family:'Inter',sans-serif; margin-bottom:28px; animation:badgePulse 3s ease infinite; }
[data-theme="light"] .mx-hero-badge { background:rgba(99,102,241,0.08); border-color:rgba(99,102,241,0.2); color:#6366f1; }
.badge-dot { width:8px; height:8px; border-radius:50%; background:#00ff88; box-shadow:0 0 8px rgba(0,255,136,0.6); animation:dotBlink 2s ease infinite; }
[data-theme="light"] .badge-dot { background:#6366f1; box-shadow:0 0 8px rgba(99,102,241,0.6); }
@keyframes dotBlink { 0%,100%{opacity:1} 50%{opacity:0.3} }
@keyframes badgePulse { 0%,100%{box-shadow:0 0 0 0 rgba(0,255,136,0.1)} 50%{box-shadow:0 0 20px 5px rgba(0,255,136,0.1)} }

.mx-hero-title { font-family:'Space Grotesk',sans-serif!important; font-size:clamp(32px,5vw,62px)!important; font-weight:800!important; line-height:1.1!important; color:#ffffff!important; margin-bottom:24px!important; letter-spacing:-0.03em; }
[data-theme="light"] .mx-hero-title { color:#1e293b!important; }
[data-theme="light"] .mx-hero-title .neon-green { color:#059669!important; text-shadow:none; }
[data-theme="light"] .mx-hero-title .neon-accent { color:#0891b2!important; text-shadow:none; }

.mx-hero-desc { font-size:18px; line-height:1.7; color:rgba(255,255,255,0.65); max-width:540px; margin-bottom:32px; font-family:'Inter',sans-serif; }
[data-theme="light"] .mx-hero-desc { color:#475569; }

/* Hero Stats */
.mx-hero-stats-row { display:flex; align-items:center; gap:24px; margin-bottom:36px; flex-wrap:wrap; }
.mx-hero-stat { text-align:center; }
.mx-hero-stat .stat-value { font-family:'Space Grotesk',sans-serif; font-size:32px; font-weight:800; color:#fff; display:block; line-height:1.2; }
[data-theme="light"] .mx-hero-stat .stat-value { color:#1e293b; }
.mx-hero-stat .stat-suffix { font-family:'Space Grotesk',sans-serif; font-size:28px; font-weight:800; color:#fff; }
[data-theme="light"] .mx-hero-stat .stat-suffix { color:#1e293b; }
.mx-hero-stat .stat-label { font-size:12px; color:rgba(255,255,255,0.45); text-transform:uppercase; letter-spacing:0.08em; font-weight:600; font-family:'Inter',sans-serif; }
[data-theme="light"] .mx-hero-stat .stat-label { color:#64748b; }
.mx-hero-stat-divider { width:1px; height:40px; background:rgba(255,255,255,0.1); }
[data-theme="light"] .mx-hero-stat-divider { background:#e2e8f0; }

/* CTA Buttons */
.mx-hero-cta { display:flex; gap:16px; margin-bottom:36px; flex-wrap:wrap; }
.mx-btn-primary { display:inline-flex; align-items:center; gap:10px; padding:16px 32px; background:linear-gradient(135deg,#00ff88,#00cc6a)!important; color:#000!important; font-family:'Space Grotesk',sans-serif; font-size:16px; font-weight:700; border-radius:12px; text-decoration:none; position:relative; overflow:hidden; transition:all .3s ease; box-shadow:0 4px 20px rgba(0,255,136,0.3); }
.mx-btn-primary:hover { transform:translateY(-3px); box-shadow:0 8px 35px rgba(0,255,136,0.45); color:#000!important; }
.mx-btn-primary .btn-shine { position:absolute; top:-50%; left:-60%; width:60%; height:200%; background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent); transform:rotate(25deg); animation:btnShine 3s ease infinite; }
@keyframes btnShine { 0%{left:-60%} 100%{left:120%} }
.mx-btn-primary i { font-size:18px; }
.mx-btn-lg { padding:18px 40px; font-size:17px; }

.mx-btn-outline { display:inline-flex; align-items:center; gap:10px; padding:16px 32px; background:transparent; color:#fff!important; font-family:'Space Grotesk',sans-serif; font-size:16px; font-weight:700; border-radius:12px; text-decoration:none; border:2px solid rgba(255,255,255,0.2); transition:all .3s ease; }
.mx-btn-outline:hover { border-color:#00ff88; color:#00ff88!important; transform:translateY(-2px); box-shadow:0 4px 20px rgba(0,255,136,0.15); }
[data-theme="light"] .mx-btn-outline { color:#1e293b!important; border-color:#e2e8f0; }
[data-theme="light"] .mx-btn-outline:hover { border-color:#6366f1; color:#6366f1!important; }
[data-theme="light"] .mx-btn-primary { background:linear-gradient(135deg,#6366f1,#4f46e5)!important; color:#fff!important; box-shadow:0 4px 20px rgba(99,102,241,0.3); }
[data-theme="light"] .mx-btn-primary:hover { box-shadow:0 8px 35px rgba(99,102,241,0.45); color:#fff!important; }

/* Trust Row */
.mx-hero-trust { display:flex; align-items:center; gap:14px; }
.trust-avatars { display:flex; align-items:center; }
.trust-avatars img { width:36px; height:36px; border-radius:50%; border:2px solid #070b10; margin-left:-10px; }
.trust-avatars img:first-child { margin-left:0; }
[data-theme="light"] .trust-avatars img { border-color:#fff; }
.trust-more { width:36px; height:36px; border-radius:50%; background:rgba(0,255,136,0.15); color:#00ff88; font-size:11px; font-weight:700; display:flex; align-items:center; justify-content:center; margin-left:-10px; font-family:'Space Grotesk',sans-serif; border:2px solid #070b10; }
[data-theme="light"] .trust-more { background:rgba(99,102,241,0.1); color:#6366f1; border-color:#fff; }
.trust-text { font-size:13px; color:rgba(255,255,255,0.4); font-family:'Inter',sans-serif; }
[data-theme="light"] .trust-text { color:#64748b; }

/* Hero Globe Wrap */
.mx-hero-globe-wrap { position:relative; width:100%; height:780px; }
#hero-globe-container { width:100%; height:100%; cursor:grab; }

/* Hero Live Feed */
.mx-hero-feed { position:absolute; right:0; top:40px; width:260px; background:rgba(10,15,20,0.85); backdrop-filter:blur(20px); border:1px solid rgba(0,255,136,0.1); border-radius:16px; padding:0; overflow:hidden; z-index:10; }
[data-theme="light"] .mx-hero-feed { background:rgba(255,255,255,0.9); border-color:rgba(99,102,241,0.15); }
.feed-header { display:flex; align-items:center; gap:8px; padding:14px 16px; border-bottom:1px solid rgba(0,255,136,0.08); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:0.08em; color:rgba(0,255,136,0.7); font-family:'Inter',sans-serif; }
[data-theme="light"] .feed-header { color:#6366f1; border-bottom-color:rgba(99,102,241,0.1); }
.feed-live-dot { width:8px; height:8px; border-radius:50%; background:#00ff88; box-shadow:0 0 8px rgba(0,255,136,0.5); animation:dotBlink 1.5s ease infinite; }
[data-theme="light"] .feed-live-dot { background:#6366f1; box-shadow:0 0 8px rgba(99,102,241,0.5); }
.feed-list { max-height:420px; overflow:hidden; padding:4px 0; }
.feed-item { display:flex; gap:10px; padding:10px 14px; border-bottom:1px solid rgba(255,255,255,0.04); transition:all .4s ease; opacity:1; transform:translateY(0); }
.feed-item-enter { opacity:0; transform:translateY(-20px); }
.feed-item-exit { opacity:0; transform:translateX(20px); }
.feed-avatar { width:32px; height:32px; border-radius:50%; flex-shrink:0; border:2px solid rgba(0,255,136,0.15); }
[data-theme="light"] .feed-avatar { border-color:rgba(99,102,241,0.15); }
.feed-info { display:flex; flex-direction:column; gap:2px; min-width:0; }
.feed-name { font-weight:700; font-size:12px; color:#fff; font-family:'Inter',sans-serif; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
[data-theme="light"] .feed-name { color:#1e293b; }
.feed-detail { font-size:11px; color:rgba(255,255,255,0.5); }
[data-theme="light"] .feed-detail { color:#64748b; }
.feed-type { font-size:10px; font-weight:800; padding:1px 5px; border-radius:3px; text-transform:uppercase; }
.feed-type.sell { color:#ef4444; background:rgba(239,68,68,0.12); }
.feed-type.buy { color:#00ff88; background:rgba(0,255,136,0.12); }
[data-theme="light"] .feed-type.buy { color:#10b981; background:rgba(16,185,129,0.12); }
.feed-meta { font-size:10px; color:rgba(255,255,255,0.25); }
[data-theme="light"] .feed-meta { color:#94a3b8; }

/* ── HOMEPAGE TICKER ── */
.mx-currency-ticker { background:#0a0e14; border-top:1px solid rgba(0,255,136,0.06); border-bottom:1px solid rgba(0,255,136,0.06); overflow:hidden; height:52px; display:flex; align-items:center; position:relative; margin-top:-65px; }
[data-theme="light"] .mx-currency-ticker { background:#fff; border-color:#e2e8f0; }
.mx-currency-ticker::before,.mx-currency-ticker::after { content:''; position:absolute; top:0; bottom:0; width:80px; z-index:2; pointer-events:none; }
.mx-currency-ticker::before { left:0; background:linear-gradient(to right,#0a0e14,transparent); }
.mx-currency-ticker::after { right:0; background:linear-gradient(to left,#0a0e14,transparent); }
[data-theme="light"] .mx-currency-ticker::before { background:linear-gradient(to right,#fff,transparent); }
[data-theme="light"] .mx-currency-ticker::after { background:linear-gradient(to left,#fff,transparent); }
.mx-ticker-track { display:flex; animation:mxTickerScroll 45s linear infinite; will-change:transform; }
.mx-ticker-track:hover { animation-play-state:paused; }
@keyframes mxTickerScroll { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
.mx-ticker-item { display:inline-flex; align-items:center; gap:8px; padding:0 28px; white-space:nowrap; font-size:14px; font-weight:500; color:#fff; border-right:1px solid rgba(255,255,255,0.05); height:52px; font-family:'Space Grotesk',sans-serif; transition:all .3s ease; cursor:default; }
[data-theme="light"] .mx-ticker-item { color:#1e293b; border-right-color:#e2e8f0; }
.mx-ticker-item:hover { background:rgba(0,255,136,0.04); }
.mx-ticker-item img { width:22px; height:22px; border-radius:50%; }
.mx-ticker-item .tsym { font-weight:800; }
.mx-ticker-item .tprice { font-weight:600; font-variant-numeric:tabular-nums; }
.mx-ticker-item .tchange { font-size:12px; font-weight:700; padding:2px 8px; border-radius:4px; }
.mx-ticker-item .tchange.up { color:#00ff88; background:rgba(0,255,136,0.1); }
.mx-ticker-item .tchange.down { color:#ef4444; background:rgba(239,68,68,0.1); }
[data-theme="light"] .mx-ticker-item .tchange.up { color:#10b981; background:rgba(16,185,129,0.1); }

/* ── SECTION COMMON ── */
.mx-section-badge { display:inline-block; padding:6px 18px; border-radius:100px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:0.08em; font-family:'Inter',sans-serif; background:rgba(0,255,136,0.08); color:#00ff88; border:1px solid rgba(0,255,136,0.15); margin-bottom:16px; }
.mx-section-badge.danger { background:rgba(239,68,68,0.08); color:#ef4444; border-color:rgba(239,68,68,0.15); }
[data-theme="light"] .mx-section-badge { background:rgba(99,102,241,0.08); color:#6366f1; border-color:rgba(99,102,241,0.15); }
[data-theme="light"] .mx-section-badge.danger { background:rgba(239,68,68,0.08); color:#ef4444; }
.mx-section-title { font-family:'Space Grotesk',sans-serif!important; font-size:clamp(28px,4vw,48px)!important; font-weight:800!important; color:#fff!important; margin-bottom:16px!important; letter-spacing:-0.03em; }
[data-theme="light"] .mx-section-title { color:#1e293b!important; }
.mx-section-desc { font-size:17px; color:rgba(255,255,255,0.5); max-width:600px; margin:0 auto; line-height:1.6; font-family:'Inter',sans-serif; }
[data-theme="light"] .mx-section-desc { color:#64748b; }

/* ── HOW IT WORKS ── */
.mx-how-section { padding:100px 0; background:#070b10; position:relative; }
[data-theme="light"] .mx-how-section { background:#f8fafb; }
.mx-step-card { background:rgba(255,255,255,0.03); border:1px solid rgba(0,255,136,0.08); border-radius:20px; padding:40px 30px; text-align:center; position:relative; transition:all .4s ease; overflow:hidden; }
.mx-step-card:hover { transform:translateY(-8px); border-color:rgba(0,255,136,0.25); box-shadow:0 20px 60px rgba(0,255,136,0.08); }
[data-theme="light"] .mx-step-card { background:#fff; border-color:#e2e8f0; }
[data-theme="light"] .mx-step-card:hover { border-color:#6366f1; box-shadow:0 20px 60px rgba(99,102,241,0.1); }
.step-number { position:absolute; top:16px; right:20px; font-family:'Space Grotesk',sans-serif; font-size:48px; font-weight:800; color:rgba(0,255,136,0.06); line-height:1; }
[data-theme="light"] .step-number { color:rgba(99,102,241,0.06); }
.step-icon { width:80px; height:80px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 24px; position:relative; background:rgba(0,255,136,0.08); }
.step-icon i { font-size:30px; color:#00ff88; z-index:2; position:relative; filter:drop-shadow(0 0 8px rgba(0,255,136,0.5)); }
.step-icon.success { background:rgba(34,211,238,0.08); }
.step-icon.success i { color:#22d3ee; filter:drop-shadow(0 0 8px rgba(34,211,238,0.5)); }
.step-icon.accent { background:rgba(245,158,11,0.08); }
.step-icon.accent i { color:#fbbf24; filter:drop-shadow(0 0 8px rgba(245,158,11,0.5)); }
[data-theme="light"] .step-icon { background:rgba(99,102,241,0.08); }
[data-theme="light"] .step-icon i { color:#6366f1; filter:none; }
[data-theme="light"] .step-icon.success { background:rgba(16,185,129,0.08); }
[data-theme="light"] .step-icon.success i { color:#10b981; }
[data-theme="light"] .step-icon.accent { background:rgba(245,158,11,0.08); }
[data-theme="light"] .step-icon.accent i { color:#f59e0b; }
.step-icon-ring { position:absolute; inset:-8px; border:2px solid rgba(0,255,136,0.15); border-radius:50%; animation:stepRing 3s ease infinite; }
.step-icon.success .step-icon-ring { border-color:rgba(34,211,238,0.15); }
.step-icon.accent .step-icon-ring { border-color:rgba(245,158,11,0.15); }
@keyframes stepRing { 0%,100%{transform:scale(1);opacity:0.5} 50%{transform:scale(1.2);opacity:0} }
.mx-step-card h4 { font-family:'Space Grotesk',sans-serif!important; font-size:20px!important; font-weight:700!important; color:#fff!important; margin-bottom:12px!important; }
[data-theme="light"] .mx-step-card h4 { color:#1e293b!important; }
.mx-step-card p { font-size:14px; color:rgba(255,255,255,0.45); line-height:1.6; font-family:'Inter',sans-serif; margin:0; }
[data-theme="light"] .mx-step-card p { color:#64748b; }

/* ── FEE COMPARISON ── */
.mx-fees-section { padding:100px 0; background:#0a0e14; }
[data-theme="light"] .mx-fees-section { background:#fff; }
.mx-fee-card { border-radius:20px; overflow:hidden; transition:all .4s ease; }
.mx-fee-card:hover { transform:translateY(-6px); }
.mx-fee-card.bank { background:rgba(239,68,68,0.04); border:1px solid rgba(239,68,68,0.15); }
.mx-fee-card.bank:hover { box-shadow:0 20px 60px rgba(239,68,68,0.1); }
.mx-fee-card.meet { background:rgba(0,255,136,0.04); border:1px solid rgba(0,255,136,0.15); }
.mx-fee-card.meet:hover { box-shadow:0 20px 60px rgba(0,255,136,0.1); }
[data-theme="light"] .mx-fee-card.bank { background:rgba(239,68,68,0.03); border-color:rgba(239,68,68,0.15); }
[data-theme="light"] .mx-fee-card.meet { background:rgba(16,185,129,0.03); border-color:rgba(16,185,129,0.15); }
.fee-card-header { display:flex; align-items:center; gap:14px; padding:24px 28px; border-bottom:1px solid rgba(255,255,255,0.05); }
[data-theme="light"] .fee-card-header { border-bottom-color:#e2e8f0; }
.fee-card-header i { font-size:24px; }
.mx-fee-card.bank .fee-card-header i { color:#ef4444; }
.mx-fee-card.meet .fee-card-header i { color:#00ff88; filter:drop-shadow(0 0 6px rgba(0,255,136,0.4)); }
[data-theme="light"] .mx-fee-card.meet .fee-card-header i { color:#10b981; filter:none; }
.fee-card-header h4 { font-family:'Space Grotesk',sans-serif!important; font-size:20px!important; font-weight:700!important; color:#fff!important; margin:0!important; }
[data-theme="light"] .fee-card-header h4 { color:#1e293b!important; }
.fee-card-body { padding:8px 28px; }
.fee-row { display:flex; justify-content:space-between; align-items:center; padding:14px 0; border-bottom:1px solid rgba(255,255,255,0.04); font-family:'Inter',sans-serif; font-size:14px; }
[data-theme="light"] .fee-row { border-bottom-color:#f1f5f9; }
.fee-row span:first-child { color:rgba(255,255,255,0.5); }
[data-theme="light"] .fee-row span:first-child { color:#64748b; }
.fee-bad { color:#ef4444!important; font-weight:700; }
.fee-good { color:#00ff88!important; font-weight:700; text-shadow:0 0 6px rgba(0,255,136,0.3); }
[data-theme="light"] .fee-good { color:#10b981!important; text-shadow:none; }
.fee-total { display:flex; justify-content:space-between; align-items:center; padding:18px 0; font-family:'Space Grotesk',sans-serif; font-size:17px; font-weight:700; color:#fff; }
[data-theme="light"] .fee-total { color:#1e293b; }
.fee-verdict { padding:16px 28px; font-family:'Space Grotesk',sans-serif; font-size:16px; font-weight:700; display:flex; align-items:center; gap:10px; }
.fee-verdict.bad { background:rgba(239,68,68,0.08); color:#ef4444; }
.fee-verdict.good { background:rgba(0,255,136,0.08); color:#00ff88; text-shadow:0 0 8px rgba(0,255,136,0.3); }
[data-theme="light"] .fee-verdict.good { color:#10b981; text-shadow:none; }
.mx-vs-badge { width:64px; height:64px; border-radius:50%; background:rgba(255,255,255,0.05); border:2px solid rgba(255,255,255,0.1); display:flex; align-items:center; justify-content:center; font-family:'Space Grotesk',sans-serif; font-size:20px; font-weight:800; color:rgba(255,255,255,0.3); margin:0 auto; }
[data-theme="light"] .mx-vs-badge { background:#f1f5f9; border-color:#e2e8f0; color:#94a3b8; }

/* ── USE CASES ── */
.mx-usecase-section { padding:100px 0; background:#070b10; }
[data-theme="light"] .mx-usecase-section { background:#f8fafb; }
.mx-usecase-card { background:rgba(255,255,255,0.03); border:1px solid rgba(0,255,136,0.06); border-radius:20px; padding:36px 28px; transition:all .4s ease; height:100%; }
.mx-usecase-card:hover { transform:translateY(-6px); border-color:rgba(0,255,136,0.2); box-shadow:0 20px 50px rgba(0,255,136,0.06); }
[data-theme="light"] .mx-usecase-card { background:#fff; border-color:#e2e8f0; }
[data-theme="light"] .mx-usecase-card:hover { border-color:#6366f1; box-shadow:0 20px 50px rgba(99,102,241,0.08); }
.usecase-icon { width:60px; height:60px; border-radius:16px; background:rgba(0,255,136,0.08); display:flex; align-items:center; justify-content:center; margin-bottom:20px; }
.usecase-icon i { font-size:24px; color:#00ff88; filter:drop-shadow(0 0 6px rgba(0,255,136,0.4)); }
[data-theme="light"] .usecase-icon { background:rgba(99,102,241,0.08); }
[data-theme="light"] .usecase-icon i { color:#6366f1; filter:none; }
.mx-usecase-card h5 { font-family:'Space Grotesk',sans-serif!important; font-size:20px!important; font-weight:700!important; color:#fff!important; margin-bottom:12px!important; }
[data-theme="light"] .mx-usecase-card h5 { color:#1e293b!important; }
.mx-usecase-card p { font-size:14px; line-height:1.7; color:rgba(255,255,255,0.45); font-family:'Inter',sans-serif; margin:0; }
[data-theme="light"] .mx-usecase-card p { color:#64748b; }

/* ── TRUST SECTION ── */
.mx-trust-section { padding:100px 0; background:#0a0e14; }
[data-theme="light"] .mx-trust-section { background:#fff; }
.mx-trust-features { display:flex; flex-direction:column; gap:20px; }
.trust-feature { display:flex; gap:16px; align-items:flex-start; }
.tf-icon { width:48px; height:48px; border-radius:12px; background:rgba(0,255,136,0.08); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.tf-icon i { font-size:20px; color:#00ff88; filter:drop-shadow(0 0 4px rgba(0,255,136,0.4)); }
[data-theme="light"] .tf-icon { background:rgba(99,102,241,0.08); }
[data-theme="light"] .tf-icon i { color:#6366f1; filter:none; }
.trust-feature h6 { font-family:'Space Grotesk',sans-serif!important; font-size:16px!important; font-weight:700!important; color:#fff!important; margin-bottom:4px!important; }
[data-theme="light"] .trust-feature h6 { color:#1e293b!important; }
.trust-feature p { font-size:13px; color:rgba(255,255,255,0.45); line-height:1.5; margin:0; font-family:'Inter',sans-serif; }
[data-theme="light"] .trust-feature p { color:#64748b; }

/* Trust Visual - Orbiting Shield */
.mx-trust-visual { position:relative; width:100%; height:400px; display:flex; align-items:center; justify-content:center; }
.trust-shield { width:100px; height:100px; border-radius:24px; background:linear-gradient(135deg,rgba(0,255,136,0.15),rgba(0,255,136,0.05)); display:flex; align-items:center; justify-content:center; position:relative; z-index:2; }
.trust-shield i { font-size:48px; color:#00ff88; filter:drop-shadow(0 0 20px rgba(0,255,136,0.5)); }
[data-theme="light"] .trust-shield { background:linear-gradient(135deg,rgba(99,102,241,0.15),rgba(99,102,241,0.05)); }
[data-theme="light"] .trust-shield i { color:#6366f1; filter:none; }
.trust-orbit { position:absolute; border:1px solid rgba(0,255,136,0.08); border-radius:50%; animation:orbitSpin linear infinite; }
[data-theme="light"] .trust-orbit { border-color:rgba(99,102,241,0.1); }
.trust-orbit-1 { width:200px; height:200px; animation-duration:12s; }
.trust-orbit-2 { width:300px; height:300px; animation-duration:18s; animation-direction:reverse; }
.trust-orbit-3 { width:380px; height:380px; animation-duration:24s; }
@keyframes orbitSpin { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
.orbit-item { position:absolute; top:-18px; left:50%; transform:translateX(-50%); width:36px; height:36px; border-radius:50%; background:rgba(0,255,136,0.1); display:flex; align-items:center; justify-content:center; }
.orbit-item i { font-size:16px; color:#00ff88; }
[data-theme="light"] .orbit-item { background:rgba(99,102,241,0.1); }
[data-theme="light"] .orbit-item i { color:#6366f1; }

/* ── PUBLIC NAV OVERRIDE ── */
.navbar:not(#content .navbar) { background:rgba(7,11,16,0.85)!important; backdrop-filter:blur(20px)!important; border-bottom:1px solid rgba(0,255,136,0.06)!important; box-shadow:none!important; padding:12px 0!important; }
[data-theme="light"] .navbar:not(#content .navbar) { background:rgba(255,255,255,0.9)!important; border-bottom-color:#e2e8f0!important; }
.navbar .nav-item .nav-link { color:rgba(255,255,255,0.6)!important; font-weight:600!important; font-size:14px!important; transition:all .2s ease; }
.navbar .nav-item .nav-link:hover,.navbar .nav-item .nav-link.active { color:#00ff88!important; }
[data-theme="light"] .navbar .nav-item .nav-link { color:#475569!important; }
[data-theme="light"] .navbar .nav-item .nav-link:hover,[data-theme="light"] .navbar .nav-item .nav-link.active { color:#6366f1!important; }
.navbar .navbar-toggler { color:#fff!important; }
.navbar .btn-custom { background:linear-gradient(135deg,#00ff88,#00cc6a)!important; color:#000!important; font-weight:700!important; border-radius:10px!important; padding:10px 24px!important; }
[data-theme="light"] .navbar .btn-custom { background:linear-gradient(135deg,#6366f1,#4f46e5)!important; color:#fff!important; }

/* ── FOOTER OVERRIDE ── */
footer,.footer-section { background:#070b10!important; border-top:1px solid rgba(0,255,136,0.06)!important; color:rgba(255,255,255,0.5)!important; }
[data-theme="light"] footer,[data-theme="light"] .footer-section { background:#f8fafb!important; border-top-color:#e2e8f0!important; color:#64748b!important; }
.footer-box h5 { color:#fff!important; }
[data-theme="light"] .footer-box h5 { color:#1e293b!important; }
.footer-box a { color:rgba(255,255,255,0.4)!important; transition:color .2s ease; }
.footer-box a:hover { color:#00ff88!important; }
[data-theme="light"] .footer-box a { color:#64748b!important; }
[data-theme="light"] .footer-box a:hover { color:#6366f1!important; }
.footer-section .copyright { border-top:1px solid rgba(255,255,255,0.05)!important; }
[data-theme="light"] .footer-section .copyright { border-top-color:#e2e8f0!important; }
.footer-section .copyright span { color:rgba(255,255,255,0.3)!important; }
[data-theme="light"] .footer-section .copyright span { color:#94a3b8!important; }
.footer-section .news-letter .form-control { background:rgba(255,255,255,0.05)!important; border:1px solid rgba(0,255,136,0.1)!important; color:#fff!important; }
[data-theme="light"] .footer-section .news-letter .form-control { background:#fff!important; border-color:#e2e8f0!important; color:#1e293b!important; }
.footer-section .news-letter .btn-custom { background:linear-gradient(135deg,#00ff88,#00cc6a)!important; color:#000!important; }
[data-theme="light"] .footer-section .news-letter .btn-custom { background:linear-gradient(135deg,#6366f1,#4f46e5)!important; color:#fff!important; }

/* ── PUBLIC SECTIONS DARK OVERRIDE ── */
.about-section,.how-it-works,.buy-sell,.feature-section,.faq-section,.testimonial-section,.blog-section,.call-section { background:#070b10!important; }
[data-theme="light"] .about-section,[data-theme="light"] .how-it-works,[data-theme="light"] .buy-sell,[data-theme="light"] .feature-section,[data-theme="light"] .faq-section,[data-theme="light"] .testimonial-section,[data-theme="light"] .blog-section,[data-theme="light"] .call-section { background:#f8fafb!important; }
.header-text h5 { color:#00ff88!important; }
[data-theme="light"] .header-text h5 { color:#6366f1!important; }
.header-text h2 { color:#fff!important; }
[data-theme="light"] .header-text h2 { color:#1e293b!important; }
.header-text p { color:rgba(255,255,255,0.5)!important; }
[data-theme="light"] .header-text p { color:#64748b!important; }
.work-box,.feature-box { background:rgba(255,255,255,0.03)!important; border:1px solid rgba(0,255,136,0.08)!important; border-radius:16px!important; transition:all .3s ease; }
.work-box:hover,.feature-box:hover { border-color:rgba(0,255,136,0.2)!important; transform:translateY(-4px); }
[data-theme="light"] .work-box,[data-theme="light"] .feature-box { background:#fff!important; border-color:#e2e8f0!important; }
.work-box h5,.feature-box h5 { color:#fff!important; }
[data-theme="light"] .work-box h5,[data-theme="light"] .feature-box h5 { color:#1e293b!important; }
.work-box p,.feature-box p { color:rgba(255,255,255,0.45)!important; }
[data-theme="light"] .work-box p,[data-theme="light"] .feature-box p { color:#64748b!important; }

/* Public buy-sell table */
.buy-sell .table { color:#fff!important; }
.buy-sell .table thead { background:rgba(0,255,136,0.04)!important; }
.buy-sell .table thead th { color:rgba(255,255,255,0.5)!important; border-bottom:1px solid rgba(0,255,136,0.08)!important; background:transparent!important; }
.buy-sell .table tbody tr { border-bottom:1px solid rgba(255,255,255,0.04)!important; }
.buy-sell .table tbody tr:hover td { background:rgba(0,255,136,0.03)!important; }
.buy-sell .table td { color:rgba(255,255,255,0.7)!important; border-bottom:1px solid rgba(255,255,255,0.04)!important; }
.buy-sell .table td a h6,.buy-sell .table td h6 { color:#fff!important; }
[data-theme="light"] .buy-sell .table td a h6,[data-theme="light"] .buy-sell .table td h6 { color:#1e293b!important; }
[data-theme="light"] .buy-sell .table { color:#1e293b!important; }
[data-theme="light"] .buy-sell .table thead { background:#f8fafb!important; }
[data-theme="light"] .buy-sell .table thead th { color:#64748b!important; border-bottom-color:#e2e8f0!important; }
[data-theme="light"] .buy-sell .table tbody tr:hover td { background:#f1f5f9!important; }
[data-theme="light"] .buy-sell .table td { color:#475569!important; border-bottom-color:#f1f5f9!important; }
.buy-sell .table-parent { background:rgba(255,255,255,0.02)!important; border:1px solid rgba(0,255,136,0.08)!important; border-radius:16px!important; }
[data-theme="light"] .buy-sell .table-parent { background:#fff!important; border-color:#e2e8f0!important; }

/* Banner section (breadcrumb pages) */
.banner-section { background:#070b10!important; border-bottom:1px solid rgba(0,255,136,0.06); }
[data-theme="light"] .banner-section { background:#f8fafb!important; border-bottom-color:#e2e8f0; }
.banner-section h3 { color:#fff!important; }
[data-theme="light"] .banner-section h3 { color:#1e293b!important; }
.banner-section .breadcrumb-item a { color:rgba(255,255,255,0.5)!important; }
[data-theme="light"] .banner-section .breadcrumb-item a { color:#64748b!important; }
.banner-section .breadcrumb-item.active { color:#00ff88!important; }
[data-theme="light"] .banner-section .breadcrumb-item.active { color:#6366f1!important; }

/* ── STICKY BOTTOM CTA BAR ── */
.mx-sticky-cta {
    position:fixed; bottom:0; left:0; right:0; z-index:9999;
    background:linear-gradient(180deg, rgba(0,20,10,0.0) 0%, rgba(0,20,10,0.95) 30%, rgba(0,12,6,0.98) 100%);
    backdrop-filter:blur(12px);
    border-top:1px solid rgba(0,255,136,0.25);
    padding:0;
    overflow:hidden;
    transform:translateY(100%);
    animation: stickySlideUp 0.6s ease 3.5s forwards;
}
.sticky-cta-scanlines {
    position:absolute; inset:0; pointer-events:none;
    background:repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,255,136,0.015) 2px, rgba(0,255,136,0.015) 4px);
}
.sticky-cta-glow {
    position:absolute; top:-40px; left:50%; transform:translateX(-50%);
    width:60%; height:40px;
    background:radial-gradient(ellipse, rgba(0,255,136,0.15) 0%, transparent 70%);
    pointer-events:none;
}
.sticky-cta-content {
    position:relative; z-index:2;
    display:flex; align-items:center; justify-content:space-between;
    max-width:1200px; margin:0 auto;
    padding:14px 32px;
}
.sticky-cta-left {
    display:flex; align-items:center; gap:14px;
}
.sticky-cta-icon {
    width:42px; height:42px; border-radius:10px;
    background:rgba(0,255,136,0.1); border:1px solid rgba(0,255,136,0.25);
    display:flex; align-items:center; justify-content:center;
    font-size:18px; color:#00ff88;
    text-shadow:0 0 10px rgba(0,255,136,0.5);
    animation: iconPulseSticky 2s ease infinite;
}
.sticky-cta-title {
    display:block; font-family:'Space Grotesk',monospace; font-size:16px; font-weight:800;
    color:#00ff88; letter-spacing:0.12em;
    text-shadow:0 0 8px rgba(0,255,136,0.4);
}
.sticky-cta-sub {
    display:block; font-family:'Inter',sans-serif; font-size:12px; font-weight:400;
    color:rgba(255,255,255,0.45); letter-spacing:0.02em;
}
.sticky-cta-btn {
    display:inline-flex; align-items:center; gap:12px;
    padding:14px 36px;
    background:linear-gradient(135deg, #00ff88 0%, #00cc6a 50%, #00ff88 100%);
    background-size:200% 200%;
    color:#000!important; font-family:'Space Grotesk',monospace;
    font-size:15px; font-weight:900; letter-spacing:0.15em; text-transform:uppercase;
    text-decoration:none!important;
    border-radius:8px; border:none; cursor:pointer;
    position:relative; overflow:hidden;
    box-shadow:0 0 20px rgba(0,255,136,0.3), 0 0 60px rgba(0,255,136,0.1);
    animation: btnGradientMove 3s ease infinite;
    transition:all 0.3s ease;
}
.sticky-cta-btn:hover {
    transform:translateY(-2px) scale(1.03);
    box-shadow:0 0 30px rgba(0,255,136,0.5), 0 0 80px rgba(0,255,136,0.2);
    color:#000!important;
}
.sticky-cta-btn i { font-size:14px; transition:transform 0.3s ease; }
.sticky-cta-btn:hover i { transform:translateX(4px); }
.sticky-btn-glitch {
    position:relative;
}
.sticky-btn-glitch::before,
.sticky-btn-glitch::after {
    content:attr(data-text); position:absolute; top:0; left:0;
    width:100%; height:100%; overflow:hidden;
}
.sticky-btn-glitch::before {
    color:rgba(0,255,136,0.8); z-index:-1;
    animation: glitchLeft 4s infinite;
}
.sticky-btn-glitch::after {
    color:rgba(0,200,255,0.6); z-index:-1;
    animation: glitchRight 4s infinite;
}
.sticky-btn-scanline {
    position:absolute; left:0; right:0; height:2px;
    background:rgba(0,0,0,0.15);
    animation: scanDown 2s linear infinite;
    pointer-events:none;
}
@keyframes stickySlideUp {
    0% { transform:translateY(100%); }
    60% { transform:translateY(-5px); }
    100% { transform:translateY(0); }
}
@keyframes iconPulseSticky {
    0%,100% { box-shadow:0 0 10px rgba(0,255,136,0.15); }
    50% { box-shadow:0 0 20px rgba(0,255,136,0.3); }
}
@keyframes btnGradientMove {
    0% { background-position:0% 50%; }
    50% { background-position:100% 50%; }
    100% { background-position:0% 50%; }
}
@keyframes glitchLeft {
    0%,92%,100% { transform:translate(0); }
    93% { transform:translate(-2px,-1px); }
    95% { transform:translate(2px,1px); }
    97% { transform:translate(-1px,0); }
}
@keyframes glitchRight {
    0%,92%,100% { transform:translate(0); }
    94% { transform:translate(2px,1px); }
    96% { transform:translate(-2px,-1px); }
    98% { transform:translate(1px,0); }
}
@keyframes scanDown {
    0% { top:-2px; } 100% { top:100%; }
}
[data-theme="light"] .mx-sticky-cta {
    background:linear-gradient(180deg, rgba(255,255,255,0.0) 0%, rgba(245,248,255,0.95) 30%, rgba(240,244,248,0.98) 100%);
    border-top-color:rgba(99,102,241,0.2);
}
[data-theme="light"] .sticky-cta-icon { background:rgba(99,102,241,0.1); border-color:rgba(99,102,241,0.25); color:#6366f1; text-shadow:none; }
[data-theme="light"] .sticky-cta-title { color:#6366f1; text-shadow:none; }
[data-theme="light"] .sticky-cta-sub { color:#64748b; }
[data-theme="light"] .sticky-cta-btn { background:linear-gradient(135deg,#6366f1,#4f46e5,#6366f1); background-size:200% 200%; color:#fff!important; box-shadow:0 4px 20px rgba(99,102,241,0.3); }
[data-theme="light"] .sticky-cta-btn:hover { color:#fff!important; box-shadow:0 8px 35px rgba(99,102,241,0.4); }
[data-theme="light"] .sticky-cta-glow { background:radial-gradient(ellipse, rgba(99,102,241,0.1) 0%, transparent 70%); }

/* ── RESPONSIVE ── */
@media (max-width:991px) {
    .mx-hero { padding:100px 0 50px; min-height:auto; }
    .mx-hero-globe-wrap { height:550px; margin-top:40px; }
    .mx-hero-feed { display:none; }
    .mx-hero-title { font-size:36px!important; }
    .mx-trust-visual { height:300px; }
    .sticky-cta-text { display:none; }
    .sticky-cta-icon { display:none; }
}
@media (max-width:576px) {
    .mx-hero-stats-row { gap:16px; }
    .mx-hero-stat .stat-value { font-size:24px; }
    .mx-hero-cta { flex-direction:column; }
    .mx-btn-primary,.mx-btn-outline { width:100%; justify-content:center; padding:14px 24px; }
    .sticky-cta-content { justify-content:center; padding:12px 16px; }
    .sticky-cta-btn { padding:12px 28px; font-size:14px; }
}

/* ═══════════════════════════════════════════════════════════════
   LISTINGS PAGE — City Header, Card Grid, Filters, Live Chat
   ═══════════════════════════════════════════════════════════════ */

.mx-listings-section { padding:30px 0 60px; min-height:70vh; }

/* ── City Header ── */
.mx-listings-city-header {
    background: linear-gradient(135deg, rgba(99,102,241,0.15), rgba(16,185,129,0.1));
    border:1px solid rgba(99,102,241,0.3);
    border-radius:16px;
    padding:20px 28px;
    margin-bottom:24px;
}
.mx-listings-city-header.sell-mode {
    background: linear-gradient(135deg, rgba(239,68,68,0.12), rgba(245,158,11,0.1));
    border-color: rgba(239,68,68,0.3);
}
.city-header-inner {
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:16px;
}
.city-header-left {
    display:flex;
    align-items:center;
    gap:14px;
}
.city-detect-spinner {
    font-size:24px;
    color:#6366f1;
}
.city-header-pin {
    font-size:28px;
    color:#6366f1;
    animation: pinBounce 2s ease infinite;
}
.sell-mode .city-header-pin { color:#ef4444; }
@keyframes pinBounce {
    0%,100% { transform:translateY(0); }
    50% { transform:translateY(-6px); }
}
.city-header-title {
    font-size:22px;
    font-weight:700;
    color:#fff;
    margin:0;
    letter-spacing:0.5px;
}
.city-header-sub {
    font-size:13px;
    color:rgba(255,255,255,0.5);
}
.city-header-count {
    text-align:center;
    min-width:80px;
}
.count-number {
    display:block;
    font-size:28px;
    font-weight:800;
    color:#10b981;
    line-height:1;
}
.sell-mode .count-number { color:#f59e0b; }
.count-label {
    font-size:11px;
    color:rgba(255,255,255,0.4);
    text-transform:uppercase;
    letter-spacing:1px;
}

/* ── Filters ── */
.mx-listings-filters {
    background:rgba(255,255,255,0.03);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:12px;
    padding:16px 20px;
    margin-bottom:24px;
}
.mx-listings-filters label {
    font-size:11px;
    color:rgba(255,255,255,0.5);
    text-transform:uppercase;
    letter-spacing:0.5px;
    margin-bottom:4px;
    display:block;
}
.mx-listings-filters .form-select,
.mx-listings-filters .form-control {
    background:rgba(0,0,0,0.3) !important;
    border:1px solid rgba(255,255,255,0.1) !important;
    color:#fff !important;
    font-size:13px;
    border-radius:8px;
    padding:8px 12px;
}
.mx-filter-btn {
    background:linear-gradient(135deg,#6366f1,#8b5cf6);
    color:#fff;
    border:none;
    border-radius:8px;
    padding:10px 20px;
    font-weight:600;
    font-size:14px;
    cursor:pointer;
    transition:all 0.2s;
}
.mx-filter-btn:hover { transform:translateY(-1px); box-shadow:0 4px 15px rgba(99,102,241,0.4); }
.mx-filter-toggle {
    background:transparent;
    border:1px solid rgba(255,255,255,0.2);
    color:#fff;
    padding:8px 16px;
    border-radius:8px;
    font-size:14px;
    margin-bottom:12px;
    width:100%;
}

/* ── Listings Grid ── */
.mx-listings-grid {
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));
    gap:16px;
}
#mx-fake-listings {
    display:contents;
}

/* ── Listing Card ── */
.mx-listing-card {
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:14px;
    overflow:hidden;
    transition:all 0.3s ease;
    display:flex;
    flex-direction:column;
}
.mx-listing-card:hover {
    border-color:rgba(99,102,241,0.4);
    transform:translateY(-3px);
    box-shadow:0 8px 30px rgba(0,0,0,0.3);
}
.listing-card-top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 18px 12px;
    border-bottom:1px solid rgba(255,255,255,0.05);
}
.listing-user a {
    display:flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    color:#fff;
}
.listing-avatar {
    width:40px;
    height:40px;
    border-radius:50%;
    object-fit:cover;
    border:2px solid rgba(99,102,241,0.3);
}
.listing-avatar-fake {
    width:40px;
    height:40px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:800;
    color:#fff;
    flex-shrink:0;
}
.listing-user-info {
    display:flex;
    flex-direction:column;
}
.listing-username {
    font-weight:600;
    font-size:14px;
    color:#fff;
}
.listing-user-stats {
    font-size:11px;
    color:rgba(255,255,255,0.4);
}
.listing-type-badge {
    font-size:10px;
    font-weight:700;
    letter-spacing:1px;
    padding:4px 10px;
    border-radius:20px;
    text-transform:uppercase;
}
.listing-type-badge.buy {
    background:rgba(16,185,129,0.15);
    color:#10b981;
    border:1px solid rgba(16,185,129,0.3);
}
.listing-type-badge.sell {
    background:rgba(239,68,68,0.15);
    color:#ef4444;
    border:1px solid rgba(239,68,68,0.3);
}

/* Card Body */
.listing-card-body {
    padding:14px 18px;
    flex:1;
}
.listing-rate {
    display:flex;
    align-items:baseline;
    gap:8px;
    margin-bottom:12px;
}
.rate-value {
    font-size:22px;
    font-weight:800;
    color:#fff;
}
.rate-pair {
    font-size:12px;
    color:rgba(255,255,255,0.4);
    font-weight:600;
}
.listing-details {
    display:flex;
    flex-direction:column;
    gap:8px;
}
.listing-detail-item {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:8px;
}
.detail-label {
    font-size:11px;
    color:rgba(255,255,255,0.35);
    text-transform:uppercase;
    letter-spacing:0.5px;
    flex-shrink:0;
}
.detail-value {
    font-size:13px;
    color:rgba(255,255,255,0.8);
    text-align:right;
    display:flex;
    flex-wrap:wrap;
    gap:4px;
    justify-content:flex-end;
}
.listing-gateway {
    font-size:11px;
    padding:2px 8px;
    border-radius:4px;
    border-left:3px solid;
    background:rgba(255,255,255,0.05);
    color:rgba(255,255,255,0.7);
    white-space:nowrap;
}

/* Card Action */
.listing-card-action {
    padding:12px 18px 16px;
}
.mx-livechat-btn {
    width:100%;
    padding:12px;
    border:none;
    border-radius:10px;
    background:linear-gradient(135deg,#6366f1,#8b5cf6);
    color:#fff;
    font-weight:700;
    font-size:14px;
    cursor:pointer;
    transition:all 0.25s;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
}
.mx-livechat-btn:hover {
    transform:translateY(-2px);
    box-shadow:0 6px 20px rgba(99,102,241,0.5);
}
.mx-livechat-btn.sell-btn {
    background:linear-gradient(135deg,#ef4444,#f97316);
}
.mx-livechat-btn.sell-btn:hover {
    box-shadow:0 6px 20px rgba(239,68,68,0.5);
}

/* ── Pagination ── */
.mx-listings-pagination {
    margin-top:30px;
    display:flex;
    justify-content:center;
}

/* ═══════════════════════════════════════
   LIVE CHAT MODAL
   ═══════════════════════════════════════ */
.mx-livechat-modal {
    position:fixed;
    top:0;left:0;right:0;bottom:0;
    background:rgba(0,0,0,0.7);
    backdrop-filter:blur(8px);
    z-index:10000;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    opacity:0;
    pointer-events:none;
    transition:opacity 0.3s ease;
}
.mx-livechat-modal.open {
    opacity:1;
    pointer-events:auto;
}
.livechat-modal-content {
    background:#1a1a2e;
    border:1px solid rgba(99,102,241,0.3);
    border-radius:20px 20px 0 0;
    width:100%;
    max-width:480px;
    max-height:85vh;
    display:flex;
    flex-direction:column;
    transform:translateY(100%);
    transition:transform 0.35s cubic-bezier(0.16,1,0.3,1);
}
.mx-livechat-modal.open .livechat-modal-content {
    transform:translateY(0);
}
.livechat-modal-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:18px 20px;
    border-bottom:1px solid rgba(255,255,255,0.08);
}
.livechat-header-left {
    display:flex;
    align-items:center;
    gap:12px;
    color:#6366f1;
}
.livechat-header-left h4 {
    margin:0;
    font-size:16px;
    font-weight:700;
    color:#fff;
}
.livechat-context {
    font-size:12px;
    color:rgba(255,255,255,0.4);
}
.livechat-close {
    background:transparent;
    border:none;
    color:rgba(255,255,255,0.5);
    font-size:28px;
    cursor:pointer;
    line-height:1;
    padding:0;
}
.livechat-close:hover { color:#fff; }

.livechat-modal-body {
    display:flex;
    flex-direction:column;
    flex:1;
    overflow:hidden;
}
.livechat-messages {
    flex:1;
    overflow-y:auto;
    padding:16px 20px;
    display:flex;
    flex-direction:column;
    gap:10px;
    max-height:350px;
    min-height:120px;
}
.livechat-msg {
    padding:10px 14px;
    border-radius:12px;
    max-width:90%;
}
.livechat-msg.system {
    background:rgba(99,102,241,0.1);
    border:1px solid rgba(99,102,241,0.2);
    align-self:flex-start;
}
.livechat-msg.system.error {
    background:rgba(239,68,68,0.1);
    border-color:rgba(239,68,68,0.3);
}
.livechat-msg.user {
    background:rgba(99,102,241,0.2);
    border:1px solid rgba(99,102,241,0.3);
    align-self:flex-end;
}
.livechat-msg p {
    margin:0;
    font-size:13px;
    color:rgba(255,255,255,0.85);
    line-height:1.5;
}

.livechat-form {
    padding:12px 20px 20px;
    border-top:1px solid rgba(255,255,255,0.06);
}
.livechat-inputs .form-control {
    background:rgba(0,0,0,0.3) !important;
    border:1px solid rgba(255,255,255,0.1) !important;
    color:#fff !important;
    font-size:13px;
    border-radius:8px;
}
.livechat-inputs .form-control::placeholder { color:rgba(255,255,255,0.3); }
.livechat-send-row {
    display:flex;
    gap:8px;
    align-items:flex-end;
}
.livechat-send-row textarea {
    flex:1;
    resize:none;
}
.livechat-send-btn {
    width:46px;
    height:46px;
    border:none;
    border-radius:10px;
    background:linear-gradient(135deg,#6366f1,#8b5cf6);
    color:#fff;
    font-size:16px;
    cursor:pointer;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all 0.2s;
}
.livechat-send-btn:hover { transform:scale(1.05); }
.livechat-send-btn:disabled { opacity:0.6; cursor:not-allowed; }

/* ── Listings Mobile ── */
@media (max-width:768px) {
    .mx-listings-section { padding:16px 0 50px; }
    .mx-listings-city-header { padding:14px 16px; border-radius:12px; }
    .city-header-title { font-size:17px; }
    .city-header-pin { font-size:22px; }
    .count-number { font-size:22px; }
    .mx-listings-grid { grid-template-columns:1fr; gap:12px; }
    .mx-listings-filters { padding:12px 14px; }
    .mx-listings-filters #filterBar { display:none; }
    .mx-listings-filters #filterBar.show { display:block; }
    .livechat-modal-content { max-width:100%; border-radius:16px 16px 0 0; }
    .livechat-messages { max-height:250px; }
}
@media (max-width:480px) {
    .city-header-inner { flex-direction:column; text-align:center; }
    .city-header-left { flex-direction:column; }
    .rate-value { font-size:18px; }
}