*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;font-family:Arial,Helvetica,sans-serif;background:#031c3a;color:#111}.welcome{min-height:100vh;width:100%;max-width:500px;margin:auto;padding:45px 28px 30px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#fff}.logo-area{width:100%;text-align:center;margin-top:15px}.logo{width:250px;max-width:80%;height:auto;display:block;margin:auto;object-fit:contain}.logo-area h1{margin-top:5px;font-size:45px;line-height:1;font-weight:800;letter-spacing:-2px}.logo-area h1 span{color:#25d94f}.logo-area h1 strong{color:#fff}.logo-area p{margin-top:15px;font-size:20px;font-weight:600}.buttons{width:100%;display:flex;flex-direction:column;gap:18px}.buttons button{width:100%;height:65px;border-radius:35px;font-size:18px;font-weight:800;cursor:pointer;transition:.2s ease}.btn-start{border:none;background:#20d34b;color:#fff;box-shadow:0 5px 20px rgba(32,211,75,.25)}.btn-start:hover{background:#25e954;transform:translateY(-2px)}.btn-login{background:transparent;color:#fff;border:2px solid #fff}.btn-login:hover{background:rgba(255,255,255,.08)}.security{display:flex;align-items:center;gap:9px;color:#dce4ef;font-size:15px;font-weight:600}.register,.login{display:none;min-height:100vh;width:100%;max-width:500px;margin:auto;background:#fff;padding:30px 24px}.register-header,.login-header{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:38px}.register-header h2,.login-header h2{font-size:26px;font-weight:700}.back-btn{position:absolute;left:0;top:-8px;width:45px!important;height:45px!important;padding:8px;border:none;background:transparent;cursor:pointer}.back-btn svg{width:30px;height:30px;fill:none;stroke:#111;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.form{width:100%;display:flex;flex-direction:column}.form label,.modal-form label{margin-top:18px;margin-bottom:10px;font-size:17px;font-weight:700}.form input,.modal-form input{width:100%;height:58px;padding:0 18px;border:1px solid #dedede;border-radius:14px;outline:none;background:#fafafa;color:#111;font-size:16px;transition:.2s}.form input:focus,.modal-form input:focus{border-color:#20d34b;background:#fff;box-shadow:0 0 0 3px rgba(32,211,75,.08)}.form input::placeholder,.modal-form input::placeholder{color:#777}.password-box{position:relative;width:100%}.password-box input{padding-right:60px}.eye{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:44px!important;height:44px!important;padding:9px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer}.eye svg,.mini-eye svg,.copy-btn svg{width:25px;height:25px;fill:none;stroke:#555;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.eye svg.active,.eye:hover svg{stroke:#20b943}.create-btn{width:100%;height:62px;margin-top:35px;border:none;border-radius:32px;background:#20d34b;color:#fff;font-size:17px;font-weight:800;cursor:pointer}.create-btn:hover{background:#19c743}.login-text{margin-top:30px;text-align:center;font-size:17px;color:#111}.login-text span{color:#20b943;font-weight:700;cursor:pointer}

