/* Uronto SMS Professional Light Theme — global visual layer */
:root{
  --u-bg:#f6f8fc;
  --u-surface:#ffffff;
  --u-surface-soft:#f8faff;
  --u-border:#e5e9f2;
  --u-text:#182033;
  --u-muted:#6b7890;
  --u-primary:#5b4ce6;
  --u-primary-2:#2f7af7;
  --u-success:#10b981;
  --u-danger:#ef476f;
  --u-warning:#f59e0b;
  --u-shadow:0 14px 40px rgba(25,45,90,.08);
}
html,body{background:var(--u-bg)!important;color:var(--u-text)!important}
body{background-image:none!important}
/* Main application surfaces */
.app,.main,.content,.page,.wallet-page,.logs-page-wrap,.wrap,.maintenance-public,.maintenance-admin{background:var(--u-bg)!important;color:var(--u-text)!important}
.sidebar{background:#fff!important;color:var(--u-text)!important;border-right:1px solid var(--u-border)!important;box-shadow:8px 0 32px rgba(25,45,90,.06)!important}
.brand,.brand b,.brand span,.sidebar-header h2,.navbar-brand,.navbar-brand span{color:var(--u-text)!important}
.brand b span,.sidebar-header h2 i,.navbar-brand i{color:var(--u-primary)!important}
.balance,.signed,.card,.stat,.quick,.activity,.panel,.box,.refer-card,.history-section,.transaction-card,.filter-box,.table-container,.table-box,.table-wrap,.copy-box,.keys-card,.join-box,.plan-card,.login-container,.login-card,.auth-card,.auth-box,.ban-box,.info-card,.balance-card,.content-card,.api-card,.history-card,.settings-card,.form-card,.window,.overlay-box,.match-card,.d-card{background:#fff!important;color:var(--u-text)!important;border-color:var(--u-border)!important;box-shadow:var(--u-shadow)!important}
.card p,.card-subtext,.muted,.hero p,.counter,.msg,.time,.refer-card p,.signed small,.label,.small-label{color:var(--u-muted)!important}
input,textarea,select,.form-control,.field input,.field textarea{background:#fff!important;color:var(--u-text)!important;border:1px solid #d9dfeb!important}
input::placeholder,textarea::placeholder{color:#9aa6b8!important}
input:focus,textarea:focus,select:focus,.form-control:focus{border-color:rgba(91,76,230,.55)!important;box-shadow:0 0 0 4px rgba(91,76,230,.10)!important;outline:none!important}
button,.btn,button.btn{background:linear-gradient(135deg,var(--u-primary),var(--u-primary-2))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 9px 22px rgba(91,76,230,.18)}
.btn-back,.btn2,.btn-action,.back,.action-btn{background:#fff!important;color:#40506a!important;border:1px solid var(--u-border)!important;box-shadow:none!important}
.btn-back:hover,.btn2:hover,.btn-action:hover,.back:hover,.action-btn:hover{background:#f0f2ff!important;color:var(--u-primary)!important;border-color:#d8d7ff!important}
/* Tables and badges */
table{background:#fff!important;color:var(--u-text)!important}
th,td{border-color:var(--u-border)!important}
th{color:var(--u-primary)!important}
.badge,.status,.referral-code-box{background:#f5f7fb!important;color:#42506a!important;border-color:var(--u-border)!important}
.success{color:var(--u-success)!important}.error{color:var(--u-danger)!important}
/* User navigation */
.topbar,.navbar,.header{background:rgba(255,255,255,.94)!important;color:var(--u-text)!important;border-color:var(--u-border)!important;box-shadow:0 1px 0 rgba(20,30,55,.03)!important}
.nav a{color:#53627a!important}
.nav a.active,.nav a:hover{background:linear-gradient(135deg,#eeeaff,#eaf1ff)!important;color:#4638c8!important}
.nav i{color:#73819a!important}.nav a.active i{color:var(--u-primary)!important}
.online{background:#fff!important;color:#3d4c65!important;border-color:var(--u-border)!important;box-shadow:0 8px 24px rgba(25,45,90,.07)!important}
.online .dot,.dot{box-shadow:0 0 12px rgba(16,185,129,.4)!important}
/* Mobile bottom navigation */
.sms-bottom-nav{background:rgba(255,255,255,.97)!important;border-top:1px solid var(--u-border)!important;box-shadow:0 -12px 35px rgba(25,45,90,.12)!important;backdrop-filter:blur(18px)!important}
.sms-nav-item{color:#738099!important}
.sms-nav-item:hover{background:#f4f5ff!important;border-color:#e3e4fb!important;color:#4f46cf!important}
.sms-nav-item.active{background:linear-gradient(135deg,#eeeaff,#eaf1ff)!important;border-color:#dcdcff!important;color:#4638c8!important}
.sms-nav-item.active .nav-icon{background:linear-gradient(135deg,var(--u-primary),var(--u-primary-2))!important;color:#fff!important;box-shadow:0 8px 18px rgba(91,76,230,.24)!important}
.nav-icon{background:#f1f4f9!important;color:#6b7890!important}
.sms-nav-brand{color:var(--u-text)!important}.sms-nav-brand strong{color:var(--u-primary)!important}
.sms-nav-brand-icon{background:linear-gradient(135deg,var(--u-primary),var(--u-primary-2))!important}
/* WhatsApp */
.whatsapp-fab{box-shadow:0 12px 30px rgba(37,211,102,.28)!important;border-color:#fff!important}
/* Popup — premium announcement */
.notice-modal{background:rgba(20,28,48,.34)!important;backdrop-filter:blur(14px) saturate(125%)!important;padding:16px!important}
.notice-dialog{width:min(510px,100%)!important;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important;border:1px solid rgba(225,230,242,.95)!important;border-radius:26px!important;padding:28px!important;box-shadow:0 35px 90px rgba(25,45,90,.22),0 8px 24px rgba(25,45,90,.08)!important;overflow:hidden!important}
.notice-dialog:after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--u-primary),var(--u-primary-2),#18b9e9);pointer-events:none}
.notice-dialog:before{left:-70px!important;top:-110px!important;width:240px!important;height:240px!important;background:radial-gradient(circle,rgba(91,76,230,.10),transparent 68%)!important}
.notice-icon{width:54px!important;height:54px!important;border-radius:17px!important;background:linear-gradient(135deg,var(--u-primary),var(--u-primary-2))!important;box-shadow:0 14px 30px rgba(91,76,230,.25)!important;margin-bottom:17px!important}
.notice-dialog h2{color:#172033!important;font-size:22px!important;font-weight:850!important;letter-spacing:-.35px!important;margin-bottom:9px!important}
.notice-dialog p{color:#64748b!important;font-size:14px!important;line-height:1.8!important}
.notice-close{background:#f7f9fc!important;color:#73819a!important;border:1px solid #e1e6ef!important;width:38px!important;height:38px!important;border-radius:12px!important}
.notice-close:hover{background:#eef2ff!important;color:#4f46cf!important;border-color:#d9dcff!important}
.notice-action{background:#f5f7fb!important;color:#34435d!important;border:1px solid #dfe5ef!important;box-shadow:none!important;padding:11px 16px!important;border-radius:12px!important}
.notice-action:hover{background:#eef2ff!important;color:#4f46cf!important;border-color:#d9dcff!important}
@media(max-width:520px){.notice-dialog{padding:24px!important;border-radius:22px!important}.notice-dialog h2{font-size:20px!important}.notice-dialog p{font-size:13px!important;line-height:1.75!important}.notice-icon{width:50px!important;height:50px!important}}
/* Admin */
.admin-layout,.main-content,.page-wrapper,.main-container{background:var(--u-bg)!important;color:var(--u-text)!important}
.admin-layout .sidebar,.main-content~* .sidebar{background:#fff!important}
.sidebar-nav a{color:#52627a!important}.sidebar-nav a:hover,.sidebar-nav a.active{background:linear-gradient(135deg,var(--u-primary),var(--u-primary-2))!important;color:#fff!important}
.logout-link .logout-button{background:#fff3f5!important;color:#e64967!important;border:1px solid #ffd8df!important}
.logout-link .logout-button:hover{background:#ef476f!important;color:#fff!important}
.page-header p{color:var(--u-muted)!important}.page-header h1{filter:none!important}
.modal{background:rgba(20,28,48,.36)!important}.modal-content{background:#fff!important;color:var(--u-text)!important;border-color:var(--u-border)!important}.close-btn{color:#6b7890!important}
.alert-success{background:#ecfdf5!important;color:#087f5b!important}.alert-danger,.alert-error{background:#fff1f3!important;color:#c92a45!important}
/* Wallet light conversion */
body:has(.wallet-page){background:#f6f8fc!important;color:#182033!important}
body:has(.wallet-page) .action-btn{background:#fff!important;color:#263650!important;border-color:#e2e7f0!important;box-shadow:0 10px 25px rgba(25,45,90,.06)!important}
body:has(.wallet-page) .history-section{background:#fff!important;color:#182033!important}
body:has(.wallet-page) .txn-item{background:#f8faff!important;color:#182033!important;border-color:#e5e9f2!important}
body:has(.wallet-page) .muted{color:#6b7890!important}
body:has(.wallet-page) .flash-message.success{background:#ecfdf5!important;border-color:#b7efd7!important;color:#087f5b!important}
body:has(.wallet-page) .flash-message.error{background:#fff1f3!important;border-color:#ffd0d8!important;color:#c92a45!important}
/* Login */
body:has(.login-container),body:has(.login-card),body:has(.auth-card){background:linear-gradient(135deg,#f7f9ff,#eef3ff)!important;color:var(--u-text)!important}
.login-container,.login-card,.auth-card{background:rgba(255,255,255,.96)!important;color:var(--u-text)!important;border-color:#e0e6f0!important;box-shadow:0 30px 80px rgba(25,45,90,.14)!important;backdrop-filter:blur(18px)!important}
.form-label{color:#3e4d66!important}.login-header p{color:#6b7890!important}
.form-control{background:#fff!important;color:#182033!important;border-color:#dbe2ed!important}
/* Referral */
.refer-card h1{color:var(--u-primary)!important}.refer-card p{color:#66748b!important}.referral-code-box{background:#f7f9fc!important;border-color:#b9b5ff!important}.share-btn{background:linear-gradient(135deg,var(--u-primary),var(--u-primary-2))!important}
/* Landing page */
.cta{background:linear-gradient(120deg,#2f3fa8,#5546ed 55%,#2f7af7)!important;box-shadow:0 25px 70px rgba(44,57,130,.18)!important}
/* Remove harsh black backgrounds from legacy cards */
.card[style*="#0"],.card[style*="#1"],.panel[style*="#0"],.panel[style*="#1"]{background:#fff!important;color:var(--u-text)!important}
/* Tables/scroll areas */
.table-wrap,.table-container{background:#fff!important}

/* Popup content details */
.notice-kicker{display:inline-flex;align-items:center;gap:7px;color:#5b4ce6;background:#f2f0ff;border:1px solid #e1ddff;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:850;letter-spacing:.2px;margin-bottom:10px}
.notice-kicker-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.10)}
.notice-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #edf0f5}
.notice-secure{font-size:10px;font-weight:750;color:#7a879b;display:inline-flex;align-items:center;gap:6px}.notice-secure i{color:#10b981}
.notice-action{margin-top:0!important}
@media(max-width:520px){.notice-footer{align-items:flex-start}.notice-secure{padding-top:10px}}

/* ==========================================================
   FINAL UI POLISH — LIGHT / WHITE PROFESSIONAL SYSTEM
   ========================================================== */
:root{
  --u-bg:#f4f7fb;
  --u-surface:#ffffff;
  --u-surface-soft:#f8faff;
  --u-border:#e3e8f1;
  --u-text:#162033;
  --u-muted:#66758b;
  --u-primary:#5b4ce6;
  --u-primary-2:#2f7af7;
}
html,body{background:#f4f7fb!important;color:#162033!important}
body{background-image:none!important}

/* Profile page: premium light hero and menu */
body:has(.menu){background:linear-gradient(180deg,#f7f9ff 0%,#f4f7fb 55%,#eef3fa 100%)!important;color:#162033!important}
body:has(.menu) .header{
  background:linear-gradient(145deg,#ffffff 0%,#f5f7ff 58%,#eef5ff 100%)!important;
  color:#162033!important;
  border-bottom:1px solid #e5eaf2!important;
  border-radius:0 0 30px 30px!important;
  padding:30px 18px 24px!important;
  box-shadow:0 18px 45px rgba(44,62,100,.08)!important;
  position:relative!important;
  overflow:hidden!important;
}
body:has(.menu) .header:before{content:"";position:absolute;inset:-80px -80px auto auto;width:240px;height:240px;background:radial-gradient(circle,rgba(91,76,230,.13),transparent 68%);pointer-events:none}
body:has(.menu) .header:after{content:"";position:absolute;left:10%;right:10%;bottom:0;height:3px;background:linear-gradient(90deg,transparent,#5b4ce6,#2f7af7,transparent);border-radius:999px;opacity:.55}
body:has(.menu) .header h2{color:#162033!important;font-size:25px!important;letter-spacing:-.4px!important;margin:17px 0 8px!important;position:relative}
body:has(.menu) .header p{color:#5f6f86!important;margin:0!important;font-size:14px!important;position:relative}
body:has(.menu) .avatar{width:82px!important;height:82px!important;border:4px solid #fff!important;box-shadow:0 12px 28px rgba(91,76,230,.18)!important;position:relative}
body:has(.menu) .stats{gap:10px!important;margin-top:20px!important;position:relative}
body:has(.menu) .stat{background:rgba(255,255,255,.92)!important;border:1px solid #e7ebf3!important;border-radius:16px!important;padding:13px 8px!important;box-shadow:0 9px 25px rgba(34,52,86,.07)!important}
body:has(.menu) .stat .value{color:#162033!important;font-size:24px!important}
body:has(.menu) .stat .label{color:#68778e!important;font-size:11px!important}
body:has(.menu) .menu{max-width:760px!important;padding:4px 15px 20px!important;margin:14px auto!important}
body:has(.menu) .item{
  background:#fff!important;color:#25344d!important;border:1px solid #e4e9f1!important;
  border-radius:15px!important;padding:15px 16px!important;margin-bottom:10px!important;
  box-shadow:0 8px 24px rgba(28,46,80,.055)!important;transition:transform .18s,box-shadow .18s,border-color .18s!important
}
body:has(.menu) .item:hover{background:#fff!important;color:#4b3ed0!important;border-color:#d8d8ff!important;transform:translateY(-1px)!important;box-shadow:0 12px 28px rgba(28,46,80,.09)!important}
body:has(.menu) .item i{color:#5b4ce6!important;width:25px!important;font-size:16px!important}
body:has(.menu) .logout{background:linear-gradient(135deg,#5b4ce6,#2f7af7)!important;color:#fff!important;box-shadow:0 12px 24px rgba(91,76,230,.2)!important}

/* API guide / code documentation */
body:has(.page) .page{max-width:980px!important;padding:26px 18px 110px!important}
body:has(.page) .page>h1{color:#162033!important;font-size:clamp(25px,4vw,36px)!important;letter-spacing:-.7px!important}
body:has(.page) .page>p.muted{color:#718096!important;background:#fff!important;border:1px solid #e6eaf2!important;border-radius:12px!important;padding:10px 13px!important;display:inline-block!important}
body:has(.page) .page .card{background:#fff!important;border:1px solid #e3e8f1!important;border-radius:18px!important;box-shadow:0 12px 34px rgba(27,45,78,.06)!important;padding:22px!important}
body:has(.page) .page .card h3{color:#202e45!important;margin-top:0!important}
body:has(.page) .page .card p{color:#63728a!important;line-height:1.7!important}
body:has(.page) .page pre{background:#f7f9fd!important;color:#24334c!important;border:1px solid #e4e9f1!important;border-radius:14px!important;box-shadow:inset 0 1px 0 #fff!important;font-size:13px!important;line-height:1.65!important}

/* Shared legacy dark surfaces: make contrast consistent */
main,section,article{color:#162033}
pre,code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.card,.panel,.box,.form-section,.window,.table-container,.table-wrap,.filter-box,.content-card,.api-card,.history-card,.settings-card,.transaction-card{background:#fff!important;color:#162033!important;border-color:#e3e8f1!important}
label,.form-label,.form-group label{color:#43536b!important}
small,.muted,.text-muted{color:#6b7a90!important}

/* Admin: remove all legacy black/charcoal surfaces */
.admin-layout,.main-content,.main-container,.page-wrapper{background:#f4f7fb!important;color:#162033!important}
.admin-layout .sidebar,.sidebar{background:#fff!important;color:#162033!important;border-right:1px solid #e1e7f0!important;box-shadow:8px 0 30px rgba(24,39,67,.055)!important}
.sidebar-header{background:transparent!important}
.sidebar-header h2{color:#162033!important}
.sidebar-header h2 i{color:#5b4ce6!important}
.sidebar-nav a{color:#596a82!important;border:1px solid transparent!important}
.sidebar-nav a:hover{background:#f0efff!important;color:#4b3ed0!important}
.sidebar-nav a.active{background:linear-gradient(135deg,#5b4ce6,#2f7af7)!important;color:#fff!important;box-shadow:0 8px 18px rgba(91,76,230,.18)!important}
.maintenance-nav{background:linear-gradient(135deg,#f5f3ff,#eef5ff)!important;border:1px solid #dddfff!important;color:#4b3ed0!important}
.maintenance-nav.active{background:linear-gradient(135deg,#5b4ce6,#2f7af7)!important;color:#fff!important;border-color:transparent!important}
.maintenance-badge{background:#e9e7ff!important;color:#5546ed!important;border:1px solid #dcd8ff!important}
.maintenance-nav.active .maintenance-badge{background:rgba(255,255,255,.2)!important;color:#fff!important;border-color:rgba(255,255,255,.28)!important}
.logout-link .logout-button{background:#fff2f4!important;color:#dc3f58!important;border:1px solid #ffd9df!important}
.logout-link .logout-button:hover{background:#ef476f!important;color:#fff!important}
.header h1,.page-header h1,.header-title-wrapper h1{color:#162033!important}
.header p,.page-header p{color:#6b7a90!important}
.tabs{border-color:#e3e8f1!important}
.tab-link{color:#6b7a90!important}.tab-link.active{color:#4b3ed0!important;border-bottom-color:#5b4ce6!important}
.form-section,.match-card,.no-match{background:#fff!important;border-color:#e3e8f1!important;color:#162033!important;box-shadow:0 12px 34px rgba(27,45,78,.06)!important}
.form-section h2{color:#4f43d2!important;border-color:#e8ecf3!important}
input[type=text],input[type=number],input[type=datetime-local],input[type=email],input[type=password],select,textarea{background:#fff!important;color:#162033!important;border-color:#dce3ed!important}
input[type=text]::placeholder,input[type=number]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,textarea::placeholder{color:#9aa7b8!important}
.card-header h3,.match-card h3,.detail-item{color:#24334a!important}
.card-details{border-color:#e6ebf2!important}
.detail-item span{color:#738198!important}

/* Admin maintenance page — premium card */
body:has(.maintenance-public),body:has(.maintenance-admin){background:#f4f7fb!important;color:#162033!important}
.maintenance-admin .wrap,.maintenance-public .wrap{color:#162033!important}
.maintenance-admin .back{background:#fff!important;color:#53627a!important;border:1px solid #e2e8f0!important;box-shadow:0 8px 22px rgba(24,39,67,.05)!important}
.maintenance-admin .back:hover{background:#f0efff!important;color:#4b3ed0!important}
.maintenance-admin .card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 22px 60px rgba(27,45,78,.09)!important}
.maintenance-admin .status{background:#f8faff!important;border-color:#e4e9f1!important}
.maintenance-admin .status strong{color:#202e45!important}
.maintenance-admin .status small,.maintenance-admin .hint{color:#718096!important}
.maintenance-admin label{color:#40506a!important}
.maintenance-admin textarea{background:#fff!important;color:#162033!important;border-color:#dce3ed!important}
.maintenance-admin .slider{background:#dfe5ef!important;border-color:#cfd7e4!important}
.maintenance-admin .slider:before{background:#fff!important;box-shadow:0 3px 10px rgba(22,32,51,.18)!important}
.maintenance-admin .switch input:checked+.slider{background:linear-gradient(135deg,#5b4ce6,#2f7af7)!important}
.maintenance-admin .save{background:linear-gradient(135deg,#5b4ce6,#2f7af7)!important;color:#fff!important;box-shadow:0 12px 26px rgba(91,76,230,.22)!important}
.maintenance-admin .alert.success{background:#ecfbf5!important;color:#087f5b!important;border-color:#bdebd8!important}
.maintenance-admin .alert.error{background:#fff1f3!important;color:#c92f48!important;border-color:#ffd0d8!important}

/* Bottom navigation: clean white glass */
.sms-bottom-nav{background:rgba(255,255,255,.97)!important;color:#68778e!important;border-top:1px solid #e1e7f0!important;box-shadow:0 -12px 34px rgba(27,45,78,.10)!important;backdrop-filter:blur(18px)!important}
.sms-nav-item{color:#6d7b90!important}
.sms-nav-item:hover{background:#f5f5ff!important;color:#4d41d0!important}
.sms-nav-item.active{background:linear-gradient(135deg,#f0edff,#edf4ff)!important;color:#4b3ed0!important;border:1px solid #dedcff!important}
.sms-nav-item.active .nav-icon{background:linear-gradient(135deg,#5b4ce6,#2f7af7)!important;color:#fff!important;box-shadow:0 8px 18px rgba(91,76,230,.23)!important}
.sms-nav-item .nav-icon{background:#f0f3f8!important;color:#708096!important}
.sms-nav-brand{color:#27364e!important}.sms-nav-brand strong{color:#5b4ce6!important}

/* Mobile sizing / spacing */
@media(max-width:768px){
  .main-content{padding:20px 15px 100px!important}
  .sidebar{box-shadow:0 8px 24px rgba(24,39,67,.05)!important}
}

/* Legacy user pages: eliminate remaining dark panels and preserve readability */
body:has(.history-list) .history-row{background:#fff!important;border-color:#e4e9f1!important;color:#24334b!important}
body:has(.history-list) .history-row div{border-color:#edf0f5!important}
body:has(.history-list) .history-row.head{color:#61718a!important}
body:has(.history-list) .history-row div::before{color:#718096!important}
body:has(.history-list) .page h1{color:#162033!important}
body:has(.history-list) .sent{color:#079669!important}.failed{color:#d83b55!important}

body:has(.keys-card) .code{background:#f7f9fd!important;color:#263750!important;border-color:#e2e8f0!important}
body:has(.keys-card) .copy-btn,body:has(.keys-card) .small-copy{background:#f0edff!important;color:#5546ed!important;border-color:#ddd8ff!important}
body:has(.keys-card) .delete-btn{background:#fff1f3!important;color:#d83b55!important;border-color:#ffd5dc!important}
body:has(.keys-card) .key{border-color:#e8edf4!important}
body:has(.keys-card) .empty{background:#f8fafc!important;color:#718096!important;border-color:#dfe5ee!important}
body:has(.keys-card) .toast{background:#fff!important;color:#24334b!important;border-color:#bdebd8!important;box-shadow:0 14px 35px rgba(24,39,67,.12)!important}
body:has(.keys-card) .note{background:#fff9e8!important;color:#8a6410!important;border-color:#f5df9f!important}

/* Send SMS page */
body:has(.loader-wrap) .overlay-box{background:#fff!important;color:#162033!important;border-color:#e3e8f1!important;box-shadow:0 25px 80px rgba(27,45,78,.16)!important}
body:has(.loader-wrap) .loader-text{color:#34445d!important}
body:has(.loader-wrap) .loader{background:#e6ebf2!important}
body:has(.loader-wrap) .hero h1{color:#162033!important}
body:has(.loader-wrap) .hero p{color:#6b7a90!important}
body:has(.loader-wrap) .ok{color:#087f5b!important}.bad{color:#c92f48!important}

/* Buy credits */
body:has(.grid) .rate{color:#9a6900!important}
body:has(.grid) table th,body:has(.grid) table td{border-color:#e5eaf1!important;color:#34445d!important}
body:has(.grid) .sms{color:#162033!important}

/* Wallet polish */
body:has(.wallet-page) .balance-card{background:linear-gradient(135deg,#5b4ce6,#2f7af7)!important;color:#fff!important;box-shadow:0 20px 50px rgba(72,72,190,.18)!important}
body:has(.wallet-page) .action-btn{background:#fff!important;color:#2c3b53!important;border-color:#e2e8f0!important;box-shadow:0 10px 25px rgba(25,45,90,.07)!important}
body:has(.wallet-page) .action-btn:hover{background:#f4f2ff!important;color:#4b3ed0!important;border-color:#dcd8ff!important}
body:has(.wallet-page) .history-section{background:#fff!important;color:#162033!important;border-color:#e2e8f0!important;box-shadow:0 12px 35px rgba(25,45,90,.06)!important}
body:has(.wallet-page) .txn-item{background:#f8faff!important;color:#24334b!important;border-color:#e5eaf1!important}
body:has(.wallet-page) .txn-status-wrapper{color:#24334b!important}
body:has(.wallet-page) .flash-message.success{background:#ecfbf5!important;color:#087f5b!important;border-color:#bdebd8!important}
body:has(.wallet-page) .flash-message.error{background:#fff1f3!important;color:#c92f48!important;border-color:#ffd0d8!important}

/* Admin standalone SMS management pages */
body:has(.plan-card) .wrap,body:has(.searchbar) .wrap,body:has(.table-box) .main{color:#162033!important}
body:has(.plan-card) .card,body:has(.searchbar) .card,body:has(.table-box) .card,body:has(.table-box) .table-box{background:#fff!important;color:#162033!important;border-color:#e3e8f1!important;box-shadow:0 12px 34px rgba(27,45,78,.06)!important}
body:has(.plan-card) .field input,body:has(.searchbar) .field input,body:has(.searchbar) input,body:has(.table-box) input{background:#fff!important;color:#162033!important;border-color:#dce3ed!important}
body:has(.plan-card) .field label,body:has(.searchbar) .field label{color:#52627a!important}
body:has(.plan-card) th,body:has(.searchbar) th,body:has(.table-box) th{color:#5b4ce6!important;border-color:#e5eaf1!important}
body:has(.plan-card) td,body:has(.searchbar) td,body:has(.table-box) td{color:#34445d!important;border-color:#e5eaf1!important}
body:has(.plan-card) .btn2,body:has(.searchbar) .btn2,body:has(.table-box) .btn{background:#fff!important;color:#4f5f77!important;border-color:#dfe5ee!important}
body:has(.plan-card) .mobile-list .plan-card{background:#fff!important;color:#162033!important}

/* Admin login: light, premium, readable */
body:has(.login-container):before,body:has(.login-container):after{display:none!important}
body:has(.login-container){background:linear-gradient(145deg,#f7f9ff,#eef4ff 55%,#f8fafc)!important;color:#162033!important}
body:has(.login-container) .login-container{background:rgba(255,255,255,.96)!important;border:1px solid #e2e8f0!important;box-shadow:0 30px 80px rgba(29,48,84,.13)!important;backdrop-filter:blur(18px)!important}
body:has(.login-container) .login-container:before{background:linear-gradient(90deg,transparent,#5b4ce6,#2f7af7,transparent)!important}
body:has(.login-container) .logo{background:linear-gradient(135deg,#5b4ce6,#2f7af7)!important;box-shadow:0 14px 35px rgba(91,76,230,.22)!important}
body:has(.login-container) .login-header h2{color:#162033!important}
body:has(.login-container) .login-header p,.login-container .remember{color:#718096!important}
body:has(.login-container) .form-label{color:#3e4d66!important}
body:has(.login-container) .form-control{background:#fff!important;color:#162033!important;border-color:#dce3ed!important}
body:has(.login-container) .input-icon i{color:#7b88a0!important}
body:has(.login-container) .forgot-password a{color:#5546ed!important}
body:has(.login-container) .btn{background:linear-gradient(135deg,#5b4ce6,#2f7af7)!important;color:#fff!important}
body:has(.login-container) .alert-danger{background:#fff1f3!important;color:#c92f48!important;border-color:#ffd0d8!important}
body:has(.login-container) .alert-success{background:#ecfbf5!important;color:#087f5b!important;border-color:#bdebd8!important}


/* ================================================================
   URONTO SMS UI V2 — unified light, responsive, professional layer
   ================================================================ */
:root{
  --ui-bg:#f4f7fb;--ui-card:#fff;--ui-card-2:#f8faff;--ui-text:#172033;
  --ui-muted:#66758c;--ui-line:#e2e8f0;--ui-primary:#5b4ce6;--ui-blue:#3478f6;
  --ui-success:#0f9f72;--ui-danger:#d83b55;--ui-warning:#b77900;
  --ui-shadow:0 12px 34px rgba(27,45,78,.07);--ui-shadow-lg:0 22px 60px rgba(27,45,78,.11);
}
html{scroll-behavior:smooth}
body{font-family:'Poppins',Inter,Arial,sans-serif!important;background:var(--ui-bg)!important;color:var(--ui-text)!important}
*,*::before,*::after{box-sizing:border-box}
::selection{background:#dcd8ff;color:#352a9b}

/* Kill legacy dark surfaces globally without changing functional markup. */
.user-dashboard-page,.profile-page,.api-guide-page,.api-keys-page,.sms-history-page,.buy-credits-page,
.admin-page,.admin-dashboard-page{background:var(--ui-bg)!important;color:var(--ui-text)!important}
.user-dashboard-page .app{background:var(--ui-bg)!important}
.user-dashboard-page .sidebar{background:#fff!important;border-right:1px solid var(--ui-line)!important;box-shadow:8px 0 30px rgba(27,45,78,.06)!important}
.user-dashboard-page .topbar{background:rgba(255,255,255,.92)!important;border-bottom:1px solid var(--ui-line)!important;backdrop-filter:blur(16px)!important}
.user-dashboard-page .balance,.user-dashboard-page .signed,.user-dashboard-page .card,.user-dashboard-page .stat,.user-dashboard-page .quick,.user-dashboard-page .activity{
 background:#fff!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important;box-shadow:var(--ui-shadow)!important}
.user-dashboard-page .nav a{color:#52627a!important;border:1px solid transparent!important}
.user-dashboard-page .nav a:hover{background:#f3f1ff!important;color:#4b3ed0!important}
.user-dashboard-page .nav a.active{background:linear-gradient(135deg,#eeeaff,#eaf1ff)!important;color:#4338ca!important;border-color:#ddd9ff!important}
.user-dashboard-page .nav i,.user-dashboard-page .title i{color:var(--ui-primary)!important}
.user-dashboard-page .signed{color:#334155!important}.user-dashboard-page .signed small{color:#8b98aa!important}
.user-dashboard-page .balance strong{color:#4f46d7!important}
.user-dashboard-page .hero h1,.user-dashboard-page .title{color:var(--ui-text)!important}
.user-dashboard-page .hero p,.user-dashboard-page .counter,.user-dashboard-page .msg,.user-dashboard-page .time,.user-dashboard-page .label{color:var(--ui-muted)!important}
.user-dashboard-page input{background:#fff!important;color:var(--ui-text)!important;border:1px solid #d8e0eb!important}
.user-dashboard-page input:focus{border-color:#8277eb!important;box-shadow:0 0 0 4px rgba(91,76,230,.10)!important}
.user-dashboard-page button{background:linear-gradient(135deg,var(--ui-primary),var(--ui-blue))!important;color:#fff!important;box-shadow:0 9px 22px rgba(91,76,230,.18)!important}
.user-dashboard-page .row{border-color:#edf0f5!important}

/* Profile */
.profile-page{min-height:100vh!important;padding-bottom:92px!important}
.profile-page .header{
 background:linear-gradient(135deg,#5146d9 0%,#6d5dfc 48%,#3478f6 100%)!important;
 color:#fff!important;padding:34px 18px 26px!important;border-radius:0 0 30px 30px!important;
 box-shadow:0 18px 45px rgba(76,70,220,.20)!important;position:relative;overflow:hidden
}
.profile-page .header:before{content:"";position:absolute;inset:-80px auto auto -80px;width:240px;height:240px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 68%);pointer-events:none}
.profile-page .header h2{position:relative;margin:12px 0 4px!important;color:#fff!important;font-size:25px!important;font-weight:800!important}
.profile-page .header>p{position:relative;color:rgba(255,255,255,.82)!important;margin:0!important}
.profile-page .avatar{position:relative;width:88px!important;height:88px!important;border:4px solid rgba(255,255,255,.9)!important;box-shadow:0 12px 28px rgba(20,30,80,.22)!important;background:#fff!important;object-fit:cover}
.profile-page .stats{position:relative;max-width:720px;margin:22px auto 0!important}
.profile-page .stat{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.20)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 25px rgba(25,30,90,.10)!important;color:#fff!important;backdrop-filter:blur(12px)!important}
.profile-page .stat .value{color:#fff!important}.profile-page .stat .label{color:rgba(255,255,255,.78)!important}
.profile-page .menu{max-width:760px!important;padding:8px 16px 30px!important}
.profile-page .item{
 background:#fff!important;color:#263650!important;border:1px solid var(--ui-line)!important;border-radius:16px!important;
 padding:15px 16px!important;margin-bottom:10px!important;box-shadow:0 8px 24px rgba(27,45,78,.055)!important;transition:.18s ease!important
}
.profile-page .item:hover{transform:translateY(-2px);border-color:#d8d5ff!important;background:#fbfaff!important;box-shadow:0 12px 28px rgba(70,62,180,.10)!important}
.profile-page .item i{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:#f0edff!important;color:#5546ed!important;font-size:16px!important}
.profile-page .item span{font-weight:700!important}.profile-page .logout{background:#fff1f3!important;color:#d83b55!important;border:1px solid #ffd6dd!important;box-shadow:none!important}
.profile-page .logout:hover{background:#d83b55!important;color:#fff!important}

/* API Guide */
.api-guide-page .page{max-width:980px!important;padding:34px 20px 110px!important}
.api-guide-page h1{font-size:34px!important;font-weight:850!important;letter-spacing:-.7px!important;color:var(--ui-text)!important}
.api-guide-page .card{background:#fff!important;border:1px solid var(--ui-line)!important;border-radius:18px!important;box-shadow:var(--ui-shadow)!important;padding:22px!important}
.api-guide-page .card h3{color:var(--ui-text)!important;margin-top:0!important}.api-guide-page .card p{color:var(--ui-muted)!important}.api-guide-page .card b{color:#4638c8!important}
.api-guide-page pre{background:#f7f9fc!important;color:#253653!important;border:1px solid #e4e9f1!important;border-radius:14px!important;box-shadow:inset 0 1px 2px rgba(20,30,50,.03)!important}
.api-guide-page .muted{color:var(--ui-muted)!important}

/* API Keys */
.api-keys-page .page{max-width:1100px!important;padding:34px 20px 115px!important}
.api-keys-page h1{color:var(--ui-text)!important;font-weight:850!important}.api-keys-page .subtitle{color:var(--ui-muted)!important}
.api-keys-page .grid{gap:20px!important}.api-keys-page .card{background:#fff!important;color:var(--ui-text)!important;border:1px solid var(--ui-line)!important;border-radius:18px!important;box-shadow:var(--ui-shadow)!important}
.api-keys-page .badge{background:#f0edff!important;color:#5546ed!important;border-color:#ded9ff!important}
.api-keys-page .code{background:#f7f9fc!important;color:#263750!important;border-color:#e1e7ef!important}
.api-keys-page input{background:#fff!important;color:var(--ui-text)!important;border-color:#d8e0eb!important}.api-keys-page input::placeholder{color:#94a3b8!important}
.api-keys-page .help-text{color:var(--ui-muted)!important}.api-keys-page .note{background:#fff9e8!important;color:#8a6410!important;border-color:#f4dfa5!important}
.api-keys-page .copy-btn{background:#f0edff!important;color:#5546ed!important;border-color:#ddd8ff!important}.api-keys-page .copy-btn:hover{background:#5546ed!important;color:#fff!important}
.api-keys-page button:not(.copy-btn){background:linear-gradient(135deg,var(--ui-primary),var(--ui-blue))!important;color:#fff!important}
.api-keys-page .empty{background:#f8fafc!important;color:#718096!important;border-color:#e0e6ef!important}

/* SMS history / buy credits */
.sms-history-page,.buy-credits-page{font-family:'Poppins',Arial,sans-serif!important}
.sms-history-page .page,.buy-credits-page .page{max-width:1100px!important;padding:34px 20px 115px!important}
.sms-history-page .card,.buy-credits-page .card{background:#fff!important;color:var(--ui-text)!important;border:1px solid var(--ui-line)!important;box-shadow:var(--ui-shadow)!important}
.sms-history-page h1,.buy-credits-page h1,.sms-history-page h2,.buy-credits-page h2,.sms-history-page h3,.buy-credits-page h3{color:var(--ui-text)!important}
.sms-history-page .muted,.buy-credits-page .muted{color:var(--ui-muted)!important}
.sms-history-page table,.buy-credits-page table{background:#fff!important;color:var(--ui-text)!important}.sms-history-page th,.buy-credits-page th{color:#5546ed!important;background:#fafbfe!important}.sms-history-page td,.buy-credits-page td{border-color:#edf0f5!important;color:#34445d!important}
.buy-credits-page button{background:linear-gradient(135deg,var(--ui-primary),var(--ui-blue))!important;color:#fff!important;box-shadow:0 9px 22px rgba(91,76,230,.16)!important}

/* Shared controls */
.profile-page button,.api-guide-page button,.api-keys-page button,.sms-history-page button,.buy-credits-page button,.admin-page button,.admin-dashboard-page button{font-family:inherit!important}
input,textarea,select,.form-control{font-family:inherit!important}
button,.btn,.btn-action,.action-btn,.logout-button{transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease!important}
button:hover,.btn:hover,.btn-action:hover,.action-btn:hover{transform:translateY(-1px)}

/* Admin shell */
.admin-page,.admin-dashboard-page{min-height:100vh}
.admin-page .sidebar,.admin-dashboard-page .sidebar{
 background:#fff!important;color:var(--ui-text)!important;border-right:1px solid var(--ui-line)!important;
 box-shadow:8px 0 30px rgba(27,45,78,.055)!important
}
.admin-page .sidebar-header h2,.admin-dashboard-page .sidebar-header h2{color:var(--ui-text)!important;font-weight:850!important}
.admin-page .sidebar-header h2 i,.admin-dashboard-page .sidebar-header h2 i{color:var(--ui-primary)!important}
.admin-page .sidebar-nav a,.admin-dashboard-page .sidebar-nav a{color:#53627a!important;border:1px solid transparent!important;border-radius:12px!important;margin:3px 0!important;padding:11px 12px!important}
.admin-page .sidebar-nav a i,.admin-dashboard-page .sidebar-nav a i{color:#73819a!important;width:20px!important;text-align:center}
.admin-page .sidebar-nav a:hover,.admin-dashboard-page .sidebar-nav a:hover{background:#f3f1ff!important;color:#4638c8!important;border-color:#e4e0ff!important}
.admin-page .sidebar-nav a.active,.admin-dashboard-page .sidebar-nav a.active{background:linear-gradient(135deg,#eeeaff,#eaf1ff)!important;color:#4338ca!important;border-color:#ddd9ff!important;box-shadow:0 6px 18px rgba(91,76,230,.08)!important}
.admin-page .sidebar-nav a.active i,.admin-dashboard-page .sidebar-nav a.active i{color:#5546ed!important}
.admin-page .maintenance-nav,.admin-dashboard-page .maintenance-nav{background:#f8faff!important;border-color:#e1e7f0!important}
.admin-page .maintenance-badge,.admin-dashboard-page .maintenance-badge{background:#f0edff!important;color:#5546ed!important;border-color:#ded9ff!important}
.admin-page .logout-button,.admin-dashboard-page .logout-button{background:#fff1f3!important;color:#d83b55!important;border:1px solid #ffd6dd!important;border-radius:12px!important;padding:11px 12px!important;box-shadow:none!important}
.admin-page .logout-button:hover,.admin-dashboard-page .logout-button:hover{background:#d83b55!important;color:#fff!important}
.admin-page .main-content,.admin-dashboard-page .main-content,.admin-dashboard-page .main-container,.admin-page .page-wrapper{background:var(--ui-bg)!important;color:var(--ui-text)!important}
.admin-page .navbar,.admin-dashboard-page .navbar{background:rgba(255,255,255,.94)!important;color:var(--ui-text)!important;border-bottom:1px solid var(--ui-line)!important;box-shadow:0 1px 0 rgba(20,30,55,.03)!important}
.admin-page .navbar-brand,.admin-dashboard-page .navbar-brand{color:var(--ui-text)!important}.admin-page .navbar-brand i,.admin-dashboard-page .navbar-brand i{color:var(--ui-primary)!important}
.admin-page .btn-action,.admin-dashboard-page .btn-action{background:#fff!important;color:#52627a!important;border:1px solid var(--ui-line)!important;box-shadow:0 6px 18px rgba(27,45,78,.045)!important}
.admin-page .btn-action:hover,.admin-dashboard-page .btn-action:hover{background:#f3f1ff!important;color:#4638c8!important;border-color:#dcd8ff!important}
.admin-page .btn-action.logout,.admin-dashboard-page .btn-action.logout{background:#fff1f3!important;color:#d83b55!important;border-color:#ffd6dd!important}
.admin-page .btn-action.logout:hover,.admin-dashboard-page .btn-action.logout:hover{background:#d83b55!important;color:#fff!important}
.admin-page .d-card,.admin-dashboard-page .d-card{background:#fff!important;color:var(--ui-text)!important;border:1px solid var(--ui-line)!important;border-radius:18px!important;box-shadow:var(--ui-shadow)!important}
.admin-page .d-card::after,.admin-dashboard-page .d-card::after{background:#fff!important}
.admin-page .d-card:hover,.admin-dashboard-page .d-card:hover{box-shadow:var(--ui-shadow-lg)!important;transform:translateY(-5px) scale(1.01)!important}
.admin-page .card-title,.admin-dashboard-page .card-title,.admin-page .card-count,.admin-dashboard-page .card-count{color:var(--ui-text)!important}
.admin-page .card-subtext,.admin-dashboard-page .card-subtext{color:var(--ui-muted)!important}
.admin-page .form-section,.admin-page .match-card,.admin-page .no-match,.admin-page .modal-content,.admin-dashboard-page .form-section,.admin-dashboard-page .match-card,.admin-dashboard-page .no-match,.admin-dashboard-page .modal-content{background:#fff!important;color:var(--ui-text)!important;border:1px solid var(--ui-line)!important;box-shadow:var(--ui-shadow)!important}
.admin-page .form-section h2,.admin-dashboard-page .form-section h2{color:#4b3ed0!important;border-color:#edf0f5!important}
.admin-page .form-group label,.admin-dashboard-page .form-group label{color:#52627a!important}
.admin-page input,.admin-page select,.admin-page textarea,.admin-dashboard-page input,.admin-dashboard-page select,.admin-dashboard-page textarea{background:#fff!important;color:var(--ui-text)!important;border:1px solid #d8e0eb!important}
.admin-page input:focus,.admin-page select:focus,.admin-page textarea:focus,.admin-dashboard-page input:focus,.admin-dashboard-page select:focus,.admin-dashboard-page textarea:focus{border-color:#8177e9!important;box-shadow:0 0 0 4px rgba(91,76,230,.10)!important;outline:none!important}
.admin-page table,.admin-dashboard-page table{background:#fff!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important}
.admin-page th,.admin-dashboard-page th{background:#fafbfe!important;color:#5546ed!important;border-color:#edf0f5!important}
.admin-page td,.admin-dashboard-page td{color:#34445d!important;border-color:#edf0f5!important}
.admin-page .modal{background:rgba(20,28,48,.38)!important;backdrop-filter:blur(10px)!important}.admin-page .modal-content{border-radius:18px!important}
.admin-page .close-btn{color:#73819a!important}.admin-page .alert-success{background:#ecfbf5!important;color:#087f5b!important;border-color:#bdebd8!important}.admin-page .alert-danger,.admin-page .alert-error{background:#fff1f3!important;color:#c92f48!important;border-color:#ffd0d8!important}

/* Admin buttons: consistent hierarchy */
.admin-page .btn,.admin-page .btn-create,.admin-page .btn-result,.admin-page .btn-save,.admin-dashboard-page .btn,.admin-dashboard-page .btn-create,.admin-dashboard-page .btn-result{background:linear-gradient(135deg,var(--ui-primary),var(--ui-blue))!important;color:#fff!important;border:0!important;box-shadow:0 8px 20px rgba(91,76,230,.14)!important}
.admin-page .btn-back,.admin-page .btn-secondary,.admin-page .btn-cancel{background:#fff!important;color:#52627a!important;border:1px solid var(--ui-line)!important;box-shadow:none!important}
.admin-page .btn-delete{background:#fff1f3!important;color:#d83b55!important;border:1px solid #ffd6dd!important;box-shadow:none!important}
.admin-page .btn-joiners{background:#fff8e8!important;color:#a66a00!important;border:1px solid #f2dfaa!important}
.admin-page .btn-edit{background:#ecfbf5!important;color:#087f5b!important;border:1px solid #bdebd8!important}

/* Desktop admin layout */
@media(min-width:769px){
 .admin-page .sidebar,.admin-dashboard-page .sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:250px!important;overflow-y:auto!important;z-index:1000!important}
 .admin-page .main-content,.admin-dashboard-page .main-content{margin-left:250px!important;width:calc(100% - 250px)!important;min-height:100vh!important}
}
@media(max-width:768px){
 .admin-page .sidebar,.admin-dashboard-page .sidebar{position:relative!important;width:100%!important;min-height:auto!important}
 .admin-page .sidebar-nav,.admin-dashboard-page .sidebar-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
 .admin-page .logout-link,.admin-dashboard-page .logout-link{margin-top:8px!important}
 .admin-page .navbar,.admin-dashboard-page .navbar{padding:0 16px!important}.admin-page .main-content,.admin-dashboard-page .main-content{margin-left:0!important;width:100%!important}
 .admin-page .main-container,.admin-dashboard-page .main-container{padding:28px 16px!important}
 .admin-page .page-header,.admin-dashboard-page .page-header{margin-bottom:28px!important}.admin-page .page-header h1,.admin-dashboard-page .page-header h1{font-size:30px!important}
}
@media(max-width:520px){
 .profile-page .stats{grid-template-columns:1fr!important}.profile-page .header{padding-top:28px!important}
 .api-guide-page .page,.api-keys-page .page,.sms-history-page .page,.buy-credits-page .page{padding-left:14px!important;padding-right:14px!important}
 .api-keys-page .grid{grid-template-columns:1fr!important}
 .admin-page .sidebar-nav,.admin-dashboard-page .sidebar-nav{grid-template-columns:1fr!important}
 .admin-page .btn,.admin-page .btn-action,.admin-page .action-btn{min-height:42px!important}
}

/* Prevent legacy black text/icons on white controls and links. */
.admin-page a,.admin-dashboard-page a{color:#52627a}.admin-page .page-header h1,.admin-dashboard-page .page-header h1{filter:none!important}