@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{
 --spmb-bg:#f6f7f4;--spmb-surface:#fff;--spmb-ivory:#fbf8f1;--spmb-emerald:#071a3d;--spmb-emerald-2:#071a3d;--spmb-deep:#04122c;--spmb-gold:#c8a24d;--spmb-gold-soft:#f3e7c8;--spmb-ink:#04122c;--spmb-muted:#6a7b75;--spmb-line:#fff3bf;--spmb-danger:#b42318;--spmb-warning:#a16207;--spmb-radius:22px;--spmb-shadow:0 18px 52px rgba(4,18,44,.08)
}
*{box-sizing:border-box}body.spmb-ui{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:radial-gradient(circle at 0 0,rgba(200,162,77,.08),transparent 24%),linear-gradient(180deg,#faf9f5 0%,var(--spmb-bg) 100%);color:var(--spmb-ink);min-height:100vh;margin:0}.spmb-ui h1,.spmb-ui h2,.spmb-ui h3,.spmb-ui h4,.spmb-ui h5{letter-spacing:-.035em;color:var(--spmb-deep);font-weight:800}.spmb-ui a{text-underline-offset:3px}.spmb-container{width:min(1180px,calc(100% - 34px));margin:auto}.spmb-topnav{height:78px;background:rgba(255,253,249,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(200,162,77,.18);display:flex;align-items:center;position:sticky;top:0;z-index:50}.spmb-navinner{display:flex;align-items:center;justify-content:space-between;gap:18px}.spmb-brand{display:flex;align-items:center;gap:12px;color:var(--spmb-deep);text-decoration:none;min-width:0}.spmb-brand img{width:46px;height:46px;object-fit:contain;background:#fff;border-radius:14px;padding:5px;box-shadow:0 8px 20px rgba(4,18,44,.08)}.spmb-brand strong{display:block;font-size:.92rem}.spmb-brand small{display:block;font-size:.7rem;color:#8a7650;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.spmb-nav-actions{display:flex;align-items:center;gap:9px}.spmb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:12px 17px;font-weight:800;font-size:.84rem;text-decoration:none;border:1px solid transparent;transition:.18s ease}.spmb-btn-primary{background:linear-gradient(135deg,var(--spmb-emerald),var(--spmb-emerald-2));color:#fff;box-shadow:0 12px 26px rgba(4,18,44,.18)}.spmb-btn-primary:hover{color:#fff;transform:translateY(-1px)}.spmb-btn-gold{background:linear-gradient(135deg,#d6b55f,#b68d32);color:#04122c;box-shadow:0 12px 26px rgba(182,141,50,.16)}.spmb-btn-gold:hover{color:#04122c;transform:translateY(-1px)}.spmb-btn-soft{background:#fff;color:var(--spmb-deep);border-color:var(--spmb-line)}.spmb-btn-soft:hover{background:var(--spmb-ivory);color:var(--spmb-deep)}.spmb-hero{padding:74px 0 50px;position:relative;overflow:hidden}.spmb-hero:before{content:'';position:absolute;width:520px;height:520px;border-radius:50%;right:-160px;top:-210px;background:radial-gradient(circle,rgba(7,26,61,.16),transparent 65%);pointer-events:none}.spmb-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:42px;align-items:center}.spmb-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border-radius:999px;background:#f4ecda;border:1px solid rgba(200,162,77,.24);color:#8f6d20;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.spmb-eyebrow:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--spmb-gold);box-shadow:0 0 0 5px rgba(200,162,77,.14)}.spmb-hero h1{font-size:clamp(2.4rem,5vw,4.7rem);line-height:1.03;margin:18px 0 18px;max-width:850px}.spmb-hero p{color:var(--spmb-muted);font-size:1.06rem;line-height:1.8;max-width:720px}.spmb-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.spmb-hero-panel{background:linear-gradient(145deg,#04122c,#071a3d);border-radius:30px;padding:28px;color:#fff;box-shadow:0 30px 80px rgba(4,18,44,.2);position:relative;overflow:hidden}.spmb-hero-panel:after{content:'';position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;bottom:-110px;background:radial-gradient(circle,rgba(200,162,77,.28),transparent 68%)}.spmb-hero-panel h3{color:#fff}.spmb-hero-panel p{color:#fff3bf;font-size:.9rem}.spmb-mini-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px;position:relative;z-index:1}.spmb-mini-stat{padding:16px;border-radius:17px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09)}.spmb-mini-stat strong{display:block;color:#fff;font-size:1.35rem}.spmb-mini-stat span{font-size:.72rem;color:#fff3bf}.spmb-section{padding:44px 0 76px}.spmb-section-title{max-width:700px;margin-bottom:24px}.spmb-section-title h2{font-size:clamp(1.8rem,3vw,2.8rem);margin-bottom:10px}.spmb-section-title p{color:var(--spmb-muted);margin:0}.spmb-option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.spmb-option{background:linear-gradient(180deg,#fffdfa,#fff);border:1px solid rgba(200,162,77,.16);border-radius:24px;padding:24px;box-shadow:0 12px 34px rgba(4,18,44,.05);display:flex;flex-direction:column;min-height:260px;position:relative;overflow:hidden}.spmb-option:before{content:'';position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,var(--spmb-gold),var(--spmb-emerald))}.spmb-option-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#fff9df;color:var(--spmb-emerald);font-size:1.25rem;margin-bottom:18px}.spmb-option h3{font-size:1.12rem}.spmb-option p{color:var(--spmb-muted);font-size:.9rem;line-height:1.7;flex:1}.spmb-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.spmb-step{background:#fff;border:1px solid var(--spmb-line);border-radius:20px;padding:20px}.spmb-step-no{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--spmb-deep);color:#fff;font-size:.75rem;font-weight:800;margin-bottom:14px}.spmb-step h4{font-size:.96rem;margin-bottom:7px}.spmb-step p{font-size:.82rem;color:var(--spmb-muted);margin:0}.spmb-shell{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr)}.spmb-sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#04122c,#04122c);padding:22px 17px;color:#fff}.spmb-sidebar .spmb-brand{color:#fff;padding:4px 5px 20px;border-bottom:1px solid rgba(255,255,255,.09)}.spmb-sidebar .spmb-brand small{color:#f4df8a}.spmb-side-nav{display:grid;gap:7px;margin-top:21px}.spmb-side-nav a{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:12px;color:#fff3bf;text-decoration:none;font-size:.84rem;font-weight:700}.spmb-side-nav a i{width:19px;text-align:center}.spmb-side-nav a:hover,.spmb-side-nav a.active{background:rgba(255,255,255,.09);color:#fff}.spmb-side-nav a.active{box-shadow:inset 3px 0 0 var(--spmb-gold)}.spmb-main{padding:28px 34px 52px;min-width:0}.spmb-pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.spmb-pagehead h1{font-size:clamp(1.75rem,3vw,2.45rem);margin:0 0 6px}.spmb-pagehead p{margin:0;color:var(--spmb-muted);font-size:.9rem}.spmb-user-chip{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--spmb-line);border-radius:999px;padding:9px 12px;font-size:.78rem;font-weight:700;white-space:nowrap}.spmb-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.spmb-stat{background:#fff;border:1px solid rgba(200,162,77,.14);border-radius:19px;padding:18px;box-shadow:0 10px 28px rgba(4,18,44,.04)}.spmb-stat span{display:block;color:var(--spmb-muted);font-size:.74rem;font-weight:700}.spmb-stat strong{display:block;font-size:1.7rem;margin-top:5px;color:var(--spmb-deep)}.spmb-card{background:#fff;border:1px solid rgba(200,162,77,.14);border-radius:24px;box-shadow:var(--spmb-shadow);overflow:hidden}.spmb-card-head{padding:20px 22px;border-bottom:1px solid #edf0ed;display:flex;align-items:center;justify-content:space-between;gap:14px}.spmb-card-head h2,.spmb-card-head h3{font-size:1.05rem;margin:0}.spmb-card-body{padding:22px}.spmb-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.spmb-action{padding:20px;border:1px solid var(--spmb-line);border-radius:18px;text-decoration:none;color:var(--spmb-ink);background:#fff;transition:.18s}.spmb-action:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(4,18,44,.07);color:var(--spmb-ink);border-color:#f4df8a}.spmb-action i{font-size:1.35rem;color:var(--spmb-emerald)}.spmb-action strong{display:block;margin:10px 0 5px}.spmb-action span{font-size:.78rem;color:var(--spmb-muted)}.spmb-table{font-size:.81rem}.spmb-table thead th{background:#faf8f2;color:#0b2a5b;text-transform:uppercase;letter-spacing:.05em;font-size:.67rem;white-space:nowrap;border-bottom:1px solid #ebe7dc}.spmb-table td{vertical-align:middle}.spmb-status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-weight:800;font-size:.7rem}.spmb-status-success{background:#fff9df;color:#071a3d}.spmb-status-warning{background:#fff5da;color:#96620c}.spmb-status-danger{background:#fdeceb;color:#b42318}.spmb-status-neutral{background:#fff9df;color:#0b2a5b}.spmb-form .form-label{font-weight:700;color:#071a3d;font-size:.81rem}.spmb-form .form-control,.spmb-form .form-select{min-height:50px;border-radius:13px;border-color:#fff3bf}.spmb-form textarea.form-control{min-height:110px}.spmb-form .form-control:focus,.spmb-form .form-select:focus{border-color:#f4c430;box-shadow:0 0 0 .25rem rgba(7,26,61,.09)}.spmb-form-section{padding:18px 0;border-bottom:1px solid #edf0ee}.spmb-form-section:last-child{border-bottom:0}.spmb-form-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#8f6d20;font-weight:800;margin-bottom:13px}.spmb-login-wrap{min-height:100vh;display:grid;place-items:center;padding:28px 18px}.spmb-login{width:min(980px,100%);display:grid;grid-template-columns:1fr .9fr;background:#fff;border:1px solid rgba(200,162,77,.18);border-radius:30px;overflow:hidden;box-shadow:0 30px 85px rgba(4,18,44,.15)}.spmb-login-side{padding:48px;background:linear-gradient(145deg,#04122c,#071a3d);color:#fff;position:relative;overflow:hidden}.spmb-login-side h1{color:#fff;font-size:clamp(2rem,4vw,3.45rem);margin:55px 0 14px}.spmb-login-side p{color:#fff3bf;line-height:1.8}.spmb-login-form{padding:48px;display:flex;align-items:center}.spmb-login-form>form{width:100%;max-width:380px;margin:auto}.spmb-login-form h2{font-size:1.8rem}.spmb-result-panel{border-radius:24px;padding:26px;background:linear-gradient(135deg,#04122c,#071a3d);color:#fff}.spmb-result-panel h2,.spmb-result-panel h3{color:#fff}.spmb-result-panel p{color:#fff3bf}.spmb-lock{padding:20px;border:1px solid #ead9d6;background:#fff9f8;border-radius:18px;color:#7a3b35}.spmb-unlock{padding:20px;border:1px solid #f4df8a;background:#fff9df;border-radius:18px;color:#071a3d}.spmb-footer{padding:28px 0;color:#70807a;font-size:.78rem;border-top:1px solid var(--spmb-line);margin-top:34px}.spmb-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.spmb-note{font-size:.78rem;color:var(--spmb-muted)}
@media(max-width:980px){.spmb-hero-grid{grid-template-columns:1fr}.spmb-option-grid{grid-template-columns:1fr}.spmb-flow{grid-template-columns:repeat(2,1fr)}.spmb-shell{grid-template-columns:1fr}.spmb-sidebar{height:auto;position:relative}.spmb-side-nav{grid-template-columns:repeat(3,1fr)}.spmb-side-nav a{justify-content:center}.spmb-main{padding:22px 17px 40px}.spmb-stat-grid{grid-template-columns:repeat(2,1fr)}.spmb-action-grid{grid-template-columns:1fr}.spmb-login{grid-template-columns:1fr}.spmb-login-side{padding:34px}.spmb-login-side h1{margin-top:32px}.spmb-login-form{padding:36px 28px}}
@media(max-width:600px){.spmb-topnav{height:auto;padding:12px 0}.spmb-navinner{align-items:flex-start}.spmb-nav-actions .spmb-btn-soft{display:none}.spmb-brand strong{font-size:.8rem}.spmb-brand small{font-size:.62rem}.spmb-hero{padding:50px 0 32px}.spmb-hero h1{font-size:2.35rem}.spmb-hero-actions{flex-direction:column}.spmb-hero-actions .spmb-btn{width:100%}.spmb-mini-stats{grid-template-columns:1fr 1fr}.spmb-flow{grid-template-columns:1fr}.spmb-side-nav{grid-template-columns:1fr 1fr}.spmb-pagehead{flex-direction:column}.spmb-stat-grid{grid-template-columns:1fr 1fr}.spmb-card-head{align-items:flex-start;flex-direction:column}.spmb-login-wrap{padding:0}.spmb-login{min-height:100vh;border-radius:0;border:0}.spmb-login-side{padding:26px}.spmb-login-form{padding:30px 22px}.spmb-footer-inner{flex-direction:column;align-items:flex-start}}

/* V11.1: supporting information lives inside the portal, not in the main website dropdown. */
.spmb-info-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.spmb-info-links>a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border-radius:17px;background:#fff;border:1px solid var(--spmb-line);color:var(--spmb-deep);text-decoration:none;font-size:.84rem;font-weight:800;box-shadow:0 8px 24px rgba(4,18,44,.035);transition:.18s ease}
.spmb-info-links>a>span{display:flex;align-items:center;gap:10px}.spmb-info-links>a>span i{color:var(--spmb-gold);font-size:1rem}.spmb-info-links>a>i{color:var(--spmb-emerald)}
.spmb-info-links>a:hover{transform:translateY(-2px);border-color:rgba(200,162,77,.32);box-shadow:0 12px 28px rgba(4,18,44,.07);color:var(--spmb-deep)}
@media(max-width:680px){.spmb-info-links{grid-template-columns:1fr}}

/* =========================================================
   V12 SPMB CMS Builder presets
   ========================================================= */
.spmb-cycle-note{margin-top:12px;color:var(--spmb-muted);font-size:.78rem;font-weight:700;letter-spacing:.04em}
.spmb-hero[style*="--spmb-hero-image"]:after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(250,249,245,.96) 0%,rgba(250,249,245,.86) 45%,rgba(250,249,245,.45) 100%),var(--spmb-hero-image);background-size:cover;background-position:center;z-index:-2}.spmb-hero[style*="--spmb-hero-image"]:before{z-index:-1}
.spmb-hero-centered .spmb-hero-grid{grid-template-columns:1fr;text-align:center}.spmb-hero-centered .spmb-hero-grid>div:first-child{max-width:900px;margin:auto}.spmb-hero-centered .spmb-hero p{margin-left:auto;margin-right:auto}.spmb-hero-centered .spmb-hero-actions{justify-content:center}.spmb-hero-centered .spmb-hero-panel{max-width:780px;margin:10px auto 0;text-align:left}.spmb-hero-compact .spmb-hero{padding:42px 0 34px}.spmb-hero-compact .spmb-hero h1{font-size:clamp(2rem,4vw,3.5rem)}
.spmb-card-bordered .spmb-option,.spmb-card-bordered .spmb-card,.spmb-card-bordered .spmb-step{box-shadow:none;border-width:2px}.spmb-card-glass .spmb-option,.spmb-card-glass .spmb-card,.spmb-card-glass .spmb-step{background:rgba(255,255,255,.72);backdrop-filter:blur(14px);border-color:rgba(255,255,255,.8)}
.spmb-layout-minimal{--spmb-bg:#f8faf9}.spmb-layout-minimal .spmb-hero-panel{background:#fff;color:var(--spmb-ink);border:1px solid var(--spmb-line);box-shadow:var(--spmb-shadow)}.spmb-layout-minimal .spmb-hero-panel h3{color:var(--spmb-deep)}.spmb-layout-minimal .spmb-hero-panel p,.spmb-layout-minimal .spmb-mini-stat span{color:var(--spmb-muted)}.spmb-layout-minimal .spmb-mini-stat{background:#f8faf9;border-color:var(--spmb-line)}.spmb-layout-minimal .spmb-mini-stat strong{color:var(--spmb-deep)}.spmb-layout-minimal .spmb-option:before{height:2px}
.spmb-layout-islamic body,.spmb-layout-islamic{background-color:#f8f5ed}.spmb-layout-islamic .spmb-hero{background:radial-gradient(circle at 85% 12%,color-mix(in srgb,var(--spmb-gold) 18%,transparent),transparent 30%),linear-gradient(180deg,#fbfaf6,#f7f3e8)}.spmb-layout-islamic .spmb-hero-panel{background:linear-gradient(145deg,var(--spmb-secondary,var(--spmb-deep)),var(--spmb-emerald));border:1px solid color-mix(in srgb,var(--spmb-gold) 30%,transparent)}.spmb-layout-islamic .spmb-option{border-color:color-mix(in srgb,var(--spmb-gold) 24%,#fff3bf)}
.spmb-layout-dark{--spmb-bg:#04122c;--spmb-surface:#04122c;--spmb-ink:#fff9df;--spmb-muted:#f4c430;--spmb-line:#071a3d}.spmb-layout-dark body,.spmb-layout-dark{background:linear-gradient(180deg,#04122c,#04122c);color:var(--spmb-ink)}.spmb-layout-dark .spmb-topnav{background:rgba(4,18,44,.94);border-bottom-color:#071a3d}.spmb-layout-dark .spmb-brand{color:#fff}.spmb-layout-dark .spmb-brand small{color:#d2b96f}.spmb-layout-dark .spmb-btn-soft{background:#04122c;color:#fff9df;border-color:#071a3d}.spmb-layout-dark .spmb-hero h1,.spmb-layout-dark .spmb-section-title h2,.spmb-layout-dark .spmb-option h3,.spmb-layout-dark .spmb-step h4{color:#fff}.spmb-layout-dark .spmb-option,.spmb-layout-dark .spmb-step{background:#04122c;border-color:#071a3d}.spmb-layout-dark .spmb-option p,.spmb-layout-dark .spmb-step p,.spmb-layout-dark .spmb-section-title p{color:#f4c430}.spmb-layout-dark .spmb-info-links>a{background:#04122c;border-color:#071a3d;color:#fff}.spmb-layout-dark .spmb-footer{border-top-color:#071a3d;color:#f4c430}
@media(max-width:980px){.spmb-hero-centered .spmb-hero-panel{max-width:none}}

/* V12.9.11: dashboard and public-header overlap prevention */
.spmb-ui,.spmb-shell,.spmb-main,.spmb-card,.spmb-pagehead,.spmb-pagehead>div,.spmb-card-body,.spmb-card-head,.spmb-card-head>div{min-width:0}
.spmb-ui .spmb-brand span{min-width:0;overflow-wrap:anywhere}
.spmb-ui .spmb-user-chip{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.spmb-ui .spmb-card-head,.spmb-ui .spmb-pagehead,.spmb-ui .spmb-result-panel{overflow-wrap:anywhere}
.spmb-ui .spmb-btn{max-width:100%;white-space:normal;text-align:center}
.spmb-ui .spmb-nav-actions{flex-shrink:0}
.spmb-ui .spmb-table{width:100%;}
.spmb-ui .table-responsive{max-width:100%;}
.spmb-ui [hidden]{display:none!important}
@media(max-width:600px){
  .spmb-ui .spmb-navinner{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
  .spmb-ui .spmb-navinner>.spmb-brand{width:100%;flex:1 1 100%}
  .spmb-ui .spmb-nav-actions{width:100%;flex:1 1 100%;justify-content:flex-end;flex-wrap:wrap}
  .spmb-ui .spmb-hero h1{font-size:clamp(1.9rem,9vw,2.35rem);overflow-wrap:anywhere}
  .spmb-ui .spmb-sidebar{padding:16px 12px}
  .spmb-ui .spmb-side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .spmb-ui .spmb-side-nav a{min-width:0;padding:11px 7px;line-height:1.4;font-size:.74rem;overflow-wrap:anywhere}
  .spmb-ui .spmb-side-nav a i{flex:0 0 18px}
  .spmb-ui .spmb-pagehead{align-items:stretch}
  .spmb-ui .spmb-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .spmb-ui .spmb-card-head{gap:9px}
}
@media(max-width:360px){
  .spmb-ui .spmb-side-nav{grid-template-columns:1fr}
  .spmb-ui .spmb-stat-grid{grid-template-columns:1fr}
  .spmb-ui .spmb-main{padding:17px 12px 36px}
}

/* Four operational shortcuts need a 2x2 layout, not four cramped columns. */
.spmb-action-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px){.spmb-action-grid-four{grid-template-columns:1fr}}

/* =========================================================
   V12.9.33 — GLOBAL SPMB NAVY / GOLD / WHITE THEME
   Overrides CMS colour presets to maintain institutional identity.
   ========================================================= */
.spmb-ui {
  --spmb-emerald:#0b2a5b!important;
  --spmb-emerald-2:#071a3d!important;
  --spmb-deep:#071a3d!important;
  --spmb-gold:#f4c430!important;
  --spmb-ivory:#f7f9fc!important;
  --spmb-bg:#f5f7fb!important;
  --spmb-surface:#ffffff!important;
  --spmb-ink:#14213a!important;
  --spmb-muted:#627089!important;
  --spmb-line:#dbe2ed!important;
}
.spmb-ui,.spmb-ui body { background:#f5f7fb!important; color:var(--spmb-ink)!important; }
.spmb-topnav { background:rgba(7,26,61,.98)!important; border-bottom:1px solid rgba(244,196,48,.32)!important; }
.spmb-topnav .spmb-brand,.spmb-topnav .spmb-brand strong { color:#fff!important; }
.spmb-topnav .spmb-brand small { color:var(--spmb-gold)!important; }
.spmb-btn-primary { background:var(--spmb-gold)!important; border-color:var(--spmb-gold)!important; color:#071a3d!important; }
.spmb-btn-primary:hover { background:#ffd84d!important; border-color:#ffd84d!important; color:#071a3d!important; }
.spmb-btn-soft { background:#fff!important; color:#071a3d!important; border-color:#dbe2ed!important; }
.spmb-btn-soft:hover { background:#fff6cf!important; border-color:var(--spmb-gold)!important; }
.spmb-hero { background:radial-gradient(circle at 85% 12%,rgba(244,196,48,.18),transparent 30%),linear-gradient(180deg,#f8faff,#eef2f8)!important; }
.spmb-hero h1,.spmb-section-title h2,.spmb-option h3,.spmb-step h4,.spmb-pagehead h1 { color:#071a3d!important; }
.spmb-eyebrow { color:#b38a00!important; }
.spmb-option:before { background:linear-gradient(90deg,var(--spmb-gold),#0b2a5b)!important; }
.spmb-option-icon { background:#fff5c7!important; color:#071a3d!important; }
.spmb-step-no { background:#071a3d!important; color:#fff!important; box-shadow:inset 0 -3px 0 rgba(244,196,48,.7); }
.spmb-sidebar { background:linear-gradient(180deg,#071a3d,#0b2a5b)!important; border-right:1px solid rgba(244,196,48,.22)!important; }
.spmb-sidebar .spmb-brand small { color:#f7dc72!important; }
.spmb-side-nav a { color:#eef2f8!important; }
.spmb-side-nav a:hover { background:rgba(244,196,48,.12)!important; color:#fff!important; }
.spmb-side-nav a.active { background:var(--spmb-gold)!important; color:#071a3d!important; box-shadow:none!important; }
.spmb-side-nav a.active i { color:#071a3d!important; }
.spmb-stat,.spmb-card,.spmb-option,.spmb-step,.spmb-action,.spmb-user-chip { border-color:#dbe2ed!important; }
.spmb-stat strong,.spmb-action i { color:#0b2a5b!important; }
.spmb-card-head { border-bottom-color:#e6eaf1!important; }
.spmb-table thead th { background:#071a3d!important; color:#fff!important; border-bottom-color:#f4c430!important; }
.spmb-form .form-label { color:#273956!important; }
.spmb-form .form-control:focus,.spmb-form .form-select:focus { border-color:var(--spmb-gold)!important; box-shadow:0 0 0 .25rem rgba(244,196,48,.18)!important; }
.spmb-form-title { color:#9a7600!important; }
.spmb-login { border-color:rgba(244,196,48,.35)!important; box-shadow:0 30px 85px rgba(7,26,61,.18)!important; }
.spmb-login-side,.spmb-result-panel { background:linear-gradient(145deg,#071a3d,#0b2a5b)!important; }
.spmb-login-side h1,.spmb-result-panel h2,.spmb-result-panel h3 { color:#fff!important; }
.spmb-login-side p,.spmb-result-panel p { color:#eef2f8!important; }
.spmb-login-side .spmb-brand small { color:var(--spmb-gold)!important; }
.spmb-info-links>a>span i { color:#b58c00!important; }
.spmb-info-links>a>i { color:#0b2a5b!important; }
.spmb-info-links>a:hover { border-color:rgba(244,196,48,.65)!important; }
.spmb-layout-dark,.spmb-layout-islamic,.spmb-layout-minimal { --spmb-bg:#f5f7fb!important; --spmb-surface:#fff!important; --spmb-ink:#14213a!important; --spmb-muted:#627089!important; --spmb-line:#dbe2ed!important; }
.spmb-layout-dark body,.spmb-layout-dark { background:#f5f7fb!important; color:#14213a!important; }
.spmb-layout-dark .spmb-option,.spmb-layout-dark .spmb-step,.spmb-layout-dark .spmb-info-links>a { background:#fff!important; border-color:#dbe2ed!important; color:#14213a!important; }
.spmb-layout-dark .spmb-hero h1,.spmb-layout-dark .spmb-section-title h2,.spmb-layout-dark .spmb-option h3,.spmb-layout-dark .spmb-step h4 { color:#071a3d!important; }
.spmb-layout-dark .spmb-option p,.spmb-layout-dark .spmb-step p,.spmb-layout-dark .spmb-section-title p { color:#627089!important; }