/* DASHBOARD */
.dashboard{display:none;min-height:100vh;width:100%;max-width:500px;margin:auto;background:#f8faf9;padding-bottom:88px}.dash-top{background:#078a3b;padding:24px 22px 78px;display:flex;justify-content:space-between;align-items:flex-start;color:#fff;border-radius:0 0 28px 28px}.user-heading{display:flex;align-items:center;gap:13px}.avatar,.big-avatar{width:54px;height:54px;border-radius:50%;background:#fff;color:#078a3b;display:grid;place-items:center;font-size:24px;font-weight:800}.user-heading small{font-size:15px;opacity:.95}.user-heading h2{font-size:27px;margin-top:2px}.icon-btn{border:0;background:transparent;color:#fff;width:42px;height:42px;cursor:pointer}.icon-btn svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.balance-card{margin:-42px 22px 18px;background:#063d3b;color:#fff;border-radius:22px;padding:22px 20px 18px;box-shadow:0 10px 25px rgba(0,0,0,.13)}.balance-title{font-size:16px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.mini-eye,.copy-btn{border:0;background:transparent;color:#fff;cursor:pointer}.mini-eye svg{stroke:#fff}.balance-value{font-size:35px;font-weight:800;margin:16px 0 23px;letter-spacing:.2px}.account-row{border-top:1px solid rgba(255,255,255,.12);padding-top:17px;display:flex;align-items:center;justify-content:space-between}.account-row small{display:block;color:#b7d5d2;font-size:12px;margin-bottom:6px}.account-row strong{font-size:17px;letter-spacing:.7px}.copy-btn svg{stroke:#fff}.quick-grid{padding:0 14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-card{height:118px;border:0;border-radius:14px;background:#fff;box-shadow:0 3px 13px rgba(0,0,0,.06);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;font-size:16px;cursor:pointer}.quick-icon{font-size:35px;line-height:1;color:#08a64a;font-weight:700}.quick-icon.dark{color:#111}.section-head{padding:25px 20px 12px;display:flex;justify-content:space-between;align-items:center}.section-head h3{font-size:20px}.section-head button{border:0;background:transparent;color:#078a3b;font-weight:700;font-size:15px;cursor:pointer}.history-list{padding:0 14px}.history-item{background:#fff;border-radius:13px;padding:16px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 3px 12px rgba(0,0,0,.05)}.history-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eef8f1;color:#078a3b;font-size:23px}.history-main{flex:1;min-width:0}.history-main b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-main small,.history-amount small{display:block;margin-top:7px;color:#777;font-size:12px}.history-amount{text-align:right}.history-amount b{font-size:14px}.history-amount small{color:#08a64a;font-weight:700}.empty-history{background:#fff;border-radius:13px;padding:24px;text-align:center;color:#777;box-shadow:0 3px 12px rgba(0,0,0,.04)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:500px;height:76px;background:#fff;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 -5px 20px rgba(0,0,0,.08);z-index:20}.bottom-nav button{border:0;background:transparent;color:#111;font-size:12px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.bottom-nav button span{font-size:28px;line-height:22px;font-weight:400}.bottom-nav button.active{color:#08a64a}.modal{position:fixed;inset:0;background:rgba(0,0,0,.48);display:none;align-items:flex-end;justify-content:center;z-index:50}.modal.show{display:flex}.modal-box{width:100%;max-width:500px;max-height:88vh;overflow:auto;background:#fff;border-radius:25px 25px 0 0;padding:24px 20px 30px;position:relative}.modal-box h3{font-size:23px;margin-bottom:10px}.modal-close{position:absolute;right:15px;top:10px;width:38px;height:38px;border:0;background:#f1f3f2;border-radius:50%;font-size:26px;cursor:pointer}.full-history{padding:15px 2px;border-bottom:1px solid #eee;display:grid;gap:5px}.full-history span{font-size:12px;color:#777}.full-history strong{color:#078a3b;font-size:14px}.info-card,.support,.profile-card{padding:16px;background:#f5f8f6;border-radius:15px;margin-top:10px}.info-card strong{display:block;font-size:26px;margin:10px 0}.info-card small{color:#666}.profile-card{text-align:center}.profile-card .big-avatar{margin:0 auto 10px}.profile-card p{margin:8px 0;color:#555}.logout-btn{width:100%;height:50px;margin-top:15px;border:0;border-radius:25px;background:#078a3b;color:#fff;font-weight:800}.modal-form .create-btn{margin-top:25px}.support p{margin:12px 0;color:#444}
@media(max-width:400px){.welcome{padding:35px 20px 25px}.logo{width:210px}.logo-area h1{font-size:38px}.logo-area p{font-size:17px}.buttons button{height:60px}.security{font-size:13px}.register,.login{padding:25px 20px}.register-header h2,.login-header h2{font-size:23px}.balance-value{font-size:31px}.quick-card{height:110px;font-size:14px}}


/* --- POLISH / APP NAVIGATION --- */
body{overflow-x:hidden}
.register,.login{background:linear-gradient(180deg,#f7fbf8 0%,#fff 34%);padding-top:24px}
.register-header,.login-header{height:58px;margin-bottom:24px}
.register-header h2,.login-header h2{font-size:27px;letter-spacing:-.4px}
.back-btn{border-radius:14px!important;background:#fff!important;box-shadow:0 5px 18px rgba(0,0,0,.07);left:0!important;top:0!important}
.form label{color:#183126;font-size:15px;margin-top:17px}
.form input,.modal-form input{height:60px;border:1.5px solid #e2e9e4;border-radius:16px;background:#fff;box-shadow:0 4px 16px rgba(9,54,31,.035)}
.form input:focus,.modal-form input:focus{border-color:#13b84a;box-shadow:0 0 0 4px rgba(19,184,74,.09)}
.create-btn{height:58px;margin-top:28px;border-radius:17px;box-shadow:0 9px 20px rgba(32,211,75,.18);letter-spacing:.2px}
.login-text{font-size:15px;color:#66736c}
.login-text span{font-weight:800}
.dashboard{background:linear-gradient(#078a3b 0 190px,#f8faf9 190px)}
.dash-top{padding-top:25px}
.balance-card{border:1px solid rgba(255,255,255,.05)}
.quick-card{border:1px solid #edf1ee;transition:transform .18s ease,box-shadow .18s ease}
.quick-card:active{transform:scale(.98)}
.quick-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08)}
.modal{backdrop-filter:blur(4px)}
.modal-box{animation:sheetIn .22s ease-out;box-shadow:0 -12px 35px rgba(0,0,0,.16)}
.modal-intro{color:#66736c;font-size:14px;margin:0 0 10px}
.amount-input{position:relative}
.amount-input span{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-weight:800;color:#078a3b;z-index:1;font-size:13px}
.amount-input input{padding-left:58px}
.rate-row{display:flex;justify-content:space-between;align-items:center;font-size:18px}
.rate-row strong{font-size:25px;color:#078a3b}
.profile-ref{background:#eaf7ee;border-radius:12px;padding:12px;margin-top:14px;font-weight:800;color:#087c3a}
.logout-btn{cursor:pointer;box-shadow:0 8px 18px rgba(7,138,59,.18)}
.empty-history{display:flex;flex-direction:column;align-items:center;gap:7px}
.empty-history span{font-size:34px;color:#08a64a}
.empty-history b{font-size:15px;color:#26342c}
.empty-history small{font-size:12px;color:#7b8580}
.toast{position:fixed;z-index:100;left:50%;top:18px;transform:translate(-50%,-130%);width:min(92%,460px);padding:14px 17px;border-radius:14px;background:#17221c;color:#fff;font-size:14px;font-weight:700;text-align:center;box-shadow:0 10px 28px rgba(0,0,0,.18);opacity:0;transition:.25s ease;pointer-events:none}
.toast.show{transform:translate(-50%,0);opacity:1}
.toast.success{background:#078a3b}
button:disabled{opacity:.65;cursor:wait}
@keyframes sheetIn{from{transform:translateY(18px);opacity:.7}to{transform:translateY(0);opacity:1}}
@media(max-width:500px){
  .dashboard{min-height:100dvh}
  .register,.login{min-height:100dvh}
}


/* --- TAUX TRANSFÈ --- */
.rates-sheet{padding-top:2px}.rates-subtitle{text-align:center;color:#777;font-size:18px;margin:0 0 30px}.rates-table{border:1px solid #f0f1f0;border-radius:8px;overflow:hidden;background:#fff}.rates-head,.rates-row{display:grid;grid-template-columns:1fr 1fr;align-items:center}.rates-head{min-height:64px;background:#fafafa;font-size:15px;font-weight:800;color:#222;border-bottom:1px solid #ededed}.rates-head span,.rates-row span,.rates-row strong{padding:0 16px}.rates-head span:last-child,.rates-row strong{text-align:center}.rates-row{min-height:82px;font-size:15px;border-bottom:1px solid #ededed}.rates-row:last-child{border-bottom:0}.rates-row strong{font-size:16px;font-weight:800;color:#222}.rates-note{margin:34px 0 4px;padding:17px 16px;display:flex;align-items:flex-start;gap:14px;background:#fafafa;border:1px solid #f0f1f0;border-radius:12px;color:#333;font-size:14px;font-weight:700;line-height:1.45}.rates-note-icon{flex:0 0 24px;width:24px;height:24px;border:2px solid #222;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:15px;font-weight:800}
@media(max-width:400px){.rates-subtitle{margin-bottom:24px}.rates-head{min-height:58px;font-size:13px}.rates-row{min-height:72px;font-size:14px}.rates-row strong{font-size:15px}.rates-head span,.rates-row span,.rates-row strong{padding:0 11px}.rates-note{margin-top:26px;font-size:13px}}


/* --- PROFIL PAGE --- */
.profile-page{
  display:none;
  min-height:100vh;
  width:100%;
  max-width:500px;
  margin:auto;
  background:#fff;
  padding:26px 0 94px;
  position:relative;
}
.profile-page-header{
  height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  padding:0 20px;
}
.profile-page-header h2{font-size:27px;font-weight:800;letter-spacing:-.5px}
.profile-back{
  position:absolute;
  left:18px;
  top:4px;
  width:44px;
  height:44px;
  border:0;
  background:#fff;
  border-radius:14px;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.profile-back svg{width:30px;height:30px;fill:none;stroke:#111;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.profile-user-card{
  margin:25px 0 0;
  padding:24px 28px 25px;
  display:flex;
  align-items:center;
  gap:17px;
  border-bottom:1px solid #eef1ef;
  cursor:pointer;
}
.profile-avatar{
  width:70px;height:70px;border-radius:50%;
  background:#08ad46;color:#fff;
  display:grid;place-items:center;
  font-size:30px;font-weight:800;
  flex:0 0 70px;
}
.profile-user-main{flex:1;min-width:0}
.profile-user-main strong{display:block;font-size:24px;color:#111;margin-bottom:8px}
.profile-user-main span{display:block;font-size:17px;color:#444;letter-spacing:.4px}
.profile-chevron,.profile-menu button>b,.profile-logout>b{
  font-size:32px;font-weight:300;line-height:1;color:#222;
}
.profile-menu{
  padding:9px 0 0;
}
.profile-menu button{
  width:100%;
  min-height:68px;
  padding:0 28px;
  border:0;
  border-bottom:1px solid #f0f2f1;
  background:#fff;
  display:flex;
  align-items:center;
  gap:20px;
  text-align:left;
  cursor:pointer;
  color:#111;
}
.profile-menu button:active{background:#f7faf8}
.profile-menu .menu-icon{
  width:27px;
  flex:0 0 27px;
  text-align:center;
  font-size:25px;
  color:#555;
}
.profile-menu button span:nth-child(2){
  flex:1;
  font-size:16px;
  font-weight:700;
}
.profile-menu button em{
  font-style:normal;
  color:#555;
  font-size:15px;
  margin-right:5px;
}
.profile-logout-area{
  margin-top:15px;
  border-top:1px solid #edf0ee;
  border-bottom:1px solid #edf0ee;
}
.profile-logout{
  width:100%;
  height:76px;
  padding:0 28px;
  border:0;
  background:#fff;
  display:flex;
  align-items:center;
  gap:18px;
  color:#d77b7b;
  cursor:pointer;
  font-size:16px;
  font-weight:700;
}
.profile-logout span:first-child{font-size:27px}
.profile-logout span:nth-child(2){flex:1;text-align:left}
.profile-logout b{color:#333}
.profile-bottom-nav{display:grid}

/* Profile modal content */
.reference-box{
  background:#f5faf6;
  border:1px solid #e4eee7;
  border-radius:17px;
  padding:22px 18px;
  text-align:center;
}
.reference-label{font-size:13px;color:#66736c;margin-bottom:9px}
.reference-box strong{display:block;font-size:27px;letter-spacing:1px;color:#078a3b}
.reference-box small{display:block;margin-top:12px;color:#68736d;line-height:1.45}
.reference-box .create-btn{margin-top:20px}
.language-options{display:grid;gap:10px;margin-top:8px}
.language-options button{
  min-height:60px;
  padding:0 17px;
  border:1px solid #e4e9e5;
  border-radius:15px;
  background:#fff;
  display:flex;
  align-items:center;
  gap:13px;
  cursor:pointer;
  font-size:16px;
  font-weight:700;
  text-align:left;
}
.language-options button span{font-size:23px}
.language-options button b{margin-left:auto;font-size:25px;font-weight:400;color:#777}
.language-options button.selected{
  border-color:#13b84a;
  background:#f2fbf5;
  color:#078a3b;
}
@media(max-width:400px){
  .profile-user-card{padding-left:20px;padding-right:20px}
  .profile-menu button,.profile-logout{padding-left:20px;padding-right:20px}
  .profile-user-main strong{font-size:21px}
  .profile-user-main span{font-size:15px}
}


/* Bouton Dashboard Admin */
.admin-access-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  text-decoration:none;
  background:#0b8f55;
  color:#fff !important;
  padding:10px 14px;
  border-radius:11px;
  font-weight:800;
  font-size:13px;
  box-shadow:0 6px 18px rgba(11,143,85,.18);
  transition:.2s ease;
}
.admin-access-btn:hover{
  background:#087545;
  transform:translateY(-1px);
}
@media(max-width:700px){
  .admin-access-btn{
    padding:9px 11px;
    font-size:12px;
  }
}


/* Transfè: afich siksè 5 segonn */
#transferSuccessOverlay{
  position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;
  background:rgba(10,30,22,.58);backdrop-filter:blur(5px);padding:20px;
}
.transfer-success-card{
  width:min(420px,100%);background:#fff;border-radius:24px;padding:32px 24px;text-align:center;
  box-shadow:0 24px 70px rgba(0,0,0,.25);animation:lcSuccessIn .25s ease-out;
}
.transfer-success-icon{
  width:72px;height:72px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;
  background:#e7f7ee;color:#16834b;font-size:42px;font-weight:800;
}
.transfer-success-card h2{margin:0 0 8px;font-size:25px}
.transfer-success-card p{margin:0 0 8px;color:#66736d}
.transfer-success-card strong{display:block;color:#a36b00;font-size:14px}
.transfer-success-ref{margin:16px 0;padding:10px;border-radius:10px;background:#f4f7f5;font-size:12px;font-weight:700}
.transfer-success-card small{color:#78857f}
@keyframes lcSuccessIn{from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}


/* ================= TRANSFÈ FULL SCREEN ================= */
.modal.transfer-fullscreen{
  align-items:stretch;
  background:rgba(5,18,12,.72);
  backdrop-filter:blur(8px);
  padding:0;
}
.modal.transfer-fullscreen .modal-box{
  width:100%;
  max-width:none;
  max-height:none;
  min-height:100vh;
  height:100vh;
  overflow-y:auto;
  border-radius:0;
  padding:0;
  animation:transferPageIn .24s ease-out;
  background:#f7faf8;
}
.modal.transfer-fullscreen .modal-close{
  z-index:5;
  top:18px;
  right:18px;
  width:44px;
  height:44px;
  background:rgba(255,255,255,.92);
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  color:#183126;
}
.modal.transfer-fullscreen #modalContent{min-height:100vh}

.transfer-full{
  width:min(760px,100%);
  min-height:100vh;
  margin:auto;
  padding:28px 22px 42px;
}
.transfer-hero{
  display:flex;
  align-items:center;
  gap:16px;
  padding:20px 52px 22px 0;
}
.transfer-hero-icon{
  width:58px;height:58px;border-radius:18px;
  display:grid;place-items:center;flex:0 0 auto;
  background:#078a3b;color:#fff;font-size:29px;font-weight:800;
  box-shadow:0 12px 26px rgba(7,138,59,.2);
}
.transfer-kicker{
  display:block;text-transform:uppercase;letter-spacing:1.4px;
  color:#078a3b;font-size:11px;font-weight:900;margin-bottom:4px;
}
.transfer-hero h2{margin:0;font-size:27px;letter-spacing:-.6px;color:#12271d}
.transfer-hero p{margin:7px 0 0;color:#6a7972;font-size:14px;line-height:1.5}

.transfer-methods{display:grid;gap:12px;margin:8px 0 18px}
.transfer-method-card{
  width:100%;display:flex;align-items:center;gap:13px;text-align:left;
  border:1.5px solid #e2e9e4;background:#fff;border-radius:18px;
  padding:14px 15px;cursor:pointer;position:relative;
  box-shadow:0 5px 18px rgba(11,61,35,.045);transition:.18s;
}
.transfer-method-card:hover{transform:translateY(-1px);box-shadow:0 9px 24px rgba(11,61,35,.08)}
.transfer-method-card.selected{border-color:#078a3b;background:#f1fbf5;box-shadow:0 0 0 3px rgba(7,138,59,.08)}
.wallet-logo{
  width:55px;height:55px;border-radius:50%;display:grid;place-items:center;
  overflow:hidden;background:#fff;flex:0 0 auto;border:1px solid #eef2ef;
  box-shadow:0 4px 12px rgba(0,0,0,.08);
}
.wallet-logo img{width:100%;height:100%;display:block;object-fit:cover}
.moncash-logo{background:#e31818}
.natcash-logo{background:#16a34a}
.transfer-method-card span:nth-child(2){display:grid;gap:4px;flex:1;min-width:0}
.transfer-method-card b{font-size:15px;color:#142a20}
.transfer-method-card small{font-size:12px;color:#718079}
.method-check{
  width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  border:1px solid #d9e3dd;color:transparent;font-size:14px;font-weight:900;
}
.transfer-method-card.selected .method-check{background:#078a3b;border-color:#078a3b;color:#fff}

.transfer-instructions{
  display:flex;align-items:center;gap:12px;background:#073f3c;color:#fff;
  border-radius:18px;padding:16px;margin:0 0 18px;box-shadow:0 12px 25px rgba(4,61,56,.16);
}
.instruction-icon{
  width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.14);
  display:grid;place-items:center;font-weight:900;flex:0 0 auto;
}
.transfer-instructions>div:nth-child(2){flex:1;display:grid;gap:4px;min-width:0}
.transfer-instructions b{font-size:12px;opacity:.75}
.transfer-instructions small{font-size:17px;font-weight:850;letter-spacing:.2px;overflow-wrap:anywhere}
.copy-transfer-btn{
  border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);
  color:#fff;border-radius:10px;padding:9px 11px;font-size:12px;font-weight:800;
}

.transfer-form{display:grid;gap:4px}
.transfer-field{display:grid;gap:7px}
.transfer-field label{margin-top:12px!important;margin-bottom:0!important;font-size:14px!important;font-weight:850!important}
.transfer-form input[type="number"],.transfer-form input[type="tel"]{
  height:58px!important;background:#fff!important;border-radius:15px!important;
}
.proof-input{position:absolute;left:-9999px;opacity:0;width:1px!important;height:1px!important}
.proof-upload{
  min-height:82px;padding:13px;border:1.5px dashed #b8cfc2;border-radius:16px;
  background:#fff;display:flex!important;align-items:center;gap:11px;cursor:pointer;
  margin:0!important;
}
.proof-upload-icon{
  width:44px;height:44px;border-radius:13px;background:#eaf7ef;color:#078a3b;
  display:grid;place-items:center;font-size:23px;font-weight:900;flex:0 0 auto;
}
.proof-upload span:nth-child(2){display:grid;gap:3px;flex:1;min-width:0}
.proof-upload span:nth-child(2) b{font-size:13px;color:#183126}
.proof-upload span:nth-child(2) small{font-size:11px;color:#7a8881}
.proof-upload-name{
  max-width:120px;font-size:11px;color:#078a3b;font-weight:800;text-align:right;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.transfer-security-note{
  display:flex;align-items:flex-start;gap:9px;padding:12px 0;color:#718079;font-size:12px;line-height:1.45;
}
.transfer-submit-btn{margin-top:10px!important;height:60px!important;border-radius:17px!important}

#transferSuccessOverlay{
  position:fixed;inset:0;z-index:100;background:rgba(4,19,12,.72);
  backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px;overflow:auto;
}
.transfer-success-card{
  width:min(470px,100%);background:#fff;border-radius:25px;padding:24px;
  text-align:left;box-shadow:0 30px 90px rgba(0,0,0,.3);animation:lcSuccessIn .25s ease-out;
}
.transfer-success-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.success-pill{
  background:#e8f8ee;color:#087545;border-radius:999px;padding:7px 10px;
  font-size:10px;font-weight:900;letter-spacing:.5px;
}
.transfer-success-card h2{margin:16px 0 5px;font-size:25px;color:#123126}
.success-processing{margin:0;color:#8a630d!important;font-size:14px!important}
.success-processing b{color:#a36b00}
.receipt-route{
  margin:18px 0;padding:13px;border:1px solid #e3ece6;border-radius:15px;
  background:#f7faf8;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;
}
.receipt-route div{display:grid;gap:3px}.receipt-route div:last-child{text-align:right}
.receipt-route small{font-size:10px;color:#77847e;text-transform:uppercase;font-weight:800}
.receipt-route b{font-size:15px;color:#15352a}
.receipt-route>span{font-size:20px;color:#078a3b;font-weight:900}
.receipt-details{border-top:1px solid #edf1ee}
.receipt-details>div{
  display:flex;justify-content:space-between;gap:15px;padding:10px 0;
  border-bottom:1px solid #edf1ee;font-size:12px;
}
.receipt-details span{color:#77847e}.receipt-details b{text-align:right;color:#183126;overflow-wrap:anywhere}
.receipt-pending{color:#a36b00!important}
.receipt-proof{padding-top:14px}
.receipt-proof>small{display:block;color:#77847e;font-size:11px;font-weight:800;margin-bottom:7px}
.receipt-proof img{
  display:block;width:100%;max-height:180px;object-fit:cover;border-radius:14px;
  background:#f4f7f5;border:1px solid #e4ebe7;
}
.success-footer{
  display:flex;gap:10px;align-items:flex-start;margin-top:15px;padding:12px;
  background:#f1fbf5;border-radius:14px;color:#12613f;
}
.success-footer>span{font-weight:900}.success-footer div{display:grid;gap:3px}.success-footer b{font-size:12px}.success-footer small{font-size:11px;color:#547366;line-height:1.4}

@keyframes transferPageIn{from{opacity:.5;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:600px){
  .transfer-full{padding:20px 15px 34px}
  .transfer-hero{padding-right:48px}
  .transfer-hero h2{font-size:23px}
  .transfer-hero-icon{width:52px;height:52px;font-size:25px}
  .transfer-method-card{padding:12px}
  .wallet-logo{width:49px;height:49px;font-size:12px}
  .transfer-method-card b{font-size:13px}
  .transfer-method-card small{font-size:11px}
  .transfer-instructions small{font-size:15px}
  .transfer-success-card{padding:20px}
}

/* LibertéCash support chat — full-screen, WhatsApp-style */
.modal.support-chat{align-items:stretch;padding:0;background:#eaf0ec}.modal.support-chat .modal-box{max-width:500px;height:100vh;max-height:100vh;min-height:100vh;border-radius:0;padding:0;overflow:hidden;background:#eef5f1}.modal.support-chat .modal-close{display:none}.modal.support-chat #modalContent{height:100%;min-height:100%}.lc-chat-page{height:100%;display:flex;flex-direction:column;background:#eef5f1}.lc-chat-head{height:68px;flex:0 0 68px;display:flex;align-items:center;gap:10px;padding:8px 12px;background:#078a3b;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.12)}.lc-chat-back{width:40px;height:40px;border:0;background:transparent;color:#fff;font-size:35px;line-height:1;cursor:pointer}.lc-chat-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#078a3b;font-weight:900}.lc-chat-title{display:flex;flex-direction:column;gap:3px}.lc-chat-title span{font-size:11px;opacity:.9}.lc-chat-messages{flex:1;overflow-y:auto;padding:16px 12px;background:#edf4f0}.lc-chat-line{display:flex;margin:7px 0}.lc-chat-line.mine{justify-content:flex-end}.lc-chat-line.theirs{justify-content:flex-start}.lc-chat-bubble{max-width:80%;padding:10px 13px;border-radius:16px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.06);font-size:14px;line-height:1.4}.lc-chat-line.mine .lc-chat-bubble{background:#d8f6e3;border-bottom-right-radius:5px}.lc-chat-line.theirs .lc-chat-bubble{border-bottom-left-radius:5px}.lc-chat-bubble small{display:block;text-align:right;margin-top:4px;font-size:9px;opacity:.5}.lc-chat-send{display:flex;gap:8px;padding:10px;background:#fff;border-top:1px solid #dde7e1}.lc-chat-send input{flex:1;min-width:0;height:46px;border:1px solid #d8e3dc;border-radius:24px;padding:0 16px;outline:none;background:#f7faf8}.lc-chat-send input:focus{border-color:#078a3b;background:#fff}.lc-chat-send button{width:46px;height:46px;border:0;border-radius:50%;background:#078a3b;color:#fff;font-size:22px;font-weight:900;cursor:pointer}.lc-chat-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#64746c;text-align:center}.lc-chat-empty b{color:#183027;font-size:18px}.lc-chat-empty span{font-size:13px}

.terms-view{background:#fff;border-radius:16px;padding:20px;line-height:1.7;color:#23352d;white-space:normal;max-height:70vh;overflow:auto;font-size:14px}.terms-view:first-letter{font-weight:700}

/* =========================================================
   LibertéCash — Premium Fintech Redesign
   UI only: existing JavaScript functions and data flow stay intact.
   ========================================================= */
:root{
  --lc-ink:#071522;
  --lc-ink-2:#0d2233;
  --lc-teal:#13b981;
  --lc-teal-2:#0b8f69;
  --lc-mint:#e8fbf4;
  --lc-gold:#f2c46d;
  --lc-paper:#f7faf9;
  --lc-line:#e3ece8;
  --lc-muted:#6d7d78;
  --lc-shadow:0 20px 60px rgba(7,21,34,.12);
}
html{background:var(--lc-paper);scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--lc-paper);color:var(--lc-ink)}
button,input,textarea,select{font-family:inherit}

/* Landing */
.welcome{
  position:relative;overflow:hidden;max-width:none;min-height:100vh;
  padding:clamp(24px,5vw,54px) clamp(20px,6vw,90px) 28px;
  display:flex;align-items:center;justify-content:center;
  background:
    radial-gradient(circle at 12% 18%,rgba(19,185,129,.18),transparent 28%),
    radial-gradient(circle at 90% 80%,rgba(242,196,109,.10),transparent 24%),
    linear-gradient(145deg,#061522 0%,#092337 54%,#071722 100%);
}
.welcome:before,.welcome:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;pointer-events:none}
.welcome:before{width:520px;height:520px;right:-250px;top:-240px}
.welcome:after{width:380px;height:380px;left:-220px;bottom:-190px}
.welcome .logo-area,.welcome .buttons,.welcome .security,.welcome .landing-trust,.welcome .landing-features{position:relative;z-index:1}
.logo-area{max-width:700px;text-align:center;margin:0 auto 22px}
.logo{width:min(230px,52vw);filter:drop-shadow(0 14px 30px rgba(0,0,0,.25))}
.logo-area h1{font-size:clamp(42px,7vw,68px);letter-spacing:-3px;margin:6px 0 0}
.logo-area p{font-size:clamp(16px,2.2vw,21px);color:#cbd9e3;margin-top:14px;font-weight:500}
.logo-area h1 span{color:#38e5a4}.logo-area h1 strong{color:#fff}
.welcome .buttons{width:min(520px,100%);margin-top:18px;gap:12px}
.welcome .buttons button{height:58px;border-radius:16px;font-size:15px;letter-spacing:.4px}
.btn-start{background:linear-gradient(135deg,#16c98b,#0eaa76);box-shadow:0 14px 35px rgba(19,185,129,.25)}
.btn-login{border:1px solid rgba(255,255,255,.30);background:rgba(255,255,255,.06);backdrop-filter:blur(10px)}
.btn-login:hover{background:rgba(255,255,255,.12)}
.landing-trust{
  width:min(700px,100%);display:grid;grid-template-columns:repeat(3,1fr);
  gap:10px;margin:22px auto 12px
}
.landing-trust>div{
  display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);border-radius:15px;color:#fff;text-align:left
}
.landing-trust b,.landing-trust small{display:block}.landing-trust small{color:#9eb0bc;font-size:11px;margin-top:2px}
.trust-dot{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:rgba(19,185,129,.16);color:#48e5ae;font-weight:900;flex:0 0 auto}
.landing-features{width:min(700px,100%);display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:10px auto}
.landing-features article{
  padding:17px;border-radius:18px;border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.045);text-align:left;color:#fff;box-shadow:0 15px 35px rgba(0,0,0,.08)
}
.landing-features b,.landing-features small{display:block}.landing-features small{color:#9eb0bc;line-height:1.45;margin-top:7px;font-size:11px}
.feature-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:rgba(19,185,129,.14);color:#42dfaa;font-size:19px;margin-bottom:10px}
.security{color:#91a5b2;font-size:12px}

/* Auth screens */
.register,.login{
  max-width:560px;background:linear-gradient(180deg,#f7faf9,#fff);
  padding:clamp(22px,5vw,42px);border-left:1px solid #edf2ef;border-right:1px solid #edf2ef
}
.register-header,.login-header{margin-bottom:28px}
.register-header h2,.login-header h2{font-size:28px;letter-spacing:-.7px}
.back-btn{border-radius:13px!important;background:#eef5f2!important}
.form label{color:#31423d;font-size:13px;font-weight:750;margin-top:15px}
.form input{
  border:1px solid #dce8e3!important;background:#fff;border-radius:14px!important;
  min-height:50px;padding:13px 15px!important;transition:.2s;box-shadow:0 4px 15px rgba(7,21,34,.03)
}
.form input:focus{border-color:#16b980!important;box-shadow:0 0 0 4px rgba(19,185,129,.10)!important}
.create-btn{border-radius:14px!important;background:linear-gradient(135deg,#13b981,#0b966b)!important;box-shadow:0 12px 28px rgba(19,185,129,.20)}
.login-text span{color:#0b9b70!important}

/* User dashboard */
.dashboard{background:#f5f8f7!important;max-width:720px!important}
.dash-top{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--lc-line)!important;backdrop-filter:blur(14px)}
.user-heading small{color:var(--lc-muted)}
.user-heading h2{letter-spacing:-.4px}
.icon-btn{border:1px solid var(--lc-line)!important;background:#fff!important;border-radius:13px!important}
.balance-card{
  background:linear-gradient(145deg,#071a2a,#0c3042 70%,#0a765b)!important;
  border:1px solid rgba(255,255,255,.08);box-shadow:var(--lc-shadow)!important;border-radius:26px!important
}
.balance-title{color:#a8c0ca!important}.balance-value{font-size:36px!important;letter-spacing:-1.4px}
.account-row{border-top-color:rgba(255,255,255,.14)!important}
.quick-grid{gap:12px!important}
.quick-card{
  border:1px solid var(--lc-line)!important;background:#fff!important;border-radius:19px!important;
  box-shadow:0 8px 25px rgba(7,21,34,.05)!important;min-height:108px!important
}
.quick-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(7,21,34,.09)!important}
.quick-icon{background:var(--lc-mint)!important;color:var(--lc-teal-2)!important;border-radius:13px!important}
.section-head h3{letter-spacing:-.3px}
.history-list{background:#fff;border:1px solid var(--lc-line);border-radius:19px;overflow:hidden;box-shadow:0 8px 25px rgba(7,21,34,.04)}
.bottom-nav{background:rgba(255,255,255,.96)!important;border-top:1px solid var(--lc-line)!important;backdrop-filter:blur(14px)}
.bottom-nav button{color:#7a8985!important}.bottom-nav button.active{color:#0b9b70!important}

/* Profile & modal */
.profile-page{background:#f5f8f7!important;max-width:720px!important}
.profile-page-header{background:#fff!important;border-bottom:1px solid var(--lc-line)!important}
.profile-user-card,.profile-menu,.profile-logout-area{border-radius:20px!important;box-shadow:0 8px 25px rgba(7,21,34,.05)!important}
.profile-user-card{border:1px solid var(--lc-line)!important;background:#fff!important}
.profile-menu{overflow:hidden;border:1px solid var(--lc-line)!important}
.profile-menu button{min-height:58px!important;background:#fff!important;border-bottom:1px solid #eef3f1!important}
.profile-menu button:hover{background:#f5fbf8!important}
.profile-logout{border:1px solid #f1dede!important;border-radius:16px!important}
.modal{backdrop-filter:blur(8px);background:rgba(4,15,24,.56)!important}
.modal-box{border:1px solid #e4eee9!important;border-radius:24px!important;box-shadow:0 30px 80px rgba(0,0,0,.25)!important}

/* Responsive landing */
@media(max-width:640px){
  .welcome{padding:24px 18px 22px}
  .logo-area{margin-bottom:8px}.logo{width:175px}
  .logo-area h1{font-size:44px}.logo-area p{font-size:15px;margin-top:10px}
  .landing-features{grid-template-columns:1fr;gap:8px}.landing-features article{padding:13px;display:grid;grid-template-columns:40px 1fr;column-gap:10px}
  .landing-features .feature-icon{grid-row:span 2;margin:0}
  .landing-features small{margin-top:3px}.landing-trust{gap:6px}.landing-trust>div{padding:9px 7px;gap:6px}.landing-trust small{display:none}.trust-dot{width:24px;height:24px}
  .welcome .buttons{margin-top:12px}
}
/* LibertéCash premium dashboard/support refresh */
.welcome-kicker{display:inline-flex!important;align-items:center;gap:6px;background:linear-gradient(135deg,#087f3a,#13a957);color:#fff!important;padding:7px 12px;border-radius:999px;font-weight:800;box-shadow:0 8px 20px rgba(8,127,58,.18)}
.quick-card{border:1px solid #e1ebe5!important;box-shadow:0 8px 24px rgba(16,45,30,.06)!important;transition:.2s ease!important}
.quick-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(16,45,30,.1)!important}
.quick-icon{display:grid!important;place-items:center}.quick-icon svg,.menu-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.support-big-icon{width:72px;height:72px;border-radius:22px;background:#e0f6e8;color:#078a3b;display:grid;place-items:center;margin:auto}.support-big-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.lc-chat-head{position:relative}.lc-chat-delete{margin-left:auto;width:38px;height:38px;border:0;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}.lc-chat-delete svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.lc-chat-meta{display:flex;align-items:center;justify-content:flex-end;gap:5px}.lc-msg-delete{border:0;background:transparent;color:#9a6b6b;font-size:15px;line-height:1;cursor:pointer;padding:0 2px}.lc-chat-send button{display:grid!important;place-items:center}.lc-chat-send button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}


/* Support conversation — Messenger-style composer */
.modal.support-chat .modal-box{box-shadow:none}
.lc-chat-head{background:#fff;color:#101513;border-bottom:1px solid #e5e9e7;box-shadow:none;height:64px;flex-basis:64px}
.lc-chat-back{color:#111;font-size:38px;width:38px}
.lc-chat-avatar{background:#e8f5ed;color:#078a3b;width:40px;height:40px}
.lc-chat-title b{font-size:15px}.lc-chat-title span{color:#66736e;font-size:11px}
.lc-chat-delete{color:#111}
.lc-chat-messages{background:#fff;padding:18px 14px 12px}
.lc-chat-bubble{max-width:82%;padding:9px 11px;border-radius:18px}
.lc-chat-line.mine .lc-chat-bubble{background:#dff5e7}
.lc-chat-text{white-space:pre-wrap;overflow-wrap:anywhere}
.lc-chat-image{display:block;max-width:240px;max-height:300px;width:auto;height:auto;border-radius:14px;cursor:pointer;margin:-1px -1px 5px}
.lc-chat-meta{min-height:13px}.lc-chat-meta small{font-size:9px;color:#6d7773}
.lc-msg-delete{font-size:16px;color:#7c8b85}
.lc-chat-send{position:relative;align-items:center;gap:6px;padding:8px 9px 9px;background:#fff;border-top:1px solid #e3e9e5}
.lc-chat-send input#supportInput{height:44px;border:0;border-radius:23px;background:#f1f4f2;padding:0 15px;font-size:16px;box-shadow:none}
.lc-chat-send input#supportInput:focus{border:0;background:#f1f4f2}
.lc-media-btn,.lc-send-btn{flex:0 0 42px;width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:transparent;color:#1475d1}
.lc-media-btn svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lc-emoji-btn{font-size:28px;font-weight:600;color:#1475d1;line-height:1}
.lc-send-btn{background:#078a3b;color:#fff;opacity:.42;transform:scale(.92);transition:.15s ease}
.lc-send-btn.ready{opacity:1;transform:scale(1)}
.lc-send-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lc-emoji-panel{display:none;position:absolute;left:8px;right:8px;bottom:66px;background:#fff;border:1px solid #e1e8e4;border-radius:18px;padding:10px;box-shadow:0 12px 35px rgba(0,0,0,.14);grid-template-columns:repeat(8,1fr);gap:3px;z-index:5}
.lc-emoji-panel.show{display:grid}
.lc-emoji-panel button{border:0;background:transparent;font-size:25px;padding:7px 2px;border-radius:10px;cursor:pointer}
.lc-emoji-panel button:active{background:#eef5f1}
.lc-photo-preview{position:absolute;left:10px;bottom:66px;background:#fff;padding:6px;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.15);z-index:6}
.lc-photo-preview img{width:74px;height:74px;object-fit:cover;border-radius:10px;display:block}
.lc-photo-preview button{position:absolute;right:-7px;top:-7px;width:24px;height:24px;border:0;border-radius:50%;background:#111;color:#fff;font-size:17px;cursor:pointer}
.lc-image-viewer{height:100%;background:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px}
.lc-image-viewer img{max-width:100%;max-height:78vh;object-fit:contain;border-radius:10px}
.lc-image-viewer button{border:0;border-radius:20px;padding:9px 16px;background:#fff;color:#111;font-weight:700;cursor:pointer}


/* =========================================================
   SUPPORT CHAT — Messenger-style responsive redesign
   ========================================================= */
.modal.support-chat{
  align-items:stretch;
  justify-content:center;
  background:rgba(7,21,34,.62);
  backdrop-filter:blur(7px);
  padding:0;
}
.modal.support-chat .modal-box{
  width:100%;
  max-width:860px;
  height:100dvh;
  max-height:100dvh;
  min-height:0;
  margin:0;
  padding:0;
  border-radius:0;
  overflow:hidden;
  background:#f0f2f5;
  box-shadow:0 0 50px rgba(0,0,0,.18);
}
.modal.support-chat #modalContent{
  height:100%;
  min-height:0;
}
.lc-chat-page{
  height:100%;
  min-height:0;
  display:flex;
  flex-direction:column;
  background:#f0f2f5;
  color:#1c1e21;
}
.lc-chat-head{
  height:70px;
  flex:0 0 70px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 14px;
  background:#fff;
  color:#1c1e21;
  border-bottom:1px solid #e4e6eb;
  box-shadow:0 1px 3px rgba(0,0,0,.08);
  z-index:3;
}
.lc-chat-back{
  width:42px;height:42px;border:0;background:transparent;
  color:#1877f2;font-size:34px;line-height:1;border-radius:50%;
  cursor:pointer;display:grid;place-items:center;
}
.lc-chat-back:hover{background:#f0f2f5}
.lc-chat-avatar{
  width:44px;height:44px;flex:0 0 44px;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#1877f2,#4c9aff);
  color:#fff;font-weight:900;font-size:14px;
  box-shadow:0 2px 8px rgba(24,119,242,.22);
}
.lc-chat-title{min-width:0;display:flex;flex-direction:column;gap:3px}
.lc-chat-title b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-chat-title span{font-size:12px;color:#65676b}
.lc-chat-delete{
  margin-left:auto;width:40px;height:40px;border:0;border-radius:50%;
  background:transparent;color:#65676b;display:grid;place-items:center;cursor:pointer
}
.lc-chat-delete:hover{background:#f0f2f5;color:#d93025}
.lc-chat-delete svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.lc-chat-messages{
  flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;
  padding:22px clamp(14px,4vw,34px) 18px;
  background:#f0f2f5;
  scroll-behavior:smooth;
}
.lc-chat-messages::-webkit-scrollbar{width:7px}
.lc-chat-messages::-webkit-scrollbar-thumb{background:#c9ccd1;border-radius:20px}
.lc-chat-line{display:flex;margin:3px 0;align-items:flex-end}
.lc-chat-line.mine{justify-content:flex-end}
.lc-chat-line.theirs{justify-content:flex-start}
.lc-chat-bubble{
  max-width:min(72%,560px);
  padding:10px 14px;
  border-radius:20px;
  background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.08);
  font-size:15px;
  line-height:1.45;
  word-break:break-word;
}
.lc-chat-line.mine .lc-chat-bubble{
  background:#1877f2;
  color:#fff;
  border-bottom-right-radius:6px;
}
.lc-chat-line.theirs .lc-chat-bubble{
  background:#fff;
  color:#1c1e21;
  border-bottom-left-radius:6px;
}
.lc-chat-text{white-space:pre-wrap}
.lc-chat-meta{
  display:flex;align-items:center;justify-content:flex-end;gap:5px;
  margin-top:4px;min-height:14px
}
.lc-chat-meta small{font-size:10px;opacity:.58}
.lc-chat-line.mine .lc-chat-meta small{color:rgba(255,255,255,.82)}
.lc-msg-delete{
  width:20px!important;height:20px!important;padding:0!important;border:0!important;
  background:transparent!important;color:inherit!important;opacity:.55;cursor:pointer;
  font-size:16px!important;box-shadow:none!important;
}
.lc-msg-delete:hover{opacity:1}
.lc-chat-image{
  display:block;max-width:100%;max-height:300px;width:auto;
  border-radius:14px;margin:-2px -3px 5px;object-fit:cover;cursor:pointer
}
.lc-chat-empty{
  height:100%;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:9px;color:#65676b;text-align:center;padding:30px
}
.lc-chat-empty b{color:#1c1e21;font-size:20px}
.lc-chat-empty span{font-size:14px}

.lc-chat-send{
  flex:0 0 auto;
  display:flex;align-items:flex-end;gap:8px;
  padding:11px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
  background:#fff;
  border-top:1px solid #e4e6eb;
  box-shadow:0 -3px 14px rgba(0,0,0,.05);
}
.lc-chat-send input{
  flex:1;min-width:0;height:50px;
  border:0!important;border-radius:25px!important;
  padding:0 18px!important;outline:none;
  background:#f0f2f5!important;color:#1c1e21;font-size:16px;
  box-shadow:none!important;
}
.lc-chat-send input:focus{background:#e4e6eb!important;border:0!important;box-shadow:none!important}
.lc-chat-send input::placeholder{color:#65676b}
.lc-chat-send button{
  width:50px;height:50px;flex:0 0 50px;border:0;border-radius:50%;
  background:#1877f2;color:#fff;font-size:22px;font-weight:900;cursor:pointer;
  display:grid;place-items:center;transition:.15s transform,.15s opacity
}
.lc-chat-send button:hover{transform:scale(1.04)}
.lc-chat-send button:active{transform:scale(.96)}
.lc-chat-send .lc-media-btn{
  background:transparent;color:#1877f2;font-size:24px;
}
.lc-chat-send .lc-media-btn:hover{background:#f0f2f5}
.lc-chat-send .lc-send-btn{opacity:.45}
.lc-chat-send .lc-send-btn.ready{opacity:1}
.lc-chat-send .lc-send-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lc-emoji-panel{
  display:none;position:absolute;left:12px;right:12px;bottom:80px;
  max-width:500px;margin:auto;padding:10px;
  grid-template-columns:repeat(8,1fr);gap:3px;background:#fff;
  border:1px solid #e4e6eb;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.16);
  z-index:8
}
.lc-emoji-panel.show{display:grid}
.lc-emoji-panel button{
  width:38px!important;height:38px!important;border:0!important;background:transparent!important;
  border-radius:10px!important;font-size:21px!important;box-shadow:none!important;color:inherit!important
}
.lc-emoji-panel button:hover{background:#f0f2f5!important}
.lc-photo-preview{
  position:absolute;left:18px;bottom:75px;background:#fff;border:1px solid #e4e6eb;
  border-radius:14px;padding:7px;box-shadow:0 8px 25px rgba(0,0,0,.15);z-index:7
}
.lc-photo-preview img{display:block;width:72px;height:72px;object-fit:cover;border-radius:9px}
.lc-photo-preview button{
  position:absolute;right:-9px;top:-9px;width:26px;height:26px;border:0;border-radius:50%;
  background:#1c1e21;color:#fff;font-size:17px;cursor:pointer
}
.lc-image-viewer{
  height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:14px;background:#111;padding:18px
}
.lc-image-viewer img{max-width:100%;max-height:78vh;object-fit:contain;border-radius:10px}
.lc-image-viewer button{border:0;border-radius:20px;padding:9px 16px;background:#fff;color:#111;cursor:pointer}

@media(max-width:600px){
  .modal.support-chat .modal-box{width:100vw;max-width:none}
  .lc-chat-head{height:64px;flex-basis:64px;padding:7px 9px}
  .lc-chat-avatar{width:40px;height:40px;flex-basis:40px}
  .lc-chat-messages{padding:18px 10px 16px}
  .lc-chat-bubble{max-width:84%;font-size:15px;padding:9px 13px}
  .lc-chat-send{gap:5px;padding:9px 7px max(9px,env(safe-area-inset-bottom))}
  .lc-chat-send input{height:48px;font-size:16px;padding:0 15px!important}
  .lc-chat-send button{width:48px;height:48px;flex-basis:48px}
  .lc-chat-send .lc-media-btn{width:42px;height:42px;flex-basis:42px}
  .lc-emoji-panel{left:7px;right:7px;bottom:75px;grid-template-columns:repeat(6,1fr)}
}
@media(min-width:601px){
  .modal.support-chat .modal-box{
    height:calc(100dvh - 28px);max-height:calc(100dvh - 28px);
    margin:14px 0;border-radius:22px;
  }
}

/* =========================================================
   LIBERTÉCASH — PREMIUM USER DASHBOARD
   Visual direction: modern sportsbook/fintech dashboard,
   dark navy + electric green + warm gold. No betting features.
   ========================================================= */
.dashboard{
  --navy:#07111f;
  --navy2:#0b1a2d;
  --green:#18d56b;
  --green2:#0db95a;
  --gold:#f4c95d;
  --muted:#8c9aad;
  --line:rgba(255,255,255,.08);
  --card:#101e2f;
  display:none;
  min-height:100vh;
  width:100%;
  max-width:1180px;
  margin:auto;
  background:#07111f;
  color:#f6f9fc;
  padding:0 0 96px;
  position:relative;
  overflow:hidden;
}
.dashboard:before{
  content:"";
  position:absolute;inset:0 0 auto 0;height:330px;
  background:
    radial-gradient(circle at 88% 15%,rgba(24,213,107,.18),transparent 28%),
    linear-gradient(180deg,#091827 0%,#07111f 100%);
  pointer-events:none;
}
.dash-top{
  position:relative;z-index:1;
  background:transparent;
  padding:25px 30px 24px;
  border-radius:0;
  border-bottom:1px solid var(--line);
  align-items:center;
}
.user-heading{gap:14px}
.avatar,.big-avatar{
  width:50px;height:50px;
  background:linear-gradient(135deg,#24df79,#07984a);
  color:#fff;
  border:2px solid rgba(255,255,255,.18);
  box-shadow:0 8px 22px rgba(0,0,0,.2);
}
.user-heading small{font-size:12px;color:#91a0b1;opacity:1;text-transform:uppercase;letter-spacing:1.1px}
.user-heading h2{font-size:22px;margin-top:3px;letter-spacing:-.3px}
.icon-btn{
  background:#102237;border:1px solid var(--line);border-radius:13px;
  width:44px;height:44px;
}
.icon-btn svg{width:22px;height:22px}

.dash-promo{
  position:relative;z-index:1;
  margin:22px 30px 18px;
  min-height:118px;
  border:1px solid rgba(24,213,107,.18);
  border-radius:18px;
  padding:20px 24px;
  display:flex;align-items:center;justify-content:space-between;
  overflow:hidden;
  background:
    radial-gradient(circle at 80% 40%,rgba(24,213,107,.16),transparent 30%),
    linear-gradient(110deg,#10243a,#0b1a2b 65%,#102b27);
  box-shadow:0 12px 30px rgba(0,0,0,.18);
}
.dash-promo:after{
  content:"";
  position:absolute;right:-45px;top:-70px;width:190px;height:190px;
  border:1px solid rgba(244,201,93,.13);border-radius:50%;
  box-shadow:0 0 0 25px rgba(244,201,93,.025),0 0 0 50px rgba(244,201,93,.02);
}
.promo-copy{display:flex;flex-direction:column;gap:6px;max-width:78%;position:relative;z-index:1}
.promo-label{font-size:10px;font-weight:900;color:var(--gold);letter-spacing:1.5px}
.promo-copy strong{font-size:24px;letter-spacing:-.5px}
.promo-copy small{font-size:13px;color:#9caabd}
.promo-mark{
  position:relative;z-index:1;
  width:64px;height:64px;border-radius:18px;
  display:grid;place-items:center;
  font-weight:900;font-size:17px;
  color:#06131f;
  background:linear-gradient(145deg,#f8d978,#d9a934);
  box-shadow:0 8px 24px rgba(244,201,93,.15);
}

.balance-card{
  position:relative;z-index:1;
  margin:0 30px 22px;
  background:linear-gradient(145deg,#123b30 0%,#0b2827 52%,#0a1e2a 100%);
  border:1px solid rgba(24,213,107,.16);
  border-radius:18px;
  padding:21px 23px 18px;
  box-shadow:0 15px 35px rgba(0,0,0,.24);
}
.balance-title{
  color:#a9bac9;font-size:13px;
  text-transform:uppercase;letter-spacing:.7px;
}
.mini-eye,.copy-btn{color:#fff;opacity:.8}
.mini-eye svg,.copy-btn svg{stroke:#fff}
.balance-value{
  font-size:34px;margin:14px 0 22px;
  letter-spacing:-.8px;
}
.account-row{
  border-top:1px solid rgba(255,255,255,.09);
  padding-top:15px;
}
.account-row small{color:#829799;font-size:10px;text-transform:uppercase;letter-spacing:1px}
.account-row strong{font-size:14px;color:#e7f4ed}

.dashboard-section-title{
  position:relative;z-index:1;
  margin:0 30px 11px;
  display:flex;align-items:baseline;justify-content:space-between;
}
.dashboard-section-title span{font-size:17px;font-weight:850}
.dashboard-section-title small{font-size:11px;color:#718095}

.quick-grid{
  position:relative;z-index:1;
  padding:0 30px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;
}
.quick-card{
  min-height:104px;height:auto;
  border:1px solid var(--line);
  border-radius:15px;
  background:linear-gradient(180deg,#122238,#0e1b2b);
  color:#f6f9fc;
  box-shadow:0 8px 22px rgba(0,0,0,.13);
  align-items:flex-start;justify-content:space-between;
  padding:17px 17px 15px;
  gap:12px;
  transition:.18s ease;
}
.quick-card:after{
  content:"›";align-self:flex-end;color:#687a8e;font-size:22px;line-height:1;
}
.quick-card:hover{transform:translateY(-2px);border-color:rgba(24,213,107,.35);box-shadow:0 12px 26px rgba(0,0,0,.2)}
.quick-icon{
  width:38px;height:38px;border-radius:11px;
  display:grid;place-items:center;
  background:rgba(24,213,107,.12);
  color:var(--green);
  font-size:0;
}
.quick-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9}
.quick-icon.dark{
  background:rgba(244,201,93,.11);
  color:var(--gold);
}
.quick-card b{font-size:13px;line-height:1.2;text-align:left}

.section-head{
  position:relative;z-index:1;
  margin:25px 30px 12px;padding:0;
}
.section-head h3{font-size:17px}
.section-head button{color:var(--green);font-size:12px}
.history-list{position:relative;z-index:1;padding:0 30px}
.history-item{
  background:#0e1b2b;
  border:1px solid var(--line);
  border-radius:14px;
  padding:14px;
  box-shadow:0 7px 20px rgba(0,0,0,.12);
}
.history-icon{
  background:rgba(24,213,107,.1);color:var(--green);
  width:40px;height:40px;
}
.history-main b{font-size:13px;color:#eaf1f7}
.history-main small,.history-amount small{color:#77879a}
.history-amount b{font-size:13px;color:#f4f8fb}
.history-amount small{color:var(--green)}

.empty-history{
  background:#0e1b2b;border:1px solid var(--line);
  color:#718095;
}
.empty-history b{color:#dbe5ee}
.empty-history small{color:#718095}

.bottom-nav{
  height:76px;
  width:100%;max-width:1180px;
  background:rgba(8,19,32,.96);
  border-top:1px solid var(--line);
  box-shadow:0 -12px 30px rgba(0,0,0,.28);
  backdrop-filter:blur(14px);
}
.bottom-nav button{color:#6f8195;font-size:11px}
.bottom-nav button span{font-size:23px}
.bottom-nav button.active{color:var(--green)}
.bottom-nav button.active span{filter:drop-shadow(0 0 8px rgba(24,213,107,.28))}

.modal{background:rgba(2,8,14,.72);backdrop-filter:blur(7px)}
.modal-box{
  max-width:760px;
  background:#0c1928;color:#eef5fa;
  border:1px solid var(--line);
  box-shadow:0 -20px 55px rgba(0,0,0,.4);
}
.modal-box h3{color:#fff}
.modal-close{background:#162639;color:#fff}
.info-card,.support,.profile-card{
  background:#122235;border:1px solid var(--line);color:#e7edf3;
}
.info-card small,.support p,.profile-card p{color:#8fa0b2}
.full-history{border-color:var(--line)}
.full-history span{color:#7f91a5}
.full-history strong{color:var(--green)}
.rate-row strong{color:var(--green)}
.rates-table{border-color:var(--line);background:#0f1d2e}
.rates-head{background:#142438;color:#dce6ee;border-color:var(--line)}
.rates-row{border-color:var(--line)}
.rates-row strong{color:#fff}
.rates-note{background:#122235;border-color:var(--line);color:#d8e2eb}

@media (min-width:760px){
  .dashboard{border-left:1px solid rgba(255,255,255,.04);border-right:1px solid rgba(255,255,255,.04)}
}
@media (max-width:759px){
  .dash-top{padding:20px 17px}
  .dash-promo{margin:16px 17px 15px;padding:17px 18px;min-height:108px}
  .promo-copy strong{font-size:20px}
  .promo-copy small{font-size:12px}
  .promo-mark{width:52px;height:52px;border-radius:15px}
  .balance-card{margin:0 17px 18px;padding:19px 18px}
  .balance-value{font-size:31px}
  .dashboard-section-title{margin:0 17px 10px}
  .quick-grid{padding:0 17px;grid-template-columns:1fr 1fr;gap:10px}
  .quick-card{min-height:112px;padding:15px}
  .section-head{margin:23px 17px 11px}
  .history-list{padding:0 17px}
}
@media(max-width:390px){
  .promo-copy strong{font-size:18px}
  .promo-copy small{font-size:11px}
  .promo-mark{display:none}
  .balance-value{font-size:28px}
  .quick-card{min-height:105px}
}

/* Dashboard contrast correction: light, readable typography */
.dashboard{
  background:#f4f7f6!important;
  color:#14231d!important;
}
.dashboard:before{
  background:
    radial-gradient(circle at 88% 12%,rgba(19,185,129,.10),transparent 26%),
    linear-gradient(180deg,#eaf7f1 0%,#f4f7f6 100%)!important;
}
.dash-top{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid #dfe9e4!important;
}
.user-heading small{color:#64746d!important}
.user-heading h2{color:#13231d!important}
.icon-btn{background:#fff!important;color:#173126!important;border-color:#dfe9e4!important}
.icon-btn svg{stroke:#173126!important}
.avatar,.big-avatar{
  background:linear-gradient(135deg,#18c981,#078a3b)!important;
  color:#fff!important;
}
.dash-promo{
  background:linear-gradient(135deg,#ffffff 0%,#effaf5 100%)!important;
  border:1px solid #d8ebe2!important;
  box-shadow:0 10px 28px rgba(16,73,50,.08)!important;
}
.promo-label{color:#078a3b!important}
.promo-copy strong{color:#14231d!important}
.promo-copy small{color:#66766f!important}
.promo-mark{color:#11623f!important;background:#dff6e9!important}
.balance-card{
  background:linear-gradient(145deg,#0b8f55 0%,#087b4a 58%,#07643f 100%)!important;
  border:1px solid rgba(255,255,255,.16)!important;
}
.balance-title{color:#d9f6e7!important}
.balance-value{color:#fff!important}
.account-row small{color:#bde5d1!important}
.account-row strong{color:#fff!important}
.mini-eye,.copy-btn{color:#fff!important}
.mini-eye svg,.copy-btn svg{stroke:#fff!important}
.dashboard-section-title span,.section-head h3{color:#14231d!important}
.dashboard-section-title small{color:#718079!important}
.section-head button{color:#078a3b!important}
.quick-card{
  background:#fff!important;
  color:#172720!important;
  border:1px solid #dfe9e4!important;
  box-shadow:0 8px 24px rgba(14,55,39,.06)!important;
}
.quick-card b{color:#172720!important}
.quick-card:after{color:#8a9892!important}
.quick-icon{background:#e7f8ef!important;color:#078a3b!important}
.quick-icon.dark{background:#fff4d9!important;color:#9a6a00!important}
.history-list{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.history-item{
  background:#fff!important;
  border:1px solid #dfe9e4!important;
  box-shadow:0 7px 20px rgba(14,55,39,.05)!important;
}
.history-main b{color:#182821!important}
.history-main small,.history-amount small{color:#75827d!important}
.history-amount b{color:#1b2b24!important}
.history-amount small{color:#078a3b!important}
.history-icon{background:#e7f8ef!important;color:#078a3b!important}
.empty-history{background:#fff!important;border:1px solid #dfe9e4!important;color:#718079!important}
.empty-history b{color:#24352d!important}
.empty-history small{color:#7c8984!important}
.bottom-nav{
  background:rgba(255,255,255,.97)!important;
  border-top:1px solid #dfe9e4!important;
  box-shadow:0 -8px 25px rgba(14,55,39,.08)!important;
}
.bottom-nav button{color:#6e7d76!important}
.bottom-nav button.active{color:#078a3b!important}

/* Dashboard modals also keep strong contrast */
.modal-box{background:#fff!important;color:#182821!important;border-color:#dfe9e4!important;box-shadow:0 -20px 55px rgba(14,55,39,.16)!important}
.modal-box h3{color:#14231d!important}
.modal-close{background:#eef4f1!important;color:#183027!important}
.info-card,.support,.profile-card{background:#f6faf8!important;border:1px solid #dfe9e4!important;color:#20322a!important}
.info-card small,.support p,.profile-card p{color:#65746d!important}
.full-history{border-color:#e2ebe6!important}
.full-history span{color:#75827d!important}
.full-history strong{color:#078a3b!important}
.rates-table{background:#fff!important;border-color:#dfe9e4!important}
.rates-head{background:#f4f8f6!important;color:#25362e!important;border-color:#dfe9e4!important}
.rates-row{border-color:#e5ece8!important}
.rates-row strong{color:#1a2b24!important}
.rates-note{background:#f6faf8!important;border-color:#dfe9e4!important;color:#304139!important}

.lc-chat-who{font-size:11px;font-weight:700;opacity:.72;margin-bottom:4px}
.lc-request-assistant{display:block;border:0;border-radius:999px;padding:8px 12px;margin-top:9px;background:#1877f2;color:#fff;font-weight:700;cursor:pointer}