/* Unified tech portal shell: dashboard and Jamaah Leads use the same visual language. */
:root{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important}
body,button,input,select,textarea{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important}
h1,h2,h3,.page-head h1,.banner h2,.metric strong,.plan-price,.commission-grid strong{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;letter-spacing:-.035em!important}
.page-head h1{font-weight:760!important}.banner h2{font-weight:720!important}.metric strong{font-weight:740!important}
.sidebar nav a::before{position:static!important;top:auto!important;left:auto!important;display:inline-grid;place-items:center;width:24px;height:24px;flex:none;color:#e8c06d;font-size:1.05rem;filter:drop-shadow(0 0 8px #e4bb7130)}
.sidebar nav a:nth-child(1)::before{content:'⌂'}.sidebar nav a:nth-child(2)::before{content:'☪'}.sidebar nav a:nth-child(3)::before{content:'✦'}.sidebar nav a:nth-child(4)::before{content:'☾'}.sidebar nav a:nth-child(5)::before{content:'◈'}.sidebar nav a:nth-child(6)::before{content:'✧'}.sidebar nav a:nth-child(7)::before{content:'◌'}.sidebar nav a:nth-child(8)::before{content:'?'}
#leadSidebar nav span{display:none!important}
.sidebar nav a{position:relative;min-height:50px;padding-left:15px!important;font-weight:650}
.app-shell.collapsed{grid-template-columns:84px minmax(0,1fr)!important}.app-shell.collapsed .sidebar{width:84px!important}.app-shell.collapsed .sidebar .brand{width:52px!important;margin-left:auto!important;margin-right:auto!important}.app-shell.collapsed .sidebar nav a{justify-content:center!important;padding-left:0!important;padding-right:0!important}.app-shell.collapsed .sidebar nav a::before{margin:0!important}.app-shell.collapsed .sidebar nav a span,.app-shell.collapsed .sidebar .nav-label{display:none!important}
.sidebar nav a .nav-icon{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:2px;color:#e8c06d;font-size:1.06rem;filter:drop-shadow(0 0 8px #e4bb7130)}
.sidebar nav a[aria-current] .nav-icon{color:#fff5d8}
#profileToggle{display:flex;align-items:center;gap:11px;text-align:left;min-width:286px;max-width:340px;background:linear-gradient(135deg,#17313a,#10232c);border-color:var(--line);border-radius:15px;padding:8px 13px}
#profileToggle>span:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;line-height:1.25}
#topName{display:block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#topEmail{display:block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9ab7b5;font-size:.76rem;font-weight:500}
.lead-profile{display:flex;align-items:center;gap:11px;min-width:286px;max-width:340px;background:linear-gradient(135deg,#17313a,#10232c);border:1px solid var(--line);border-radius:15px;padding:8px 13px}.lead-profile>span:last-child{display:flex;flex-direction:column;min-width:0}.lead-profile strong,.lead-profile small{display:block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-profile small{color:#9ab7b5;font-size:.76rem;margin:1px 0 0}
.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.profile-grid article{min-width:0;padding:18px!important}.profile-grid strong{display:block;min-width:0;overflow-wrap:anywhere;line-height:1.35}
#profileForm{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px 22px!important;align-items:end}.profile-grid+.panel{margin-top:18px}.profile-hero{margin-bottom:0}
#content>.panel{margin-top:20px!important}.faq-list{display:grid;gap:12px}.faq-list details{border:1px solid var(--line);border-radius:14px;background:#09191f;padding:0 18px}.faq-list summary{padding:17px 0;cursor:pointer;font-weight:750;color:#f5cf79}.faq-list p{max-width:780px;margin:0 0 17px;line-height:1.7;color:#aac3c1}.level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:17px 0}.level-card{padding:16px;border:1px solid #d7b45a40;border-radius:14px;background:#0a191e}.level-card strong{display:block;margin:5px 0;color:#f3cb76;font-size:1.1rem}.level-card small{color:#9cb7b4}.network-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:17px 0}.network-stats article{padding:15px;border:1px solid var(--line);border-radius:14px;background:#09191f}.network-stats strong{display:block;color:#f1ca74;font-size:1.6rem;margin-top:6px}
.lead-tabs{margin:18px 0 22px}.lead-tabs button{border-radius:12px}.lead-tabs .primary{box-shadow:none}
#leadShell .workspace{padding-top:28px!important}#leadShell .topbar{margin-bottom:24px!important}#leadShell .page-head h1{margin:0!important}.search-form{gap:16px}.search-form>div{min-width:0}.panel-head{padding-bottom:8px}
@media(max-width:900px){#profileToggle{min-width:0;max-width:210px}.profile-grid,#profileForm{grid-template-columns:1fr!important}.network-stats{grid-template-columns:repeat(2,1fr)}.level-grid{grid-template-columns:1fr}.workspace{padding:22px!important}}
@media(max-width:600px){#profileToggle{padding:7px;max-width:none}.top-right>#notice{display:none}#topName,#topEmail{max-width:125px}.sidebar nav a .nav-icon{margin-right:8px}}

/* Authentication: clearer tab affordance and a more composed premium welcome panel. */
.auth-story{position:relative;overflow:hidden;padding:56px 11%;background:radial-gradient(circle at 78% 74%,#c8962f21,transparent 26%),radial-gradient(circle at 30% 100%,#0b8d7740,transparent 39%),#09181d}.auth-story:after{content:'';position:absolute;right:-110px;bottom:-130px;width:430px;height:430px;border:1px solid #e5b95d42;border-radius:50%;box-shadow:0 0 0 32px #e5b95d0b,0 0 0 68px #e5b95d08}.auth-story .brand{position:relative;z-index:1;font-size:0;width:218px;height:88px;background:url('/assets/umrohcenter-logo-transparent-v2.png') left center/contain no-repeat}.auth-story h1{position:relative;z-index:1;max-width:620px;font-size:clamp(3rem,4.3vw,4.7rem);line-height:1.04;margin:108px 0 26px!important;letter-spacing:-.055em!important}.auth-story h1 span{display:inline-block;margin-top:8px}.auth-story>p{position:relative;z-index:1;max-width:490px;font-size:1.05rem;line-height:1.75;color:#a9c3c1}.auth-card{border-color:#d9b46133;background:linear-gradient(145deg,#132b32,#102027);box-shadow:0 24px 70px #0005}.tabs{position:relative;gap:0;padding:5px;background:#08161c;border-color:#31504e}.tabs a{position:relative;font-weight:700;color:#9db7b5;transition:color .18s,background .18s,transform .18s}.tabs a:first-child:after{content:'';position:absolute;right:0;top:10px;bottom:10px;width:1px;background:#35504f}.tabs a:hover{color:#f9d687;background:#1a3736;transform:translateY(-1px)}.tabs a[aria-current]{background:linear-gradient(120deg,#147d6d,#1aa88d);color:#fff;box-shadow:0 6px 16px #001d1980}.tabs a[aria-current]:after{display:none}.auth-card input{background:#0a171e}.auth-card input:focus{border-color:#d9b461;box-shadow:0 0 0 3px #d9b4611e}
button:disabled{position:relative;color:transparent!important;min-width:112px}button:disabled:after{content:'';position:absolute;inset:50% auto auto 50%;width:16px;height:16px;margin:-8px;border:2px solid #ffffff70;border-top-color:#fff;border-radius:50%;animation:uc-spin .7s linear infinite}@keyframes uc-spin{to{transform:rotate(360deg)}}
.auth-story .brand{display:block!important}.auth-story .brand img{display:block!important;width:218px!important;height:88px!important;object-fit:contain!important;object-position:left center!important}

/* Invoice modal and payment hierarchy. */
.invoice-modal{position:fixed;z-index:70;inset:0;display:grid;place-items:center;padding:20px;background:#020a0bbd;backdrop-filter:blur(7px)}.invoice-dialog{position:relative;width:min(610px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:32px;border:1px solid #e6b75a70;border-radius:25px;background:radial-gradient(circle at 100% 0,#be8e2a22,transparent 34%),linear-gradient(145deg,#16343a,#0b1d24);box-shadow:0 32px 100px #000}.invoice-dialog h2{font-size:2rem;margin:12px 0 0}.invoice-number{color:#f1ca78;font-family:ui-monospace,monospace;font-weight:800;letter-spacing:.08em}.invoice-total{font-size:clamp(2.2rem,7vw,3.4rem);font-weight:800;letter-spacing:-.05em;color:#fff0bd;margin:14px 0}.invoice-dialog h3{margin:24px 0 10px}.payment-banks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.payment-bank{padding:15px;border:1px solid #d9b46142;border-radius:14px;background:#071419}.payment-bank b,.payment-bank strong,.payment-bank small{display:block}.payment-bank b{color:#eec76e;font-size:.8rem}.payment-bank strong{font-size:1.05rem;margin:6px 0;letter-spacing:.02em}.invoice-dialog label{margin-top:20px}.invoice-dialog input{margin:0 0 10px}.invoice-close{position:absolute;right:16px;top:16px;width:38px;height:38px;padding:0;border-radius:50%;font-size:1.5rem;line-height:1;background:#183037}.invoice-dialog .action-link{margin:4px 0 4px}.invoice-dialog .primary{margin-top:4px}.invoice-dialog .notice-card{margin-top:18px;padding:15px}@media(max-width:600px){.auth-story{min-height:45vh;padding:30px}.auth-story h1{margin:60px 0 18px!important;font-size:2.6rem}.auth-story>p{font-size:.96rem}.payment-banks{grid-template-columns:1fr}.invoice-dialog{padding:25px 20px}.invoice-dialog h2{font-size:1.6rem}}