/* Hajipur Premium Max UI — visual-only layer. No data, routes, forms or JS logic changed. */
:root{--px:#2563eb;--pv:#7c3aed;--pt:#0f766e;--pg:#d4a72c;--pi:#14233a;--pm:#64748b;--pl:#e4eaf2;--ps:0 18px 45px rgba(15,32,54,.10),0 4px 12px rgba(15,32,54,.05)}
html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0 0,rgba(37,99,235,.11),transparent 24%),radial-gradient(circle at 100% 0,rgba(124,58,237,.10),transparent 24%),radial-gradient(circle at 50% 100%,rgba(16,185,129,.08),transparent 30%),linear-gradient(135deg,#f3f7fc,#fbfcff 52%,#f4f8ff)!important;color:#14233a!important}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(115deg,transparent 0 45%,rgba(255,255,255,.32) 50%,transparent 55%);opacity:.55}
.topbar{background:linear-gradient(110deg,#0b1f33,#123452 55%,#0f766e)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 16px 38px rgba(11,31,51,.20)!important;border-radius:0 0 18px 18px!important}
.brand-mini strong{color:#fff!important}.brand-mini small{color:#cbd8e6!important}.adaptive-device-pill{box-shadow:0 5px 14px rgba(0,0,0,.10)}
.hero-banner{background:linear-gradient(135deg,#123452 0%,#2563eb 52%,#7c3aed 100%)!important;border-radius:26px!important;box-shadow:0 25px 60px rgba(37,99,235,.20)!important;border:1px solid rgba(255,255,255,.20)!important}
.hero-banner:after{background:radial-gradient(circle,rgba(255,255,255,.18),transparent 68%)!important}.hero-banner:before{background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 48%,rgba(255,255,255,.05))!important}.hero-kicker{backdrop-filter:blur(10px)!important}.hero-mosque-wrap{box-shadow:0 24px 55px rgba(0,0,0,.28)!important;border:2px solid rgba(255,255,255,.20)!important}
#mainTab.nav-pills{background:rgba(255,255,255,.90)!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 15px 35px rgba(15,32,54,.10)!important;backdrop-filter:blur(14px)}#mainTab .nav-link{border-radius:12px!important;color:#43536a!important;transition:.2s ease;box-shadow:0 3px 9px rgba(15,32,54,.04)}#mainTab .nav-link.active{background:linear-gradient(135deg,#0f766e,#2563eb,#7c3aed)!important;box-shadow:0 10px 22px rgba(37,99,235,.24)!important;color:#fff!important;transform:translateY(-1px)}#mainTab .nav-link:hover:not(.active){background:#eef5ff!important;color:#2563eb!important;transform:translateY(-2px)}
.card,.feature-card,.quick-btn,.media-card,.admin-menu-card,.chart-card,.exec-card,.admission-card,.founder-card,.reference-notice-bar,.table-responsive,.section-title,.panel{border-color:rgba(219,228,239,.92)!important;box-shadow:var(--ps)!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(8px)}
.card,.feature-card,.quick-btn,.media-card,.admin-menu-card{position:relative;overflow:hidden}.card:before,.feature-card:before,.quick-btn:before,.media-card:before,.admin-menu-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#0f766e,#2563eb,#7c3aed,#ec4899);opacity:.88;pointer-events:none}
.feature-card,.quick-btn,.media-card,.admin-menu-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.feature-card:hover,.quick-btn:hover,.media-card:hover,.admin-menu-card:hover{transform:translateY(-5px);box-shadow:0 25px 55px rgba(15,32,54,.15)!important;border-color:#cbdaf0!important}
.admin-nav .nav-link{border-radius:13px!important;background:linear-gradient(145deg,#fff,#f5f8fc)!important;border:1px solid #e1e8f0!important;box-shadow:0 5px 13px rgba(15,32,54,.05);transition:.2s}.admin-nav .nav-link:hover:not(.active){transform:translateX(3px);background:linear-gradient(135deg,#eef6ff,#f5f3ff)!important;color:#2563eb!important}.admin-nav .nav-link.active{background:linear-gradient(135deg,#0f766e,#2563eb 58%,#7c3aed)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 25px rgba(37,99,235,.25)!important;transform:translateX(3px)}
.exec-card{border-radius:20px!important}.exec-card:after{background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(124,58,237,.03))!important}.exec-icon{box-shadow:0 8px 18px rgba(37,99,235,.10)}
.form-control,.form-select,.form-check-input{border-color:#d7e1ec!important;background:rgba(255,255,255,.96)!important;box-shadow:inset 0 1px 3px rgba(15,32,54,.025),0 4px 10px rgba(15,32,54,.025)!important;border-radius:11px!important}.form-control:focus,.form-select:focus{border-color:#60a5fa!important;box-shadow:0 0 0 .22rem rgba(37,99,235,.12),0 8px 18px rgba(37,99,235,.08)!important;transform:translateY(-1px)}
.btn{border-radius:11px!important;font-weight:800!important;box-shadow:0 7px 16px rgba(15,32,54,.11);transition:transform .18s,box-shadow .18s,filter .18s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(15,32,54,.17);filter:saturate(1.08)}.btn-primary{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;border:0!important}.btn-success{background:linear-gradient(135deg,#0f766e,#16a34a)!important;border:0!important}.btn-warning{background:linear-gradient(135deg,#f59e0b,#ea580c)!important;border:0!important;color:#fff!important}.btn-danger{background:linear-gradient(135deg,#e11d48,#dc2626)!important;border:0!important}.btn-info{background:linear-gradient(135deg,#0891b2,#2563eb)!important;border:0!important;color:#fff!important}
.table-responsive{border-radius:16px!important;overflow:hidden}.table thead th{background:linear-gradient(135deg,#eff6ff,#f5f3ff)!important;color:#24364a!important;border-bottom:2px solid #c7d2fe!important}.table tbody tr{transition:.15s}.table tbody tr:hover{background:#f7fbff!important;transform:scale(1.002)}
.badge{box-shadow:0 4px 10px rgba(15,32,54,.08)}.badge.text-bg-success{background:linear-gradient(135deg,#16a34a,#0f766e)!important}.badge.text-bg-primary{background:linear-gradient(135deg,#2563eb,#7c3aed)!important}
.signature-wrap,.signature-pad{border-color:#cbd8e6!important;border-radius:14px!important;box-shadow:inset 0 2px 6px rgba(15,32,54,.04)!important}
#tab-finance .finance-mini{border-radius:17px!important;box-shadow:0 10px 24px rgba(15,32,54,.07)!important;background:linear-gradient(145deg,#fff,#f7fbff)!important}.finance-mini{transition:.2s}.finance-mini:hover{transform:translateY(-3px)}
#tab-finance .row.g-4>.col-lg-6>.card,#tab-add-don .card{border-radius:20px!important}.sms-choice-card{box-shadow:0 10px 24px rgba(15,118,110,.09)!important;border-radius:17px!important}
.doc-preview{border-radius:20px!important;background:linear-gradient(145deg,#f7faff,#fff)!important;box-shadow:inset 0 1px 0 #fff,0 10px 25px rgba(15,32,54,.05)}.doc-preview-sheet{border-radius:16px!important;box-shadow:0 20px 45px rgba(15,32,54,.12)!important}
.modal-content{border:1px solid #dce6f0!important;border-radius:20px!important;box-shadow:0 30px 80px rgba(15,32,54,.20)!important;overflow:hidden}.modal-header{background:linear-gradient(135deg,#eff6ff,#f5f3ff);border-bottom:1px solid #e2e8f0!important}
.alert{border-radius:14px!important;box-shadow:0 8px 20px rgba(15,32,54,.06)}
@media(max-width:767.98px){.topbar{border-radius:0 0 14px 14px!important}.hero-banner{border-radius:20px!important}.card,.feature-card,.quick-btn,.media-card,.admin-menu-card{border-radius:16px!important}.btn{box-shadow:0 5px 12px rgba(15,32,54,.10)}.admin-nav .nav-link.active,.admin-nav .nav-link:hover:not(.active){transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Hajipur Mosque — Modern Islamic Design v2
   Visual-only layer: preserves routes, data, forms and JavaScript logic. */
:root{
  --hm-green:#0b6b4b;
  --hm-green-dark:#064b36;
  --hm-green-soft:#eaf7f1;
  --hm-gold:#c89b3c;
  --hm-gold-soft:#fff7e5;
  --hm-ink:#13261f;
  --hm-muted:#66756f;
  --hm-line:#dce8e2;
  --hm-shadow:0 12px 32px rgba(6,75,54,.08);
}
body{
  background:linear-gradient(180deg,#f5faf7 0,#f9fbfa 45%,#f3f8f5 100%)!important;
  color:var(--hm-ink)!important;
}
body:after{display:none!important}
.topbar{
  background:linear-gradient(110deg,var(--hm-green-dark),var(--hm-green))!important;
  border:0!important;border-radius:0 0 16px 16px!important;
  box-shadow:0 10px 28px rgba(6,75,54,.18)!important;
}
.hero-banner{
  background:linear-gradient(135deg,#064b36 0%,#0b6b4b 62%,#1b8060 100%)!important;
  box-shadow:0 22px 48px rgba(6,75,54,.18)!important;
  border:1px solid rgba(255,255,255,.14)!important;
}
.hero-banner:after{background:radial-gradient(circle,rgba(200,155,60,.18),transparent 64%)!important}
#mainTab.nav-pills{
  border:1px solid var(--hm-line)!important;
  box-shadow:0 10px 28px rgba(6,75,54,.07)!important;
}
#mainTab .nav-link.active{
  background:linear-gradient(135deg,var(--hm-green-dark),var(--hm-green))!important;
  box-shadow:0 8px 18px rgba(11,107,75,.20)!important;
}
#mainTab .nav-link:hover:not(.active){background:var(--hm-green-soft)!important;color:var(--hm-green)!important}
.card,.feature-card,.quick-btn,.media-card,.admin-menu-card,.chart-card,.exec-card,.admission-card,.founder-card,.table-responsive,.section-title,.panel{
  border-color:var(--hm-line)!important;box-shadow:var(--hm-shadow)!important;
}
.card:before,.feature-card:before,.quick-btn:before,.media-card:before,.admin-menu-card:before{
  background:linear-gradient(90deg,var(--hm-green),var(--hm-gold))!important;height:3px!important;
}
.feature-card:hover,.quick-btn:hover,.media-card:hover,.admin-menu-card:hover{
  border-color:#b9d9ca!important;box-shadow:0 20px 42px rgba(6,75,54,.12)!important;
}
.admin-menu-card{background:#f8fbf9!important;border-radius:18px!important}
.admin-nav .nav-link{
  background:#fff!important;color:#40564d!important;border:1px solid #e3ece7!important;
  box-shadow:none!important;border-radius:11px!important;
}
.admin-nav .nav-link.active{
  background:linear-gradient(135deg,var(--hm-green-dark),var(--hm-green))!important;
  color:#fff!important;border-color:transparent!important;
  box-shadow:0 8px 18px rgba(11,107,75,.18)!important;transform:none!important;
}
.admin-nav .nav-link:hover:not(.active){
  background:var(--hm-green-soft)!important;color:var(--hm-green)!important;
  border-color:#bfe0cf!important;transform:none!important;
}
.admin-nav .nav-link i{color:var(--hm-green)!important}
.admin-nav .nav-link.active i{color:#fff!important}
.exec-card{
  border-radius:17px!important;background:#fff!important;box-shadow:0 10px 28px rgba(6,75,54,.07)!important;
}
.exec-card:after{background:rgba(11,107,75,.055)!important}
.exec-card.gold{border-top-color:var(--hm-gold)!important}
.exec-card.red{border-top-color:#b84b55!important}
.exec-card.dark{border-top-color:var(--hm-green-dark)!important}
.exec-card.blue{border-top-color:#397c9d!important}
.exec-card:not(.gold):not(.red):not(.dark):not(.blue){border-top-color:var(--hm-green)!important}
.exec-icon{background:var(--hm-green-soft)!important;color:var(--hm-green)!important}
.exec-card.gold .exec-icon{background:var(--hm-gold-soft)!important;color:#9a7410!important}
.exec-value{color:var(--hm-ink)!important}
.section-eyebrow,.eyebrow{color:var(--hm-green)!important;letter-spacing:.1em!important}
.btn-primary,.btn-success{
  background:linear-gradient(135deg,var(--hm-green-dark),var(--hm-green))!important;border:0!important;
}
.btn-warning{background:linear-gradient(135deg,#c89b3c,#a87818)!important;border:0!important}
.form-control:focus,.form-select:focus{border-color:#72b89b!important;box-shadow:0 0 0 .22rem rgba(11,107,75,.10),0 8px 18px rgba(11,107,75,.06)!important}
.table thead th{background:linear-gradient(135deg,#edf7f2,#fff9ec)!important;border-bottom-color:#c9dfd3!important}
.badge.text-bg-success{background:linear-gradient(135deg,var(--hm-green),#16815b)!important}
.badge.text-bg-primary{background:linear-gradient(135deg,var(--hm-green-dark),var(--hm-green))!important}
.subadmin-slot.full{border-color:#a8d8c1!important;background:#effaf4!important}
.subadmin-slot.empty{border-color:#cfded7!important;background:#fbfdfc!important}
.subadmin-slot .slot-num{color:var(--hm-green)!important}
.login-flow-card{border:1px solid var(--hm-line)!important;box-shadow:0 28px 70px rgba(6,75,54,.20)!important}
.login-flow-head{background:linear-gradient(135deg,#edf7f2,#fffaf0)!important}
.login-flow-eyebrow{color:var(--hm-green)!important}
.login-flow-node:hover{border-color:#b8d9c8!important;box-shadow:0 12px 26px rgba(11,107,75,.10)!important}
.login-node .node-icon{background:var(--hm-green-soft)!important;color:var(--hm-green)!important}
.reset-node .node-icon{background:var(--hm-gold-soft)!important;color:#9a7410!important}

/* Cleaner dashboard hierarchy */
#adminDashboardBlock>.d-flex{
  background:linear-gradient(135deg,#ffffff,#f6fbf8)!important;
  border-color:#dce8e2!important;
}
#adminDashboardBlock>.d-flex h4{color:var(--hm-ink)!important}
.admin-top-actions .btn{background:#fff!important;color:var(--hm-green-dark)!important;border:1px solid #dce8e2!important;box-shadow:none!important}
.admin-top-actions .btn:hover{background:var(--hm-green-soft)!important;border-color:#b9d9ca!important}
.admin-top-actions .btn-danger{color:#b42332!important;background:#fff!important}
.admin-top-actions .btn-warning{color:#7a5812!important;background:#fff!important}

@media(max-width:767.98px){
  .admin-top-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important;width:100%}
  .admin-top-actions .btn{width:100%;font-size:.78rem}
  #adminDashboardBlock>.d-flex{gap:12px!important}
}

/* Compact Assistant Admin header */
.subadmin-compact-head{background:rgba(255,255,255,.94);border:1px solid rgba(31,111,87,.12);border-radius:18px;padding:18px 20px;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.subadmin-compact-head h5{color:#183b35}

/* ================================================================
   V36 — Deep Royal Luxury 3D Finish
   Visual-only enhancement. Routes, data, forms and JS logic unchanged.
   ================================================================ */
:root{
  --royal-950:#07152f;
  --royal-900:#0a1f46;
  --royal-800:#102f63;
  --royal-700:#173f7a;
  --royal-600:#2455a6;
  --royal-500:#356cc4;
  --royal-gold:#d7ad45;
  --royal-gold-light:#f3d889;
  --royal-cream:#fffaf0;
  --royal-line:rgba(215,173,69,.34);
  --royal-shadow:0 18px 42px rgba(7,21,47,.14),0 5px 14px rgba(7,21,47,.08);
}

body{
  background:
    radial-gradient(circle at 8% 0%,rgba(53,108,196,.10),transparent 24%),
    radial-gradient(circle at 92% 8%,rgba(215,173,69,.09),transparent 23%),
    linear-gradient(145deg,#f4f7fc 0%,#ffffff 48%,#f6f8fc 100%) !important;
}
.topbar{
  background:linear-gradient(110deg,var(--royal-950),var(--royal-800) 58%,var(--royal-700)) !important;
  box-shadow:0 16px 36px rgba(7,21,47,.22) !important;
}
.hero-banner{
  background:
    radial-gradient(circle at 82% 25%,rgba(243,216,137,.16),transparent 20%),
    linear-gradient(135deg,var(--royal-950) 0%,var(--royal-900) 42%,var(--royal-700) 100%) !important;
  box-shadow:0 24px 55px rgba(7,21,47,.22) !important;
}
.hero-banner h2 i,.hero-banner p:first-of-type{color:var(--royal-gold-light) !important}
#mainTab.nav-pills{background:rgba(7,21,47,.96) !important;box-shadow:0 12px 30px rgba(7,21,47,.15) !important}
#mainTab .nav-link.active{
  background:linear-gradient(145deg,var(--royal-gold-light),var(--royal-gold)) !important;
  color:var(--royal-950) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 8px 18px rgba(215,173,69,.22) !important;
}
.card,.feature-card,.quick-btn,.media-card,.admin-menu-card,.chart-card,.exec-card,.admission-card,.founder-card,.table-responsive,.section-title,.panel{
  box-shadow:var(--royal-shadow) !important;
}
.card:before,.feature-card:before,.quick-btn:before,.media-card:before,.admin-menu-card:before{
  background:linear-gradient(90deg,var(--royal-900),var(--royal-600),var(--royal-gold)) !important;
}
.feature-card:hover,.quick-btn:hover,.media-card:hover,.admin-menu-card:hover{
  box-shadow:0 28px 60px rgba(7,21,47,.17),0 4px 12px rgba(215,173,69,.08) !important;
}
.exec-card{transform:translateZ(0);box-shadow:0 15px 35px rgba(7,21,47,.10),inset 0 1px 0 #fff !important}
.exec-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px rgba(7,21,47,.16) !important}
.exec-card.gold{border-top-color:var(--royal-gold) !important}
.exec-card.dark,.exec-card:not(.gold):not(.red):not(.blue){border-top-color:var(--royal-700) !important}
.exec-icon{background:linear-gradient(145deg,#eef4ff,#dce8fb) !important;color:var(--royal-800) !important;box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(16,47,99,.12) !important}
.exec-card.gold .exec-icon{background:linear-gradient(145deg,#fff8df,#f1dda3) !important;color:#8a691b !important}
.btn-primary,.btn-success{
  background:linear-gradient(145deg,var(--royal-700),var(--royal-900)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 9px 20px rgba(7,21,47,.18) !important;
}
.btn-warning{background:linear-gradient(145deg,#e2bd5b,#b98922) !important}
.btn:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 14px 28px rgba(7,21,47,.20) !important}
.form-control:focus,.form-select:focus{border-color:#7b9ed7 !important;box-shadow:0 0 0 .22rem rgba(36,85,166,.11),0 9px 20px rgba(36,85,166,.08) !important}
.table thead th{background:linear-gradient(135deg,#edf3fc,#fffaf0) !important;color:var(--royal-950) !important;border-bottom-color:#c9d5e9 !important}
.badge.text-bg-primary{background:linear-gradient(145deg,var(--royal-600),var(--royal-900)) !important}

/* Luxury member/donation cards */
.member-donation-voucher{
  position:relative;overflow:hidden;border:1px solid #d7dfec !important;
  border-radius:18px !important;background:linear-gradient(145deg,#fff,#f8faff) !important;
  box-shadow:0 18px 40px rgba(7,21,47,.10),inset 0 1px 0 #fff !important;
}
.member-donation-voucher:after{content:"";position:absolute;right:-42px;top:-48px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(215,173,69,.14),transparent 68%);pointer-events:none}
.member-voucher-brand{color:var(--royal-950) !important}
.member-voucher-brand i,.member-voucher-samaj .member-voucher-brand i,.member-voucher-bazar .member-voucher-brand i{color:var(--royal-700) !important}
.member-voucher-title{color:#5c6c84 !important}
.member-voucher-meta span{background:linear-gradient(145deg,#fff,#f6f9fd) !important;border-color:#dce4ef !important;box-shadow:inset 0 1px 0 #fff,0 4px 10px rgba(7,21,47,.035)}
.member-voucher-grid>div{background:linear-gradient(145deg,#fff,#f7f9fd) !important;border-color:#dce4ef !important;box-shadow:inset 0 1px 0 #fff}
.member-voucher-amount,.member-voucher-bazar .member-voucher-amount{background:linear-gradient(145deg,#fff9e7,#f3e1a9) !important;border:1px solid rgba(183,139,34,.42) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 22px rgba(183,139,34,.12) !important}
.member-voucher-amount strong,.member-voucher-bazar .member-voucher-amount strong{color:var(--royal-900) !important;text-shadow:0 1px 0 #fff}
.member-voucher-print{background:linear-gradient(145deg,var(--royal-700),var(--royal-950)) !important;border:0 !important}

@media(max-width:767.98px){
  .member-donation-voucher{border-radius:15px !important}
}

/* Finance register pagination */
.finance-pagination{padding-top:4px;border-top:1px solid #e8efeb}.finance-pagination .btn{min-width:34px}.finance-pagination small{font-weight:600}
