:root{--navy:#0d2238;--blue:#1769e0;--green:#0b9b53;--light:#f5f7fb;--border:#dfe5ec;--text:#122033}
*{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--light);color:var(--text)}
a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
.topbar{background:var(--navy);color:#fff}.topbar .inner{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;font-weight:800;letter-spacing:.5px}.brand span{color:#3a93ff}
nav{display:flex;gap:24px;align-items:center}nav a{font-size:14px}.btn{display:inline-block;border:0;border-radius:9px;padding:12px 18px;font-weight:700;cursor:pointer}.btn-primary{background:var(--blue);color:#fff}.btn-green{background:var(--green);color:#fff}.btn-outline{border:1px solid #cbd5e1;background:white}
.hero{background:white;padding:82px 0}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.hero h1{font-size:54px;line-height:1.05;margin:0 0 22px}.hero h1 span{color:var(--blue)}.hero p{font-size:18px;line-height:1.65;color:#526172}.hero-card{background:linear-gradient(135deg,#eef5ff,#eafaf1);padding:34px;border-radius:28px;box-shadow:0 18px 60px rgba(20,50,90,.12)}.coin{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:32px;font-weight:900;margin:10px auto}.usdt{background:#20a47a}.btc{background:#f29c18}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#24384f;border-radius:16px;overflow:hidden;margin:36px 0}.stat{background:var(--navy);color:#fff;padding:25px;text-align:center}.stat b{font-size:24px}
.layout{display:grid;grid-template-columns:245px 1fr;grid-template-rows:72px 1fr;grid-template-areas:"sidebar topbar" "sidebar main";min-height:100vh}.sidebar{grid-area:sidebar;background:var(--navy);color:#fff;padding:24px 16px;display:flex;flex-direction:column}.sidebar .brand{margin-bottom:34px}.sidebar-section-label{padding:0 14px 9px;color:#7f9ab5;font-size:11px;font-weight:800;letter-spacing:.1em}.sidebar-nav{display:block}.side-link{display:block;padding:12px 14px;border-radius:8px;margin:5px 0;color:#dce7f2}.side-link:hover,.side-link.active{background:#1769e0;color:#fff}.sidebar-bottom{margin-top:auto;padding-top:24px}.logout-link{border:1px solid rgba(255,255,255,.14)}.client-topbar{grid-area:topbar;background:#fff;border-bottom:1px solid var(--border);padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:100}.client-welcome{display:flex;flex-direction:column;gap:2px}.client-welcome span{font-size:12px;color:#64748b}.client-welcome strong{font-size:15px}.client-language{position:relative}.client-language>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;font-size:13px;font-weight:800}.client-language>summary::-webkit-details-marker{display:none}.client-language>summary::after{content:"";width:6px;height:6px;border-right:2px solid #64748b;border-bottom:2px solid #64748b;transform:rotate(45deg);margin:-3px 0 0 3px}.client-language-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:175px;background:#fff;border:1px solid var(--border);border-radius:11px;padding:7px;box-shadow:0 16px 35px rgba(15,23,42,.14)}.client-language-menu a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:7px;font-size:14px}.client-language-menu a:hover{background:#f1f6fc;color:#1769e0}.main{grid-area:main;padding:32px}.page-title{font-size:28px;margin:0 0 22px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:white;border:1px solid var(--border);border-radius:14px;padding:22px;box-shadow:0 4px 20px rgba(20,30,50,.04)}.card h3{margin-top:0}.big-balance{font-size:26px;font-weight:800;color:var(--green)}
.sell-form-card{max-width:720px}
.country-picker{position:relative}.country-picker>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;width:100%;padding:12px;border:1px solid #ccd6e0;border-radius:8px;background:#fff}.country-picker>summary::-webkit-details-marker{display:none}.country-picker>summary::after{content:"";margin-left:auto;width:7px;height:7px;border-right:2px solid #64748b;border-bottom:2px solid #64748b;transform:rotate(45deg) translateY(-2px)}.country-picker-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:300;background:#fff;border:1px solid var(--border);border-radius:11px;padding:7px;box-shadow:0 16px 35px rgba(15,23,42,.14)}.country-picker-menu button{width:100%;border:0;background:#fff;display:flex;align-items:center;gap:10px;padding:11px;border-radius:7px;text-align:left;font:inherit;cursor:pointer}.country-picker-menu button b{margin-left:auto;color:#64748b}.country-picker-menu button:hover{background:#eef6ff;color:#1769e0}
.applied-rate{max-width:720px;margin:0 0 18px;padding:14px 18px;border:1px solid #cfe0f5;border-radius:12px;background:#eef6ff;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#28435f}.applied-rate span{font-size:13px;font-weight:700}.applied-rate strong{color:#0d2238;font-size:17px}
label{display:block;font-weight:700;margin:14px 0 7px}.input{width:100%;padding:12px;border:1px solid #ccd6e0;border-radius:8px;font-size:16px}.notice{padding:14px;border-radius:8px;background:#edf9f2;color:#116536;margin-bottom:18px}.warning{background:#fff7e7;color:#7a5200}
table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #e4e9ef;text-align:left;font-size:14px}.badge{padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;background:#e9eef5}.badge.completed{background:#def7e8;color:#13733e}.badge.pending{background:#fff1cc;color:#806000}.badge.cancelled{background:#fde2e2;color:#9b2929}
.auth{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#0d2238,#174d83)}.auth-card{width:min(430px,100%);background:#fff;border-radius:18px;padding:30px}.error{background:#fee2e2;color:#991b1b;padding:10px;border-radius:8px}
.legal{background:white;padding:50px 0}.legal article{max-width:900px;margin:auto;line-height:1.75}.legal h1{font-size:36px}.legal h2{margin-top:28px}
.admin-grid{display:grid;grid-template-columns:350px 1fr;gap:20px}
.service-status-admin{background:linear-gradient(145deg,#fff 0%,#f7faff 100%)}
.service-status-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.service-status-head h3{margin:4px 0 0}.service-eyebrow{font-size:11px;font-weight:900;letter-spacing:.11em;color:#1769e0}
.status-preview{padding:7px 11px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.status-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 18px}.status-options label{margin:0;cursor:pointer}.status-options input{position:absolute;opacity:0;pointer-events:none}.status-options span{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #dce4ed;border-radius:10px;background:#fff;font-size:13px}.status-options input:checked+span{border-color:#1769e0;box-shadow:0 0 0 2px rgba(23,105,224,.12);color:#0e57ba}.status-options i,.service-status-dot{width:9px;height:9px;border-radius:50%;background:#94a3b8;flex:0 0 9px}.status-options label:nth-child(1) i,.status-online .service-status-dot{background:#16a366}.status-options label:nth-child(2) i,.status-offline .service-status-dot{background:#ef4444}.status-options label:nth-child(3) i,.status-pause .service-status-dot{background:#f59e0b}.status-options label:nth-child(4) i,.status-maintenance .service-status-dot{background:#7c3aed}.status-preview.status-online{background:#dcfce7;color:#13733e}.status-preview.status-offline{background:#fee2e2;color:#a92727}.status-preview.status-pause{background:#fff1cc;color:#806000}.status-preview.status-maintenance{background:#ede9fe;color:#6d28d9}.status-message-input{resize:vertical;line-height:1.45}
.service-status-banner{margin-left:auto;display:flex;align-items:center;gap:14px;width:min(620px,65%);min-height:62px;padding:13px 18px;border:1px solid #dfe7ef;border-radius:14px;background:#f8fafc;box-shadow:0 5px 18px rgba(15,23,42,.07)}.service-status-banner .service-status-dot{width:13px;height:13px;flex-basis:13px}.service-status-banner b,.service-status-banner small{display:block}.service-status-banner b{font-size:15px}.service-status-banner small{margin-top:4px;color:#4b5f75;font-size:13px;line-height:1.35}.service-status-banner.status-online{background:#f0fdf4;border-color:#86efac}.service-status-banner.status-offline{background:#fff5f5;border-color:#fca5a5}.service-status-banner.status-pause{background:#fffbeb;border-color:#fcd34d}.service-status-banner.status-maintenance{background:#f7f5ff;border-color:#c4b5fd}
.message-page-card{max-width:820px;padding:28px}.preset-status-options span{display:grid;grid-template-columns:auto 1fr;column-gap:10px}.preset-status-options span i{grid-row:1/3}.preset-status-options span small{color:#64748b;font-weight:500}.publish-status-btn{width:100%;margin-top:16px}.transaction-admin-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.transaction-admin-actions form{margin:0}.transaction-admin-actions .btn{padding:8px 10px;font-size:12px;white-space:nowrap}.admin-cancel-btn{background:#dc2626;color:#fff}.admin-chat-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;padding:14px;border:1px solid #dbe4ee;border-radius:10px;background:#f8fafc}.admin-chat-actions h4{grid-column:1/-1;margin:0}.admin-chat-actions form,.admin-chat-actions .btn{width:100%;margin:0}
.message-language-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.message-language-grid label{font-size:13px}@media(max-width:700px){.message-language-grid{grid-template-columns:1fr}}
.service-status-banner.status-hidden{display:none}.hide-banner-option{grid-column:1/-1}.hide-banner-option span{border-color:#fecaca;background:#fff7f7}.hide-banner-option i{background:#64748b!important}
.actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:850px){.hero-grid,.grid2,.admin-grid{grid-template-columns:1fr}.hero h1{font-size:40px}.stats{grid-template-columns:1fr 1fr}.layout{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"topbar" "sidebar" "main"}.sidebar{min-height:auto}.sidebar-nav{display:block}.sidebar-bottom{margin-top:12px}.client-topbar{padding:14px 20px;flex-wrap:wrap}.service-status-banner{order:3;width:100%;max-width:none;margin-left:0}.main{padding:22px 18px}nav:not(.sidebar-nav){display:none}}

.dropdown{position:relative;display:inline-block}.dropdown-toggle{display:flex;align-items:center;gap:7px;cursor:pointer}.dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:210px;background:#fff;color:#122033;border:1px solid #dfe5ec;border-radius:10px;box-shadow:0 15px 35px rgba(0,0,0,.14);padding:8px;display:none;z-index:1000}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{display:block}.dropdown-menu a{display:block;padding:10px 12px;border-radius:7px;color:#122033}.dropdown-menu a:hover{background:#f1f5f9}.flag{font-size:18px;line-height:1}.chev{font-size:11px;opacity:.7}


/* ===== STEADAX V8 - CLEAN HEADER / DROPDOWNS ===== */
.topbar{position:sticky;top:0;z-index:2000;background:#0d2238}
.topbar .inner{
    min-height:72px;
    height:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:32px;
}
.main-nav{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:22px;
    white-space:nowrap;
}
.main-nav>a,
.nav-dropdown>summary{
    color:#fff;
    font-size:14px;
    font-weight:600;
    line-height:1;
}
.main-nav>a:hover,
.nav-dropdown>summary:hover{color:#8fc0ff}

.nav-dropdown{
    position:relative;
    display:inline-block;
}
.nav-dropdown>summary{
    list-style:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:7px;
    padding:12px 0;
    user-select:none;
}
.nav-dropdown>summary::-webkit-details-marker{display:none}
.nav-dropdown>summary::after{
    content:"";
    width:6px;
    height:6px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:rotate(45deg);
    margin-top:-4px;
    transition:transform .18s ease;
}
.nav-dropdown[open]>summary::after{
    transform:rotate(225deg);
    margin-top:4px;
}
.nav-dropdown-menu{
    position:absolute;
    top:calc(100% + 8px);
    right:0;
    min-width:230px;
    padding:8px;
    background:#fff;
    border:1px solid #e1e7ef;
    border-radius:12px;
    box-shadow:0 18px 45px rgba(9,30,66,.18);
    z-index:3000;
}
.nav-dropdown-menu.left{left:0;right:auto}
.nav-dropdown-menu a{
    display:flex;
    align-items:center;
    gap:10px;
    padding:11px 12px;
    border-radius:8px;
    color:#142033 !important;
    font-size:14px;
    font-weight:600;
}
.nav-dropdown-menu a:hover{background:#f1f6fc;color:#1769e0 !important}
.nav-separator{height:1px;background:#e8edf3;margin:5px 3px}
.flag-icon{display:inline-block;width:22px;height:15px;border-radius:2px;box-shadow:0 0 0 1px rgba(15,23,42,.18);vertical-align:-2px;flex:0 0 auto}
.flag-fr{background:linear-gradient(90deg,#002395 0 33.33%,#fff 33.33% 66.66%,#ed2939 66.66%)}
.flag-en{background:
  linear-gradient(90deg,transparent 40%,#fff 40% 60%,transparent 60%),
  linear-gradient(transparent 35%,#fff 35% 65%,transparent 65%),
  linear-gradient(90deg,transparent 45%,#c8102e 45% 55%,transparent 55%),
  linear-gradient(transparent 43%,#c8102e 43% 57%,transparent 57%),
  #012169}
.flag-ci{background:linear-gradient(90deg,#f77f00 0 33.33%,#fff 33.33% 66.66%,#009e60 66.66%)}
.flag-sn,.flag-ml{background:linear-gradient(90deg,#00853f 0 33.33%,#fdef42 33.33% 66.66%,#e31b23 66.66%)}
.flag-sn,.flag-bf,.flag-ne{position:relative}
.flag-sn::after{content:"★";position:absolute;inset:0;display:grid;place-items:center;color:#00853f;font-size:7px;line-height:1}
.flag-bf{background:linear-gradient(#ef2b2d 0 50%,#009e49 50%)}
.flag-bf::after{content:"★";position:absolute;inset:0;display:grid;place-items:center;color:#fcd116;font-size:7px;line-height:1}
.flag-ne{background:linear-gradient(#e05206 0 33.33%,#fff 33.33% 66.66%,#0db02b 66.66%)}
.flag-ne::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#e05206;left:50%;top:50%;transform:translate(-50%,-50%)}
.nav-login{opacity:.95}
.nav-cta{
    padding:11px 17px !important;
    border-radius:9px !important;
    background:#1769e0;
    color:white !important;
}
.nav-cta:hover{background:#0f5dcc;color:white !important}

.mobile-nav-toggle{display:none}
.header-actions{display:flex;align-items:center;gap:12px}

/* Footer */
.site-footer{background:#0d2238;color:#dce7f2;padding:30px 0}
.site-footer-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    flex-wrap:wrap;
}
.site-footer-links{display:flex;gap:18px;flex-wrap:wrap}
.site-footer a:hover{color:#fff}

/* Sidebar details */
.sidebar-dropdown{position:relative;width:100%;margin:6px 0}
.sidebar-dropdown>summary{
    list-style:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 14px;
    border-radius:8px;
    color:#dce7f2;
}
.sidebar-dropdown>summary::-webkit-details-marker{display:none}
.sidebar-dropdown>summary:hover{background:#17314c;color:#fff}
.sidebar-dropdown[open]>summary{background:#17314c;color:#fff}
.sidebar-submenu{padding:4px 0 8px 10px}
.sidebar-submenu a{
    display:block;
    padding:9px 12px;
    margin:2px 0;
    border-radius:7px;
    color:#cbd8e6;
    font-size:14px;
}
.sidebar-submenu a:hover{background:#1769e0;color:#fff}

@media(max-width:1050px){
    .main-nav{gap:14px}
    .main-nav>a,.nav-dropdown>summary{font-size:13px}
}
@media(max-width:850px){
    .topbar .inner{padding:14px 0;align-items:flex-start}
    .main-nav{
        display:flex;
        flex-wrap:wrap;
        justify-content:flex-end;
        gap:10px 16px;
        white-space:normal;
    }
    .main-nav .nav-cta{padding:9px 12px !important}
    .nav-dropdown-menu{right:0}
}
@media(max-width:620px){
    .topbar .inner{display:block}
    .brand{display:block;margin-bottom:14px}
    .main-nav{justify-content:flex-start}
    .nav-dropdown-menu{left:0;right:auto}
}


/* ===== STEADAX V9 - MODERN HOME + FCFA CALCULATOR ===== */
.hero-modern{
  background:
    radial-gradient(circle at 78% 20%,rgba(23,105,224,.20),transparent 30%),
    linear-gradient(135deg,#07192c 0%,#0b2a50 56%,#06182b 100%);
  color:#fff;
  padding:88px 0 82px;
}
.hero-modern .hero-grid{grid-template-columns:1.08fr .92fr;gap:70px}
.hero-modern h1{color:#fff;font-size:58px;line-height:1.04;margin-bottom:22px}
.hero-modern p{color:#c9d6e5;max-width:680px}
.usdt-text{color:#22b786!important}
.btc-text{color:#f5a018!important}
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;
  background:rgba(23,105,224,.18);border:1px solid rgba(105,165,255,.25);
  color:#b4d3ff;font-size:14px;font-weight:700;margin-bottom:20px
}
.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.hero-modern .btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.hero-modern .btn-outline:hover{background:rgba(255,255,255,.08)}
.hero-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;color:#cbd8e7;font-size:14px}
.exchange-calculator{
  background:#fff;color:#142033;border-radius:20px;padding:28px;
  box-shadow:0 30px 70px rgba(0,0,0,.28)
}
.calculator-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:20px;border-bottom:1px solid #e7ecf2}
.calculator-label{font-size:13px;font-weight:700;color:#64748b;margin-bottom:7px}
.calculator-rate{font-size:16px;color:#26374b}
.calculator-rate strong{color:#1769e0;font-size:19px}
.secure-lock{position:relative;width:18px;height:15px;border-radius:3px;background:#f5b51b;box-shadow:inset 0 -2px 0 rgba(160,103,0,.22);flex:0 0 auto;margin-right:1px}
.secure-lock::before{content:"";position:absolute;left:4px;top:-9px;width:10px;height:10px;border:3px solid #d8e1ea;border-bottom:0;border-radius:8px 8px 0 0}
.hero-badge{display:inline-flex;align-items:center;gap:9px}
.crypto-picker{position:relative;margin-left:auto;min-width:126px;color:#142033}
.crypto-picker>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;border:1px solid #d6dee8;background:#f8fafc;border-radius:10px;padding:9px 38px 9px 11px;font-weight:800;position:relative}
.crypto-picker>summary::-webkit-details-marker{display:none}
.crypto-picker>summary::after{content:"";position:absolute;right:14px;top:50%;width:6px;height:6px;border-right:2px solid #64748b;border-bottom:2px solid #64748b;transform:translateY(-70%) rotate(45deg)}
.crypto-picker[open]>summary::after{transform:translateY(-20%) rotate(225deg)}
.crypto-picker-menu{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:50;padding:5px;background:#fff;border:1px solid #d6dee8;border-radius:10px;box-shadow:0 14px 30px rgba(15,23,42,.16)}
.crypto-picker-menu button{display:flex;align-items:center;gap:9px;width:100%;border:0;border-radius:7px;background:#fff;padding:8px 7px;color:#142033;font:inherit;font-weight:800;text-align:left;cursor:pointer}
.crypto-picker-menu button:hover,.crypto-picker-menu button:focus{background:#eef5ff;outline:0}
.crypto-picker-menu button[hidden]{display:none}
.crypto-icon{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#fff;font-size:16px;font-weight:900;line-height:1;flex:0 0 auto}
.crypto-icon-usdt{background:#26a17b}.crypto-icon-btc{background:#f7931a}
.calc-field{margin-top:22px}.calc-field label{font-size:14px}
.input-with-unit{display:flex;align-items:center;border:1px solid #ccd6e0;border-radius:12px;overflow:hidden;background:#fff}
.input-with-unit input{border:0;outline:0;flex:1;padding:16px;font-size:25px;font-weight:800;min-width:0}
.input-with-unit span{padding:0 15px;color:#64748b;font-weight:700}
.conversion-arrow{text-align:center;color:#1769e0;font-size:25px;font-weight:900;margin:10px 0}
.calc-result{background:#f3f8ff;border:1px solid #dbe9fb;border-radius:13px;padding:17px}
.crypto-result{display:flex;justify-content:space-between;gap:15px;align-items:baseline;font-size:28px;font-weight:900;color:#0b9b53}
.calculator-cta{display:block;text-align:center;width:100%;margin-top:18px;padding:15px 18px}
.field-help{font-size:13px;color:#64748b;margin-top:7px;line-height:1.45}
@media(max-width:850px){
  .container{width:calc(100% - 32px);max-width:none}
  .hero-modern{padding:52px 0 58px}
  .hero-modern .hero-grid{grid-template-columns:1fr}
  .hero-modern .hero-grid,.hero-copy,.exchange-calculator{min-width:0;max-width:100%}
  .hero-modern h1{font-size:44px}
  .exchange-calculator{width:100%}
}

@media(max-width:560px){
  .topbar .inner{display:flex;align-items:center;min-height:68px;padding:12px 0}
  .topbar .brand{margin:0;font-size:22px;white-space:nowrap}
  .main-nav{display:flex!important;margin-left:auto!important;align-items:center!important}
  .main-nav>a{display:none!important}
  .main-nav .nav-dropdown{display:inline-block!important}
  .main-nav .nav-dropdown>summary{display:flex!important;align-items:center!important;padding:10px 12px!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:10px!important}
  .nav-dropdown-menu{left:auto!important;right:0!important}
  .hero-modern{padding:42px 0 48px}
  .hero-modern .hero-grid{gap:32px}
  .hero-modern h1{font-size:38px;line-height:1.08;overflow-wrap:anywhere}
  .hero-modern p{font-size:16px;line-height:1.55}
  .hero-actions{display:grid;grid-template-columns:1fr;width:100%}
  .hero-actions .btn{width:100%;text-align:center}
  .hero-trust{display:grid;grid-template-columns:1fr;gap:10px;margin-top:24px}
  .exchange-calculator{padding:20px 16px;border-radius:16px}
  .calculator-head{flex-wrap:wrap;align-items:center;gap:12px}
  .calculator-rate{font-size:15px}
  .calculator-rate strong{font-size:18px}
  .crypto-picker{margin-left:auto}
  .input-with-unit{min-height:64px}
  .input-with-unit input{width:100%;font-size:30px;line-height:1.1;font-weight:900;padding:16px 12px}
  .input-with-unit span{padding:0 12px;white-space:nowrap;font-size:16px;font-weight:800}
  .crypto-result{font-size:24px;min-width:0}
  .stats{grid-template-columns:1fr}
}


/* ===== V10 - REVIEW BEFORE LAUNCH ===== */
.review-shell{max-width:1050px;margin:0 auto}
.review-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}
.review-kicker{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#1769e0;margin-bottom:7px}
.review-subtitle{color:#64748b;max-width:680px;line-height:1.55}
.review-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.review-main-card{padding:26px}
.review-rate-line{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px 16px;background:#f3f8ff;border:1px solid #dbe9fb;border-radius:11px}
.review-rate-line span{color:#64748b;font-size:14px;font-weight:700}.review-rate-line strong{color:#1769e0;font-size:18px}
.review-amount-box{text-align:center;padding:30px 20px}.review-label{font-size:13px;color:#64748b;font-weight:700;margin-bottom:7px}
.review-crypto-amount{font-size:34px;font-weight:900;color:#142033}.review-crypto-amount span{font-size:18px;color:#64748b}
.review-arrow{font-size:28px;color:#1769e0;margin:14px 0}.review-xof-amount{font-size:38px;font-weight:900;color:#0b9b53}
.review-wave{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid #e3e9f0;border-radius:12px;background:#fff}
.wave-logo-wrap{width:42px;height:42px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#48c7ec;flex:0 0 42px}
.wave-logo{width:30px;height:30px;object-fit:contain}.wave-mini{width:23px;height:23px;object-fit:contain;vertical-align:middle;border-radius:50%;margin-right:6px}
.review-confirm-btn{width:100%;font-size:16px;padding:15px 18px;margin-top:4px}.review-back{display:block;text-align:center;margin-top:15px;color:#1769e0;font-weight:700;font-size:14px}
.review-side-card h3{margin-bottom:8px}.review-row{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid #e8edf3}
.review-row span{color:#64748b}.review-row b{text-align:right}.review-row.important b{color:#0b9b53;font-size:18px}
@media(max-width:850px){.review-grid{grid-template-columns:1fr}.review-top{display:block}}

/* V11 FINAL */
.trade-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.trade-id{font-size:22px;font-weight:900}.trade-timer strong{color:#ef4444}.trade-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}.trade-summary span{display:block;color:#64748b;font-size:12px}.trade-summary b{font-size:16px}.green{color:#0b9b53}.trade-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.chat-title{display:flex;justify-content:space-between}.online-dot{color:#0b9b53}.chat-messages{height:420px;overflow:auto;background:#f7f9fc;border:1px solid #e4e9ef;border-radius:10px;padding:14px}.chat-message{max-width:76%;padding:11px 13px;border-radius:10px;margin:9px 0;background:#e8eef5}.chat-message.mine{margin-left:auto;background:#dcfce7}.chat-author{font-weight:800;font-size:12px}.chat-message small{display:block;text-align:right;color:#64748b}.chat-form{display:flex;gap:8px;margin-top:12px}.detail-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #e8edf3}.backend-layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh;background:#071829;color:#eaf3ff}.backend-sidebar{background:#061525;padding:20px 14px}.backend-brand{font-size:20px;font-weight:900;margin-bottom:24px}.backend-brand span{background:#1769e0;padding:3px 6px;border-radius:5px;font-size:11px}.backend-sidebar a{display:block;color:#d6e2ef;padding:10px 12px;border-radius:7px}.backend-sidebar a.active,.backend-sidebar a:hover{background:#1769e0}.backend-main{padding:22px}.backend-top{display:flex;justify-content:space-between}.backend-top span{color:#22c55e}.backend-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:16px 0}.backend-kpis>div,.backend-card{background:#0c2137;border:1px solid #173854;border-radius:10px;padding:16px}.backend-kpis span{display:block;color:#a9bdd0;font-size:11px}.backend-kpis b{font-size:25px}.backend-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px}.backend-card table{color:#eaf3ff}@media(max-width:900px){.trade-summary{grid-template-columns:1fr 1fr}.trade-columns,.backend-grid{grid-template-columns:1fr}.backend-kpis{grid-template-columns:1fr 1fr}}
.chat-upload{width:44px;min-width:44px;border:1px solid #ccd6e0;border-radius:9px;background:#f8fafc;display:grid;place-items:center;cursor:pointer;font-size:20px}.chat-upload:hover{background:#eef5ff;border-color:#1769e0}.chat-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.chat-image-link{display:block;margin-top:8px}.chat-image{display:block;max-width:100%;max-height:260px;border-radius:9px;border:1px solid rgba(15,23,42,.12);object-fit:contain;background:#fff}
.admin-tabs{display:flex;gap:10px;margin:-8px 0 20px}.admin-users-card{overflow-x:auto}.admin-users-card table{min-width:1180px}.admin-address{max-width:210px;overflow:hidden;text-overflow:ellipsis}.admin-user-form{display:grid;grid-template-columns:110px 135px minmax(260px,1fr) auto;gap:7px;align-items:center}.admin-user-form .input{min-width:0}@media(max-width:850px){.admin-user-form{grid-template-columns:1fr}.admin-tabs{margin-top:0}}