/* Sadiqdev V8 Premium UI layer — presentation only; no payment or provider logic. */
:root{--sd-ink:#14213d;--sd-muted:#64748b;--sd-blue:#2447c6;--sd-violet:#5967e8;--sd-glass:rgba(255,255,255,.88);--sd-premium-shadow:0 14px 40px rgba(18,35,74,.075)}
html{scroll-padding-top:88px}body{font-feature-settings:"ss01" on,"cv11" on;letter-spacing:-.08px}
.page-content,.dashboard-content{max-width:1600px;margin-inline:auto}
.top-header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--sd-glass)!important;border-bottom:1px solid rgba(148,163,184,.18)!important}
.page-title{font-weight:800!important;letter-spacing:-.55px!important}
.wallet-card,.balance-card,.hero-card{box-shadow:0 18px 42px rgba(30,58,138,.17)!important}
.card,.panel,.stat-card,.service-card,.service-box,.form-card,.content-card,.wallet-card,.transaction-card,.notification-card,.profile-card,.settings-card{border:1px solid rgba(148,163,184,.17);box-shadow:var(--sd-premium-shadow)}
.service-card,.service-box{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.service-card:hover,.service-box:hover{transform:translateY(-3px);border-color:rgba(67,97,238,.28)}
.btn,.button,.primary-btn,button.btn{font-weight:750;letter-spacing:.05px}
.btn-primary,.btn.primary,.primary-btn{box-shadow:0 7px 18px rgba(59,91,219,.18)}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{border-color:rgba(148,163,184,.34)}
input:focus,select:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 4px rgba(67,97,238,.11)!important}
.alert,.notice,.flash-message{border-radius:13px}
/* Transaction and receipt content remains legible on narrow screens. */
.transaction-card,.transaction-item,.notification-card{overflow-wrap:anywhere}
.table-responsive,.table-wrap,.table-container{scrollbar-width:thin}
/* Admin workspace */
.adm-header{box-shadow:0 4px 18px rgba(15,23,42,.025)}
.adm-body .adm-tc,.adm-body .adm-card,.adm-body .adm-table-wrap{overflow:hidden}
.adm-body .adm-tc-head h3,.adm-body h2,.adm-body h3{letter-spacing:-.3px}
.adm-body .adm-link:focus-visible,.adm-body button:focus-visible{outline:3px solid rgba(67,97,238,.28);outline-offset:2px}
/* Public landing and content pages */
.navbar,.main-header,.site-header{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hero-section,.hero,.page-hero{isolation:isolate}
/* Dark mode overrides avoid bright white surfaces. */
[data-theme=dark] .top-header{background:rgba(15,25,45,.88)!important;border-color:rgba(148,163,184,.13)!important}
[data-theme=dark] .card,[data-theme=dark] .panel,[data-theme=dark] .stat-card,[data-theme=dark] .service-card,[data-theme=dark] .service-box,[data-theme=dark] .form-card,[data-theme=dark] .content-card,[data-theme=dark] .transaction-card,[data-theme=dark] .notification-card,[data-theme=dark] .profile-card,[data-theme=dark] .settings-card{border-color:rgba(148,163,184,.13);box-shadow:0 12px 32px rgba(0,0,0,.16)}
[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=hidden]),[data-theme=dark] select,[data-theme=dark] textarea{border-color:rgba(148,163,184,.24)}
@media(max-width:768px){.page-content,.dashboard-content{padding-left:14px;padding-right:14px}.top-header{min-height:58px}.page-title{font-size:17px!important}.service-card:hover,.service-box:hover{transform:none}.adm-body .adm-dt{min-width:680px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}