@import url("typography.css?v=3.9.8-live-final");
:root{--green:#0b5d4b;--green-dark:#073f35;--navy:#102a43;--gold:#d4a017;--bg:#f3f7f5;--card:#fff;--text:#172b27;--muted:#66756f;--line:#dbe7e3;--danger:#b42318;--ok:#08704f;--shadow:0 14px 38px rgba(7,63,53,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:15px}button,input,select,textarea{font:inherit}.hidden{display:none!important}a{text-decoration:none;color:inherit}img{max-width:100%}.btn,.solid-btn,.ghost-btn{border:0;border-radius:12px;padding:11px 17px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn,.solid-btn{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;box-shadow:0 8px 18px rgba(11,93,75,.2)}.btn.secondary,.ghost-btn{background:#fff;color:var(--green);border:1px solid var(--green);box-shadow:none}.btn.danger{background:var(--danger)}.btn.gold{background:var(--gold);color:#1f1700}.btn.small,.compact{padding:8px 11px;font-size:13px}.link{border:0;background:none;color:var(--green);font-weight:750;cursor:pointer}.public-page{min-height:100vh;background:radial-gradient(circle at 8% 0,#dff4ed 0,transparent 28%),var(--bg)}.site-header,.public-head{min-height:78px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px clamp(16px,5vw,70px);box-shadow:0 4px 22px rgba(11,93,75,.08);position:sticky;top:0;z-index:25}.brand-lockup,.public-head{display:flex;align-items:center;gap:12px}.brand-lockup img,.public-head img,.brand img,.login img,.login-card img{width:58px;height:58px;object-fit:contain}.brand-lockup span{display:grid}.brand-lockup b{font-size:21px}.brand-lockup small{color:var(--muted);margin-top:3px}.top-actions{display:flex;gap:10px}.hero-strip{max-width:1280px;margin:24px auto 0;padding:32px clamp(20px,4vw,52px);border-radius:24px;color:#fff;background:linear-gradient(125deg,var(--green-dark),var(--green) 62%,#16826b);display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:0 18px 45px rgba(7,63,53,.22)}.hero-strip h1{margin:8px 0;font-size:clamp(28px,4vw,45px);max-width:760px}.hero-strip p{margin:0;color:#d9f3eb}.eyebrow,.section-kicker{font-size:12px;font-weight:850;letter-spacing:.12em;color:#f6c846}.hero-points{display:grid;gap:10px;white-space:nowrap}.hero-points span{background:#ffffff18;padding:10px 13px;border-radius:10px}.wizard-shell{max-width:1180px;margin:24px auto;padding:0 16px 35px}.stepper{display:flex;align-items:center;background:#fff;padding:17px 24px;border-radius:18px;box-shadow:0 8px 28px rgba(11,93,75,.08);margin-bottom:16px}.step-dot{display:flex;align-items:center;gap:8px;color:#93a39e}.step-dot b{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e9efed}.step-dot.active{color:var(--green);font-weight:750}.step-dot.active b{background:var(--green);color:#fff}.stepper i{height:2px;background:#dce7e3;flex:1;margin:0 10px}.step-panel{display:none;background:#fff;border:1px solid #e0ebe7;border-radius:22px;padding:clamp(18px,3vw,32px);box-shadow:var(--shadow)}.step-panel.active{display:block}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}.panel-heading h2{margin:5px 0 6px;font-size:27px}.panel-heading p{margin:0;color:var(--muted)}.secure-pill,.verified-badge{background:#e9f8f2;color:var(--ok);padding:8px 12px;border-radius:999px;font-size:13px;font-weight:800;white-space:nowrap}.group-title{font-size:16px;margin:24px 0 11px;color:#38534b}.choice-grid,.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.preference-card,.choice{border:1px solid var(--line);background:#fff;border-radius:16px;padding:15px;text-align:left;display:grid;grid-template-columns:42px 1fr 22px;gap:12px;cursor:pointer;transition:.18s;min-height:120px}.preference-card:hover,.choice:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(11,93,75,.1)}.preference-card.selected,.choice.selected{border:2px solid var(--green);background:#eaf6f2}.pref-icon{width:42px;height:42px;border-radius:13px;background:#eef5f2;color:var(--green);display:grid;place-items:center;font-weight:900}.preference-card b,.preference-card small,.preference-card em{display:block}.preference-card small{color:var(--muted);margin:5px 0;line-height:1.35}.preference-card em{font-size:12px;color:#8a6810;font-style:normal}.preference-card>i{opacity:0;color:var(--green);font-style:normal;font-weight:900}.preference-card.selected>i{opacity:1}.form-grid,.grid,.record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}label{display:grid;gap:7px;font-weight:700;font-size:14px}input,select,textarea{width:100%;border:1px solid #c8d8d3;border-radius:11px;padding:12px;background:#fff;min-height:45px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(11,93,75,.08)}textarea{min-height:100px;resize:vertical}.wide{grid-column:1/-1}.upload-box{border:1px dashed #a9c1b9;padding:12px;border-radius:13px;background:#fbfdfc}.upload-box input{padding:8px;background:#fff}.upload-box small{font-weight:500;color:var(--muted)}.education-card{border:1px solid var(--line);padding:18px;border-radius:17px;margin:13px 0;background:#fbfdfc}.education-head{display:flex;justify-content:space-between;margin-bottom:14px}.remove-edu{border:0;background:#fee4e2;color:var(--danger);border-radius:8px;padding:7px 10px;font-weight:700;cursor:pointer}.checkout-card,.summary{max-width:760px;margin:auto;border:1px solid var(--line);border-radius:20px;padding:23px;background:linear-gradient(180deg,#fff,#f7fbf9)}.summary-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.summary-chips span{padding:7px 10px;background:#eaf6f2;border-radius:999px;color:var(--green);font-weight:700}.amount-row,.admission-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:18px 0}.amount-row strong,.admission-total strong{font-size:29px;color:var(--green)}.consent-row{display:flex;grid-template-columns:auto 1fr;align-items:flex-start;gap:10px}.consent-row input{width:20px;min-height:auto}.wizard-actions,.actions,.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.continue-banner{max-width:1150px;margin:0 auto 35px;background:#fff7da;border:1px solid #f0d780;border-radius:18px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.continue-banner div{display:grid;gap:4px}.continue-shell{max-width:900px;margin:45px auto;padding:0 18px}.lookup-card,.admission-panel,.card,.portal-section{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 12px 32px rgba(7,63,53,.08);margin-bottom:16px}.lookup-card{text-align:center}.lookup-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;margin-top:25px;text-align:left}.admission-items{display:grid;gap:10px;margin:20px 0}.admission-items>div{display:flex;justify-content:space-between;padding:14px;border:1px solid var(--line);border-radius:13px}.success-mark{width:68px;height:68px;border-radius:50%;background:#dcfce7;color:var(--ok);display:grid;place-items:center;font-size:38px;font-weight:900;margin:0 auto 15px}.slip-sheet,.print-sheet,.print-page,.certificate{max-width:850px;margin:30px auto;background:#fff;padding:32px;border-radius:20px;box-shadow:var(--shadow)}.student-id-card,.student-card{max-width:540px;margin:auto;border:3px solid var(--green);border-radius:22px;padding:24px;text-align:center;background:#fff}.student-id-card .logo,.student-card .logo,.cert-logo{width:110px;height:110px;object-fit:contain}.student-id-card .photo,.student-card .photo{width:120px;height:140px;object-fit:cover;border-radius:10px;border:2px solid var(--gold)}.qr-image{display:block;width:150px;height:150px;margin:15px auto}.certificate-sheet,.certificate{text-align:center;border:12px double var(--gold);min-height:650px}.login,.login-card{width:min(430px,92vw);margin:8vh auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow);text-align:center}.login form,.login-card form{display:grid;gap:12px}.admin-body{min-height:100vh}.admin-body aside,aside{position:fixed;inset:0 auto 0 0;width:270px;background:var(--green-dark);color:#fff;overflow:auto;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:20px;border-bottom:1px solid #ffffff20}.brand img{background:#fff;border-radius:50%}.brand span{display:grid}.brand small{opacity:.8;margin-top:4px}nav{padding:12px}nav button{display:flex;width:100%;border:0;background:transparent;color:#e6f3ef;padding:11px 12px;border-radius:9px;text-align:left;cursor:pointer;margin:2px 0}nav button.active,nav button:hover{background:#ffffff18;color:#fff}.admin-main{margin-left:270px;min-height:100vh}.admin-main>header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px;padding:0 24px;position:sticky;top:0;z-index:10}.admin-main h1{font-size:22px;margin:0}.icon-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 11px}.userbox{margin-left:auto;display:flex;align-items:center;gap:12px}.content{padding:22px;max-width:1600px}.toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:15px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.stat strong,.stat h2{font-size:26px;color:var(--green);display:block;margin:0}.stat span,.stat small{color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:11px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f1f5f3;color:#344b44;font-size:13px;position:sticky;top:0}.modal{position:fixed;inset:0;background:#0008;display:grid;place-items:center;padding:20px;z-index:50}.modal.hidden{display:none}.modal-box{background:#fff;width:min(900px,96vw);max-height:92vh;overflow:auto;border-radius:16px;padding:22px;position:relative}.close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.check{display:flex;gap:8px;align-items:center;border:1px solid var(--line);padding:9px;border-radius:9px}.check input{width:auto;min-height:0}.note,.note-box{padding:12px;border-left:4px solid var(--gold);background:#fff9e8;border-radius:8px}.qr-box{display:grid;place-items:center;min-height:210px;border:1px dashed #a9bbb5;border-radius:12px;background:#fff}#toast{position:fixed;right:18px;bottom:18px;z-index:100;background:#172b25;color:#fff;padding:12px 16px;border-radius:10px;display:none;max-width:360px}#toast.bad{background:var(--danger)}@media(max-width:1050px){.choice-grid,.cards{grid-template-columns:repeat(2,1fr)}.form-grid.four,.form-grid,.grid,.record-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){aside,.admin-body aside{transform:translateX(-100%);transition:.2s}aside.open,.admin-body aside.open{transform:none}.admin-main{margin-left:0}.icon-btn{display:block}.content{padding:12px}.hero-strip{margin:15px}.hero-points{display:none}.step-dot span{display:none}.lookup-form{grid-template-columns:1fr}.panel-heading{display:block}.form-grid.four,.form-grid,.grid,.grid.two,.record-grid,.check-grid{grid-template-columns:1fr}.choice-grid,.cards{grid-template-columns:1fr}.toolbar>*{width:100%}.wizard-actions{position:sticky;bottom:0;background:var(--bg);padding:12px 0}.site-header{position:static}.top-actions .ghost-btn{display:none}}@media(max-width:520px){.brand-lockup b{font-size:17px}.brand-lockup small{display:none}.brand-lockup img{width:46px;height:46px}.hero-strip{padding:24px 20px}.stepper{padding:12px}.stepper i{margin:0 5px}.continue-banner{margin:0 15px 25px;display:grid}.slip-sheet,.print-sheet{margin:10px;padding:20px}.actions{flex-wrap:wrap}}@media print{aside,.admin-main>header,.no-print,.site-header,.hero-strip,.continue-banner,.btn,.link{display:none!important}body{background:#fff}.admin-main{margin:0}.slip-sheet,.print-sheet,.card,.table-wrap{box-shadow:none;border:0;margin:0;max-width:none}}

/* V3.1 corrections */
.slip-logo{display:block;width:110px!important;height:110px!important;max-width:110px!important;object-fit:contain;margin:0 auto 8px}
.file-preview{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.preview-item{width:96px;min-height:92px;border:1px solid var(--line);border-radius:10px;padding:6px;background:#fff;display:grid;place-items:center;gap:4px}.preview-item img{width:82px;height:65px;object-fit:cover;border-radius:7px}.preview-item small{font-size:10px;max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-icon{width:58px;height:58px;border-radius:8px;background:#fee4e2;color:#b42318;display:grid;place-items:center;font-weight:900}.conditional-input{margin-top:7px}.portal-credentials{margin:18px 0;padding:15px;border:1px solid #b7d7cd;border-radius:13px;background:#eef8f4;text-align:left}.portal-credentials h3{margin-top:0;color:var(--green)}.registration-qr{display:grid;place-items:center;margin:18px 0}.portal-login-help{font-size:13px;line-height:1.5;color:var(--muted);background:#f3f8f6;padding:10px;border-radius:9px}.upload-box>small,#identity_help{font-size:12px;font-weight:500;color:var(--muted)}

/* ===== V3.2 FINAL LOCK: BRANDING, HELP BOT, AUTH, ID CARDS ===== */
.brand-lockup img,.site-header .brand-lockup img{width:64px!important;height:64px!important;object-fit:contain!important;flex:0 0 64px}.site-header{min-height:86px}.hero-strip{position:relative;overflow:hidden}.hero-strip:after{content:'SHIKSHYAN';position:absolute;right:-28px;bottom:-28px;font-size:92px;font-weight:900;letter-spacing:.08em;color:#ffffff0b;pointer-events:none}.hero-brandline{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.hero-brandline span{background:#ffffff16;border:1px solid #ffffff22;padding:8px 11px;border-radius:999px;font-size:13px;font-weight:700}.brand-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1180px;margin:16px auto 0;padding:0 16px}.brand-trust article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px 16px;display:flex;gap:10px;align-items:center;box-shadow:0 8px 24px #073f350b}.brand-trust b{display:block}.brand-trust small{color:var(--muted)}.brand-trust i{width:38px;height:38px;border-radius:12px;background:var(--mint);display:grid;place-items:center;color:var(--green);font-style:normal;font-weight:900}
.whatsapp-help{position:fixed;right:18px;bottom:18px;z-index:1000;font-family:inherit}.wa-launch{width:62px;height:62px;border-radius:50%;border:0;background:#19a95b;color:#fff;box-shadow:0 12px 30px #0b5d4b55;cursor:pointer;display:grid;place-items:center;font-size:28px;position:relative}.wa-launch:after{content:'';position:absolute;inset:-5px;border:2px solid #19a95b55;border-radius:50%;animation:waPulse 2s infinite}.wa-bubble{position:absolute;right:0;bottom:76px;width:min(340px,calc(100vw - 30px));background:#fff;border-radius:20px;box-shadow:0 20px 55px #073f3540;overflow:hidden;border:1px solid #dbe7e3;display:none}.wa-bubble.open{display:block;animation:waIn .18s ease-out}.wa-head{background:linear-gradient(135deg,#075e54,#0d8f69);color:#fff;padding:16px;display:flex;gap:11px;align-items:center}.wa-head img{width:46px;height:46px;object-fit:contain;background:#fff;border-radius:50%;padding:4px}.wa-head span{display:grid}.wa-head small{opacity:.85}.wa-body{padding:16px}.wa-message{background:#eef8f3;border-radius:12px 12px 12px 3px;padding:11px 12px;line-height:1.45;margin-bottom:12px}.wa-quick{display:grid;gap:8px}.wa-quick a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:var(--green);border:1px solid #cfe3dc;border-radius:11px;padding:10px 12px;font-weight:700}.wa-main{display:block;text-align:center;background:#19a95b;color:#fff!important;border:0!important;margin-top:10px}.wa-close{margin-left:auto;border:0;background:transparent;color:#fff;font-size:21px;cursor:pointer}@keyframes waPulse{0%,100%{transform:scale(.94);opacity:.3}50%{transform:scale(1.12);opacity:.7}}@keyframes waIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.password-wrap{position:relative}.password-wrap input{padding-right:58px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:#eef7f3;cursor:pointer;font-size:11px;font-weight:800;color:var(--green);padding:5px 7px;border-radius:7px}.auth-links{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.forgot-link{border:0;background:transparent;color:var(--green);font-weight:750;cursor:pointer;padding:4px}.reset-panel{display:none;margin-top:14px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#f9fcfb}.reset-panel.open{display:block}.reset-panel h3{margin:0 0 8px}.reset-grid{display:grid;gap:9px}.masked-note{font-size:12px;color:var(--muted)}
.id-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.id-card-item{border:1px solid var(--line);border-radius:14px;padding:15px;background:#fff}.id-card-item h3{margin:0 0 5px}.teacher-card{max-width:540px;margin:30px auto;background:#fff;border:3px solid var(--green);border-radius:22px;padding:24px;text-align:center}.teacher-card .logo{width:100px;height:100px;object-fit:contain}.teacher-card .photo{width:120px;height:140px;object-fit:cover;border-radius:10px;border:2px solid var(--gold)}.teacher-card .qr-image{width:150px;height:150px;margin:14px auto;display:block}.card-role{display:inline-block;background:#fff4d6;color:#765600;padding:5px 10px;border-radius:999px;font-weight:800}.help-strip{background:#fff7d8;border:1px solid #eed37d;border-radius:12px;padding:11px 13px;color:#6b5616;margin:12px 0}
@media(max-width:800px){.brand-trust{grid-template-columns:repeat(2,1fr)}.whatsapp-help{right:12px;bottom:12px}.wa-launch{width:56px;height:56px}.site-header .brand-lockup img{width:52px!important;height:52px!important;flex-basis:52px}.hero-strip:after{font-size:54px}}
@media(max-width:520px){.brand-trust{grid-template-columns:1fr}.hero-brandline{display:none}.wa-bubble{bottom:68px}.auth-links{align-items:flex-start;gap:8px;flex-direction:column}}

/* ===== V3.3 LTS SIMPLE STUDENT UI ===== */
.home-hero{max-width:1240px;margin:24px auto 0;padding:42px clamp(22px,5vw,64px);border-radius:28px;background:linear-gradient(125deg,#073f35,#0b5d4b 62%,#1a8a72);color:#fff;display:grid;grid-template-columns:1.5fr 1fr;gap:34px;align-items:center;box-shadow:0 22px 55px #073f3530}.home-hero h1{font-size:clamp(31px,5vw,56px);line-height:1.04;margin:8px 0 14px}.home-hero p{font-size:17px;line-height:1.6;color:#dff6ee;max-width:720px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.ghost-btn.light{color:#fff;border-color:#ffffff99;background:#ffffff10}.hero-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-summary article{background:#ffffff16;border:1px solid #ffffff24;border-radius:17px;padding:18px;display:grid;gap:5px}.hero-summary b{font-size:25px}.goal-strip{max-width:1180px;margin:18px auto;display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:14px 18px;border-radius:15px;background:#fff;box-shadow:0 8px 25px #073f3510}.goal-strip b{color:#0b5d4b;margin-right:5px}.goal-strip span{background:#edf7f3;color:#214c40;border-radius:999px;padding:8px 11px;font-weight:700;font-size:13px}.compact-stepper{max-width:780px;margin-left:auto;margin-right:auto}.section-divider{display:flex;align-items:center;gap:12px;margin:30px 0 18px;color:#0b5d4b;font-weight:800}.section-divider:before,.section-divider:after{content:'';height:1px;background:#dce8e4;flex:1}.preference-card{position:relative;padding:0;overflow:hidden}.preference-card .select-area{width:100%;border:0;background:transparent;text-align:left;padding:18px;display:grid;grid-template-columns:42px 1fr 22px;gap:12px;cursor:pointer}.details-btn{position:absolute;right:12px;bottom:11px;border:0;background:#fff;color:#0b5d4b;border:1px solid #9fc3b7;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:800;z-index:2}.preference-card em{padding-right:90px}.photo-upload{grid-row:span 2}.add-qualification{margin-top:12px}.document-modal{position:fixed;inset:0;background:#031f19cc;display:grid;place-items:center;padding:18px;z-index:999}.document-dialog{width:min(820px,96vw);max-height:90vh;background:#fff;border-radius:22px;box-shadow:0 30px 80px #0007;overflow:hidden}.document-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #dce8e4;background:#f5faf8}.document-head small{color:#0b5d4b;font-weight:900;letter-spacing:.12em}.document-head h2{margin:3px 0 0}.document-head button{border:0;background:#e7f1ed;color:#0b5d4b;width:40px;height:40px;border-radius:50%;font-size:27px;cursor:pointer}.document-body{padding:24px;overflow:auto;max-height:72vh}.guide-steps{display:grid;gap:12px}.guide-steps article{display:flex;gap:14px;padding:14px;border:1px solid #dce8e4;border-radius:14px}.guide-steps article>b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#0b5d4b;color:#fff}.guide-steps h3{margin:0 0 4px}.guide-steps p{margin:0;color:#61736d}.help-note{margin-top:18px;background:#fff7d9;border-left:4px solid #d4a017;padding:13px;border-radius:9px}.detail-sheet dl{display:grid;gap:10px}.detail-sheet dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e2ebe8;padding:10px 0}.detail-sheet dt{font-weight:800}.detail-sheet dd{margin:0;text-align:right}.review-person{display:grid;padding:14px;background:#edf7f3;border-radius:12px;margin-bottom:15px}.review-person span{color:#61736d;margin-top:4px}.field-error{outline:2px solid #b42318;outline-offset:4px;border-radius:10px}.modal-open{overflow:hidden}@media(max-width:850px){.home-hero{grid-template-columns:1fr;margin:14px}.hero-summary{grid-template-columns:repeat(4,1fr)}.hero-summary article{padding:12px}.hero-summary span{font-size:12px}}@media(max-width:620px){.home-hero{padding:28px 19px;border-radius:21px}.hero-summary{grid-template-columns:1fr 1fr}.goal-strip{margin:12px 14px}.top-actions #howToUseBtn{display:none}.compact-stepper .step-dot span{display:block;font-size:11px}.preference-card em{padding-right:0}.details-btn{position:static;margin:0 14px 12px}.document-body{padding:17px}.detail-sheet dl>div{display:grid}.detail-sheet dd{text-align:left}}

/* ==========================================================
   V3.3.5 SIMPLE REGISTRATION + OFFERING MANAGER
   ========================================================== */
.registration-flow-shell{max-width:1120px;margin:24px auto;padding:0 18px}
.flow-stage{background:#fff;border:1px solid #dce8e4;border-radius:22px;padding:28px;box-shadow:0 18px 45px rgba(12,72,59,.09)}
.stage-heading,.single-form-heading,.section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.compact-hero{padding-bottom:28px}
.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.preference-card{display:flex;flex-direction:column;justify-content:space-between;min-height:160px;padding:16px;border:1px solid #cee0da;border-radius:16px;background:#fff;transition:.18s}
.preference-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(8,75,60,.10);border-color:#78ad9e}
.card-main{display:flex;gap:12px}.card-main>span:last-child{display:flex;flex-direction:column;gap:5px}.card-main small{color:#5e736d;line-height:1.45}.card-main em{font-style:normal;color:#8a6a13;font-size:12px}
.card-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}.card-actions button,.card-actions>.catalog-ssr-register{flex:1}.catalog-ssr-register{min-height:40px;font-size:12px}
.compact-check-card{max-width:560px;margin:auto;padding:14px}.compact-check-card form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.compact-check-card label{margin:0}
.back-link{border:0;background:none;color:#0b6652;font-weight:700;padding:0 0 12px;cursor:pointer}
.selected-preference-box{min-width:240px;padding:14px 16px;background:#eef8f4;border:1px solid #b8d9cf;border-radius:14px;display:flex;flex-direction:column;gap:3px}.selected-preference-box small{color:#56736a}.selected-preference-box b{font-size:18px}.selected-preference-box span{font-size:12px}
.compact-form-section{border:1px solid #dce8e4;border-radius:18px;padding:20px;margin-top:18px;background:#fcfefd}.compact-form-section>h3,.section-title-row h3{margin:0 0 15px}
.payment-section{background:#f3faf7}.payment-section .checkout-card{max-width:760px;margin:auto}
.existing-box{margin-top:16px;padding:18px;border-radius:14px;background:#fff7e6;border:1px solid #f2cd77}.existing-box h3{margin-top:0}
.secure-pdf-wrap{height:68vh;min-height:430px;margin:18px 0;border:1px solid #cadbd6;border-radius:12px;overflow:hidden;background:#eef5f2}.secure-pdf-wrap iframe{width:100%;height:100%;border:0}
.offering-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.offering-admin-card{border:1px solid #d5e4df;border-radius:14px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;gap:14px}.offering-admin-card h3{margin:8px 0}.offering-admin-card p{color:#60736d}.offering-admin-card small{display:block;color:#80610c}
@media(max-width:900px){.choice-grid,.offering-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-heading,.single-form-heading{flex-direction:column}.selected-preference-box{width:100%}}
@media(max-width:620px){.registration-flow-shell{padding:0 10px;margin:12px auto}.flow-stage{padding:16px;border-radius:16px}.choice-grid,.offering-admin-grid{grid-template-columns:1fr}.compact-check-card form{grid-template-columns:1fr}.form-grid.four{grid-template-columns:1fr}.compact-form-section{padding:14px}.site-header .top-actions{gap:6px}.site-header .top-actions .ghost-btn{padding:8px;font-size:12px}}


/* ===== V3.3.6 COURSE/SERVICE CATALOG FIX ===== */
.catalog-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:25px 0 12px;padding-top:4px}
.catalog-heading.course-heading{margin-top:34px;border-top:1px solid #e0ebe7;padding-top:26px}
.catalog-kicker{font-size:11px;font-weight:900;letter-spacing:.13em;color:#d09a09}
.catalog-heading .group-title{font-size:22px;margin:4px 0 0;color:#173b32}
.catalog-note{font-size:13px;color:#5e736d;background:#eef7f4;border:1px solid #d6e7e1;border-radius:999px;padding:8px 12px;white-space:nowrap}
.catalog-loading,.catalog-empty{grid-column:1/-1;border:1px dashed #abc9c0;background:#f8fcfa;border-radius:15px;padding:24px;text-align:center;color:#5e736d}
.catalog-empty{display:grid;gap:5px}.catalog-empty b{color:#173b32;font-size:17px}
.preference-card{min-height:235px!important;padding:18px!important;background:linear-gradient(180deg,#fff 0%,#fbfefd 100%)!important;border:1px solid #cfe2dc!important}
.catalog-card-top{display:flex;justify-content:space-between;align-items:center}
.catalog-type{font-size:10px;font-weight:900;letter-spacing:.11em;color:#0b6652;background:#e8f5f0;border-radius:999px;padding:6px 9px}
.catalog-card-copy{padding:13px 0 8px}
.catalog-card-copy h4{font-size:19px;line-height:1.25;margin:0 0 8px;color:#102f27}
.catalog-card-copy p{margin:0;color:#60736d;line-height:1.5;min-height:66px}
.catalog-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #e2ece8;padding-top:12px;margin-top:auto}
.catalog-meta span{font-size:12px;color:#5c706a}
.catalog-meta strong{font-size:15px;color:#8a6410;white-space:nowrap}
.preference-card .card-actions{margin-top:14px}
.preference-card .details-btn{position:static!important;margin:0!important;min-height:40px;background:#fff;color:#0b5d4b;border:1px solid #79ab9d;border-radius:10px;padding:9px 10px;font-weight:850}
.preference-card .select-now{min-height:40px;font-size:12px}
.detail-intro{border-left:4px solid #d4a017;padding:2px 0 2px 14px;margin-bottom:14px}
.detail-intro p{line-height:1.65;margin:7px 0 0}
.detail-type{font-size:11px;font-weight:900;letter-spacing:.12em;color:#0b6652}
.modal-register-btn{width:100%;margin-top:18px;min-height:48px;font-size:15px}
@media(max-width:780px){.catalog-heading{align-items:flex-start;flex-direction:column}.catalog-note{white-space:normal}.catalog-card-copy p{min-height:auto}}


/* V3.3.7 Admin / Employee Manager */
.employee-stats{margin-bottom:14px}.employee-form .input-action,.input-action{display:flex;gap:8px;align-items:center}.input-action input{flex:1;min-width:0}.credential-card{display:grid;gap:14px}.credential-card label{display:grid;gap:6px;font-weight:700}.credential-card input[readonly]{background:#eef7f3;border-color:#afd3c5;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.badge.danger{background:#fee4e2;color:#b42318}.employee-form .note{line-height:1.6}.employee-form textarea{min-height:76px}.employee-form select,.employee-form input,.employee-form textarea{width:100%}.employee-form .check input{width:auto}.employee-form .wide{grid-column:1/-1}
@media(max-width:760px){.employee-form .input-action{align-items:stretch;flex-wrap:wrap}.employee-form .input-action input{flex-basis:100%}.employee-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.section-title{align-items:flex-start;gap:12px;flex-direction:column}.section-title .btn{width:100%}}


/* V3.3.9 stability and operator UX */
.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:14px 0}.profile-grid>div{background:#f4faf8;border:1px solid #d7e7e2;border-radius:12px;padding:12px}.profile-grid small{display:block;color:#60756e;text-transform:capitalize;margin-bottom:5px}.profile-grid strong{display:block;overflow-wrap:anywhere}.portal-welcome{background:linear-gradient(135deg,#064e43,#0f766e);color:#fff;padding:22px;border-radius:18px;margin-bottom:18px}.portal-welcome h1{margin:0 0 6px}.registration-fee-card{display:flex;align-items:center;justify-content:space-between;gap:18px;border-left:5px solid #d39a08}.registration-fee-card strong{font-size:28px;color:#00604f}.badge.warn{background:#fff4d6;color:#8a5a00}.badge.danger{background:#fee4e2;color:#b42318}.badge.ok{background:#dcfae6;color:#067647}.content .note{overflow-wrap:anywhere}.id-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.id-card-item{border:1px solid #d5e4df;border-radius:14px;padding:15px;background:#fff}@media(max-width:700px){.registration-fee-card{align-items:flex-start;flex-direction:column}.profile-grid{grid-template-columns:1fr}}


/* ==========================================================
   V3.4.1 FINAL LTS — OPERATOR UX, CARDS, EXAMS AND QR
   ========================================================== */
.header-nav{display:flex;align-items:center;gap:8px}.icon-btn.always{display:inline-flex;align-items:center;justify-content:center;color:var(--green);text-decoration:none}.quick-actions{display:flex;gap:12px;flex-wrap:wrap}.error-note{border-left:4px solid var(--danger);background:#fff1f0}.profile-head{display:flex;align-items:center;gap:18px;padding:14px;background:#f4faf8;border-radius:16px;margin-bottom:16px}.profile-head>div:nth-child(2){flex:1}.profile-head h2{margin:0}.avatar-large{width:94px;height:110px;border-radius:14px;object-fit:cover;border:2px solid var(--gold);background:#edf4f1}.avatar-large.placeholder{display:grid;place-items:center;font-size:12px;color:var(--muted)}.table-avatar{width:46px;height:52px;border-radius:8px;object-fit:cover}.profile-photo{width:76px;height:86px;object-fit:cover;border-radius:10px}.portal-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:13px}.portal-cards article{display:grid;gap:10px;border:1px solid var(--line);border-radius:14px;padding:15px}.exam-meta{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0}.exam-meta span{background:#e8f5f0;color:var(--green);border-radius:999px;padding:8px 11px;font-weight:750}.question-card{border:1px solid var(--line);border-radius:14px;padding:16px;margin:12px 0;background:#fff}.question-card h3{margin:0 0 13px;line-height:1.55}.question-card h3 small{float:right;color:var(--muted)}.answer-options{display:grid;gap:8px}.answer-options label{display:flex;align-items:center;gap:8px;font-weight:600}.answer-options input{width:auto;min-height:auto}.modal-box.modal-wide{width:min(1100px,96vw)}.scan-card{width:min(520px,92vw);margin:7vh auto;background:#fff;border-radius:22px;padding:28px;text-align:center;box-shadow:var(--shadow)}.scan-status{padding:14px;background:#eef8f4;border-radius:13px;margin:18px 0}.registration-slip-modern{max-width:820px;margin:24px auto;background:#fff;border-radius:24px;padding:30px;box-shadow:var(--shadow)}.registration-slip-modern>header{display:flex;align-items:center;gap:16px;border-bottom:2px solid var(--gold);padding-bottom:18px}.registration-slip-modern>header img{width:80px}.registration-slip-modern>header div{flex:1}.registration-slip-modern>header h1{margin:3px 0}.registration-slip-modern>header>b{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#08704f;font-size:32px}.slip-student{display:flex;align-items:center;gap:18px;margin:22px 0}.slip-student img{width:110px;height:130px;object-fit:cover;border-radius:13px;border:2px solid var(--gold)}.slip-student h2{font-size:30px;margin:0 0 6px}.slip-grid-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.slip-grid-modern>div{padding:14px;border:1px solid var(--line);border-radius:13px}.slip-grid-modern small,.credential-row span{display:block;color:var(--muted);margin-bottom:5px}.credential-row{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px dashed var(--line)}.student-card-modern,.staff-card-modern{max-width:620px;margin:auto;border-radius:24px;overflow:hidden;background:#fff;border:2px solid var(--green);box-shadow:var(--shadow)}.student-card-modern>header,.staff-card-modern>header{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,var(--green-dark),var(--green));color:#fff;padding:18px 22px}.student-card-modern>header img,.staff-card-modern>header img{width:70px;height:70px;object-fit:contain;background:#fff;border-radius:50%}.student-card-modern>header h2,.staff-card-modern>header h2{margin:0}.card-person{display:grid;grid-template-columns:145px 1fr;gap:20px;padding:22px}.card-person>img,.photo-placeholder{width:145px;height:170px;object-fit:cover;border-radius:14px;border:3px solid var(--gold)}.photo-placeholder{display:grid;place-items:center;color:var(--muted)}.card-person h1{margin:5px 0}.card-person dl,.staff-card-modern dl{display:grid;gap:7px}.card-person dl>div,.staff-card-modern dl>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:5px 0}.card-person dt,.staff-card-modern dt{font-weight:800}.card-person dd,.staff-card-modern dd{margin:0;text-align:right}.card-qr-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:0 22px 12px;align-items:stretch;text-align:center}.card-qr-row .qr-image{width:158px;height:158px;margin:8px auto}.card-security{padding:18px;border-radius:14px;background:#eef8f4}.card-security span{font-size:20px;font-weight:900;color:var(--green)}.staff-card-modern{text-align:center;padding-bottom:22px}.staff-photo{width:130px;height:150px;object-fit:cover;border-radius:14px;border:3px solid var(--gold);margin:20px auto 8px}.staff-photo.placeholder{display:grid;place-items:center}.staff-role{color:var(--green);font-weight:800}.staff-card-modern dl{padding:0 24px}.certificate-modern{max-width:1050px;margin:25px auto;background:#fff;padding:18px;box-shadow:var(--shadow)}.cert-border{border:12px double var(--gold);padding:38px;text-align:center;min-height:700px;background:radial-gradient(circle at center,#fffdf4,#fff)}.cert-border header{display:flex;align-items:center;justify-content:center;gap:18px}.cert-border header img{width:90px}.cert-border header h2{margin:0;font-size:28px}.cert-kicker{display:block;margin:35px 0 18px;font-size:18px;letter-spacing:.18em;color:#87620e;font-weight:900}.cert-photo{width:95px;height:112px;object-fit:cover;border-radius:12px;border:2px solid var(--gold)}.cert-border h1{font-family:Georgia,serif;font-size:42px;color:var(--green);margin:12px 0}.cert-border h3{font-size:24px}.cert-details{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin:25px 0}.cert-bottom{display:grid;grid-template-columns:1fr 190px 1fr;align-items:end;gap:25px;margin-top:35px}.signature-line{border-top:1px solid #333;padding-top:8px}.question-paper{max-width:900px;margin:20px auto;background:#fff;padding:35px;box-shadow:var(--shadow)}.question-paper>header{display:flex;justify-content:center;align-items:center;text-align:center;gap:15px;border-bottom:2px solid #222;padding-bottom:15px}.question-paper>header img{width:80px}.question-paper h1,.question-paper h2{margin:3px}.paper-meta{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #999}.student-line{padding:15px 0}.paper-instructions{border:1px solid #aaa;padding:10px}.paper-question{margin:20px 0;break-inside:avoid}.paper-question h3{font-size:17px}.answer-lines{border-bottom:1px solid #aaa;background:repeating-linear-gradient(to bottom,transparent 0,transparent 29px,#ddd 30px);height:90px}.answer-lines.long{height:180px}.paper-page{background:#e8ecea}.qr-box{display:grid;justify-items:center;gap:10px;margin-top:15px}.qr-box small{max-width:100%;overflow-wrap:anywhere}.card .section-title>div:last-child{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:700px){.header-nav .ghost-btn{padding:8px}.profile-head{align-items:flex-start;flex-wrap:wrap}.profile-head .btn{width:100%}.slip-grid-modern{grid-template-columns:1fr}.card-person{grid-template-columns:1fr;text-align:center}.card-person>img,.photo-placeholder{margin:auto}.card-qr-row{grid-template-columns:1fr}.cert-border{padding:20px}.cert-bottom{grid-template-columns:1fr}.question-paper{padding:18px}.paper-meta{display:grid}.student-line{line-height:2}.modal-box.modal-wide{width:98vw}.registration-slip-modern{margin:8px;padding:18px}}
@media print{.no-print,.help-widget,.whatsapp-help{display:none!important}body{background:#fff}.question-paper,.certificate-modern,.print-sheet,.registration-slip-modern{box-shadow:none;margin:0;max-width:none}.certificate-modern{padding:0}.cert-border{min-height:95vh}}

/* ==========================================================
   V3.4.3 FINAL LOCK — EASY LOGIN & ROLE PORTALS
   ========================================================== */
.login-public-head{position:sticky;top:0;z-index:30}.brand-link{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text)}.brand-link img{width:58px;height:58px;object-fit:contain}.brand-link span{display:grid}.brand-link small{color:var(--muted);font-size:12px}.portal-login-card{width:min(460px,calc(100vw - 28px));padding:30px}.portal-login-card>img{width:92px;height:92px;object-fit:contain}.login-subtitle{color:var(--muted);text-align:center;margin:-5px 0 16px}.portal-role-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0 14px}.portal-tab{border:1px solid var(--line);background:#f5faf8;color:var(--green);padding:11px 8px;border-radius:10px;font-weight:850;cursor:pointer}.portal-tab.active{background:var(--green);color:#fff;border-color:var(--green)}.login-field{display:grid;gap:6px;text-align:left;font-weight:750;margin:10px 0}.login-field>span{font-size:13px}.login-submit{width:100%;margin-top:5px}.portal-login-links{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:14px}.portal-login-links a{color:var(--green);font-weight:750}.portal-user-summary,.userbox-profile{display:flex;align-items:center;gap:9px}.portal-user-summary img,.userbox-profile img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #d6e9e2;background:#fff}.portal-user-summary span,.userbox-profile span{display:grid}.portal-user-summary small,.userbox-profile small{color:var(--muted)}.portal-head{gap:14px}.portal-head .header-nav{margin-left:auto}.portal{max-width:1180px;margin:24px auto;padding:0 16px 70px}.portal-hero{background:linear-gradient(130deg,#063f35,#0a725e);color:#fff;border-radius:22px;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 18px 45px #073f3528}.portal-hero-person{display:flex;align-items:center;gap:18px}.portal-hero-person>img{width:105px;height:120px;object-fit:cover;border-radius:16px;border:3px solid #e2b33c;background:#fff}.portal-hero-person span{font-size:12px;letter-spacing:.12em;font-weight:900;color:#f4cf68}.portal-hero-person h1{margin:5px 0;font-size:30px}.portal-hero-person p{margin:0;color:#dff5ed}.hero-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.hero-meta span{background:#ffffff17;border:1px solid #ffffff2b;border-radius:999px;padding:7px 10px;font-size:12px}.portal-hero-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.portal-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.portal-summary-grid article{border:1px solid var(--line);border-radius:15px;background:#fff;padding:16px;box-shadow:0 8px 22px #073f3508}.portal-summary-grid small{color:var(--muted);display:block}.portal-summary-grid strong{font-size:23px;color:var(--green);display:block;margin-top:6px}.portal-section{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin:14px 0;box-shadow:0 8px 24px #073f3508}.portal-section>h2{margin-top:0}.child-title{display:flex;align-items:center;gap:12px}.child-title img{width:58px;height:66px;object-fit:cover;border-radius:10px}.force-password-note{padding:12px;border-left:4px solid var(--gold);background:#fff8df;border-radius:9px;margin-bottom:15px}.form-photo-preview{width:100px;height:115px;object-fit:cover;border-radius:12px;border:2px solid var(--gold)}
@media(max-width:850px){.portal-head{align-items:flex-start}.portal-user-summary{display:none}.portal-hero{align-items:flex-start;flex-direction:column}.portal-hero-actions{width:100%;justify-content:flex-start}.portal-summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.login-public-head{position:static}.login-public-head .header-nav{display:none}.portal-login-card{padding:22px 18px}.portal-role-tabs{grid-template-columns:1fr}.portal-login-links{flex-direction:column}.portal-head{padding:10px 12px}.portal-head .brand-link span{display:none}.portal-head .header-nav{display:flex;width:100%;justify-content:flex-end}.portal-hero{padding:18px}.portal-hero-person{align-items:flex-start}.portal-hero-person>img{width:82px;height:96px}.portal-hero-person h1{font-size:23px}.portal-summary-grid{grid-template-columns:1fr 1fr}.userbox-profile span{display:none}}


/* V3.4.4 FINAL LOCK — OTP recovery UI */
.reset-panel{max-width:520px;margin:16px auto 0;background:#fff;border:1px solid #d9e7e2;border-radius:18px;padding:0;box-shadow:0 18px 45px rgba(7,78,61,.13);display:none;overflow:hidden}.reset-panel.open{display:block}.reset-panel-head{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px 14px;background:linear-gradient(135deg,#074f3f,#0b7358);color:#fff}.reset-panel-head h3{margin:4px 0 0;font-size:20px}.reset-kicker{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#d9fff2}.reset-close{border:0;background:rgba(255,255,255,.14);color:#fff;width:34px;height:34px;border-radius:50%;font-size:23px;line-height:1;cursor:pointer}.reset-help{margin:0;padding:18px 22px 4px;color:#48645b;font-size:13px;line-height:1.6}.reset-grid{display:grid;gap:12px;padding:14px 22px 22px}.reset-grid label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#1d4035}.reset-grid input{width:100%;box-sizing:border-box}.reset-grid input[readonly]{background:#f1f5f3;color:#60736c}.reset-send:disabled{opacity:.68;cursor:not-allowed}.reset-otp-stage{display:grid;gap:12px;padding-top:4px}.reset-alert{background:#fff8df;border-left:4px solid #d8a400;border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.5;color:#6e5600}.reset-destination{display:grid;gap:3px;padding:12px 14px;border:1px solid #b9decf;border-radius:11px;background:#eef9f4}.reset-destination small{color:#557168}.reset-destination strong{font-size:17px;letter-spacing:.02em;color:#075a46;overflow-wrap:anywhere}.reset-destination span{font-size:11px;color:#6c7f78}.reset-status{border-radius:10px;padding:11px 12px;font-size:12px;line-height:1.55;min-height:18px}.reset-status.info{background:#eef6f3;color:#45635a}.reset-status.loading{background:#eef4ff;color:#315b8a}.reset-status.success{background:#e8f8f1;color:#075a46;border:1px solid #bde6d4}.reset-status.error{background:#fff0ed;color:#a52b1f;border:1px solid #f1c0b8}.reset-change{justify-self:center}.reset-login-link{width:100%;margin-top:2px}.reset-footnote{font-size:11px;line-height:1.6;color:#6b8179;text-align:center}.reset-footnote a{color:#075a46;font-weight:700;text-decoration:none}@media(max-width:600px){.reset-panel{margin:12px 0 0;border-radius:14px}.reset-panel-head,.reset-grid{padding-left:16px;padding-right:16px}.reset-help{padding-left:16px;padding-right:16px}}


/* ==========================================================
   FINAL LOCK — HOME UI + CARD ICONS + FAVICON RELEASE
   Original assets/logo.png intentionally unchanged.
   ========================================================== */
.home-hero.final-lock-home,.home-hero{overflow:hidden;position:relative}
.home-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(255,255,255,.10),transparent 28%),linear-gradient(120deg,transparent 55%,rgba(255,255,255,.06));pointer-events:none}
.home-hero>*{position:relative;z-index:1}
.home-hero h1{max-width:680px;letter-spacing:-.02em}
.home-hero p{margin-bottom:12px}
.hero-trust-line{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
.hero-trust-line span{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.10);padding:8px 11px;border-radius:999px;font-size:13px;font-weight:750;color:#f3fff9}
.hero-summary article{grid-template-columns:48px 1fr;align-items:center;gap:12px;padding:16px 17px;min-height:92px;background:rgba(255,255,255,.10);backdrop-filter:blur(3px)}
.hero-summary article div{display:grid;gap:4px}.hero-summary article b{font-size:17px}.hero-summary article small{color:#d6efe7;font-size:12px}
.hero-step-icon{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#e8f8f2;color:#0b5d4b;font-size:21px;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.12)}
.stage-heading h2{font-size:clamp(23px,3vw,31px);margin:5px 0 7px}.stage-heading p{max-width:690px;line-height:1.55}
.choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.preference-card{min-height:252px!important;border-radius:18px!important;box-shadow:0 7px 20px rgba(10,82,66,.055)}
.preference-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(8,75,60,.14)}
.pref-icon{width:50px;height:50px;border-radius:16px;font-size:26px;line-height:1;background:linear-gradient(145deg,#e5f7f0,#f5fbf9);border:1px solid #cfe6de;box-shadow:inset 0 1px 0 #fff}
.catalog-card-copy h4{font-size:18px}.catalog-card-copy p{min-height:70px}
.catalog-meta strong{color:#805d09}
.preference-card .card-actions{gap:8px}.preference-card .card-actions button{font-size:12px}
.catalog-note{font-weight:700}
@media(max-width:1080px){.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.home-hero{grid-template-columns:1fr;padding:28px 22px}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-summary article{min-height:82px}}
@media(max-width:560px){.choice-grid{grid-template-columns:1fr}.home-hero h1{font-size:34px}.hero-trust-line{display:grid;grid-template-columns:1fr}.hero-summary{grid-template-columns:1fr 1fr}.hero-summary article{grid-template-columns:38px 1fr;padding:12px}.hero-step-icon{width:36px;height:36px;font-size:17px}.hero-summary article b{font-size:14px}.hero-summary article small{font-size:10px}.preference-card{min-height:230px!important}}

.secure-pdf-wrap{position:relative}.secure-pdf-wrap:before{content:'Protected View';position:absolute;right:8px;top:8px;z-index:2;background:#0b5d4b;color:#fff;padding:4px 8px;border-radius:999px;font-size:10px;pointer-events:none}@media(max-width:600px){.secure-pdf-wrap{height:72vh;min-height:480px}}

/* V3.4.6 Professional Email Center */
.email-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.email-stat-grid article{background:linear-gradient(145deg,#fff,#f2f8f5);border:1px solid #d5e6df;border-radius:15px;padding:18px;box-shadow:0 8px 24px rgba(10,75,59,.06)}.email-stat-grid small{display:block;color:#62786f;font-weight:700}.email-stat-grid strong{display:block;margin-top:7px;font-size:28px;color:#075a46}.email-config{margin-top:16px;padding:14px 16px;background:#f3f8f6;border:1px solid #d9e8e2;border-radius:12px}.email-config p{margin:6px 0}.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase}.status-pill.sent{background:#dff7ec;color:#06734f}.status-pill.failed{background:#ffe7e4;color:#a9281c}.status-pill.queued{background:#fff3cf;color:#7a5700}.professional-list{line-height:1.8;color:#486158;padding-left:20px}.success-note{border-left-color:#0b8a62!important;background:#eafaf4!important}@media(max-width:760px){.email-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ==========================================================
   V3.5 FINAL SECURITY LOCK — SOFT EMAIL VERIFICATION,
   CLICKABLE DASHBOARDS AND PORTAL NOTIFICATION CENTER
   ========================================================== */
.email-verification-panel{display:grid;gap:11px;padding:15px;border:1px solid #cfe3dc;background:#f4faf7;border-radius:14px;margin-top:8px}.email-verification-panel h4{margin:0;color:#0b5d4b}.email-verification-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.email-verification-status{padding:10px 12px;border-radius:10px;background:#edf5f2;color:#45635a;font-size:12px;line-height:1.55}.email-verification-status.success{background:#e6f8ef;color:#06704f;border:1px solid #bce5d3}.email-verification-status.warning{background:#fff7dc;color:#715400;border:1px solid #ecd68c}.email-verification-status.error{background:#fff0ed;color:#a52b1f;border:1px solid #f0c0b8}.email-verification-status.loading{background:#eef4ff;color:#315b8a}.continue-unverified-btn{width:100%;border:1px dashed #c99917;background:#fff9e7;color:#715400;border-radius:10px;padding:11px 13px;font-weight:850;cursor:pointer}.continue-unverified-btn:disabled{opacity:.58;cursor:not-allowed}.continue-unverified-btn:not(:disabled):hover{background:#fff2c3}.email-otp-area{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:9px;align-items:end}.email-otp-area input{letter-spacing:.22em;font-weight:850;text-align:center}
.dashboard-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.dashboard-counter{appearance:none;text-align:left;border:1px solid #d5e5df;background:linear-gradient(145deg,#fff,#f1f8f5);border-radius:17px;padding:17px;display:grid;grid-template-columns:48px minmax(0,1fr) 18px;gap:12px;align-items:center;cursor:pointer;color:#143c32;box-shadow:0 8px 24px rgba(8,75,59,.06);transition:.18s transform,.18s box-shadow,.18s border-color}.dashboard-counter:hover,.dashboard-counter:focus-visible{transform:translateY(-3px);border-color:#9bcbbb;box-shadow:0 15px 34px rgba(8,75,59,.13);outline:none}.dashboard-counter-icon{width:46px;height:46px;border-radius:14px;background:#e4f5ee;color:#075a46;display:grid;place-items:center;font-size:20px;font-weight:900}.dashboard-counter>span:nth-child(2){display:grid;min-width:0}.dashboard-counter strong{font-size:27px;color:#075a46;line-height:1}.dashboard-counter b{font-size:13px;margin-top:6px}.dashboard-counter small{color:#6a8077;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-counter i{font-style:normal;font-size:19px;color:#8ba59c}.dashboard-drilldown .toolbar{margin-bottom:12px}.clickable-summary article{cursor:pointer;transition:.18s transform,.18s box-shadow,.18s border-color}.clickable-summary article:hover,.clickable-summary article:focus-visible{transform:translateY(-2px);border-color:#9bcbbb;box-shadow:0 13px 28px rgba(8,75,59,.12);outline:none}.clickable-summary article:after{content:'Open →';display:block;margin-top:8px;color:#0b6b54;font-size:11px;font-weight:850}
.notification-bell{position:relative}.notification-badge{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#c93428;color:#fff;font-size:10px;font-weight:900;display:grid;place-items:center;border:2px solid #fff}.notifications-open{overflow:hidden}.notification-drawer{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(820px,calc(100vw - 34px));max-height:min(78vh,720px);z-index:1205;background:#fff;border:1px solid #bcd8ce;border-radius:22px;box-shadow:0 0 0 100vmax rgba(4,34,27,.62),0 28px 80px rgba(5,48,38,.34);display:flex;flex-direction:column;overflow:hidden}.notification-drawer.hidden{display:none}.notification-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 22px 17px;background:linear-gradient(135deg,#064a3a,#0b765c);color:#fff}.notification-head>div:last-child{display:flex;align-items:center;gap:8px}.notification-head small{color:#d9f1e9;letter-spacing:.12em;font-weight:850}.notification-head h2{margin:4px 0 0}.notification-head .link,.notification-head .icon-btn{color:#fff}.notification-list{overflow:auto;padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:#f4f9f7}.notification-item{display:grid;grid-template-columns:9px 1fr;gap:10px;min-height:132px;border:1px solid #dce9e4;border-radius:14px;padding:14px;background:#fff;cursor:pointer;box-shadow:0 6px 18px rgba(7,63,53,.045)}.notification-item.unread{background:#eef9f5;border-color:#91ccb7}.notification-item.read{opacity:.76}.notification-dot{width:8px;height:8px;border-radius:50%;background:#8ba59c;margin-top:5px}.notification-item.unread .notification-dot{background:#0b7a5d;box-shadow:0 0 0 4px #d3f1e6}.notification-title{display:flex;justify-content:space-between;gap:10px}.notification-title small{color:#748a82;font-size:10px}.notification-item p{margin:7px 0 5px;color:#4c665d;font-size:12px;line-height:1.55}.notification-open{padding:0;color:#075a46}
.security-note{border-left:4px solid #c49716;background:#fff8df;border-radius:10px;padding:12px 14px;color:#684f00;line-height:1.6}.server-accepted-label{background:#e6f5ff!important;color:#145e83!important}
@media(max-width:1100px){.dashboard-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:780px){.dashboard-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-counter{grid-template-columns:42px minmax(0,1fr) 14px;padding:14px}.dashboard-counter-icon{width:40px;height:40px}.dashboard-counter strong{font-size:23px}.notification-list{grid-template-columns:1fr}}@media(max-width:520px){.dashboard-card-grid{grid-template-columns:1fr}.email-otp-area{grid-template-columns:1fr}.notification-drawer{width:calc(100vw - 20px);max-height:86vh;border-radius:17px}.notification-head{padding:16px 14px 13px}.notification-list{padding:9px}.notification-item{min-height:0}.notification-title{display:grid;gap:3px}.notification-title small{order:-1}}

/* V3.5.1 employee account hotfix */
.field-help{display:block;margin-top:5px;font-size:11px;line-height:1.45;color:#5c706a}
.form-status{min-height:20px;margin:0 0 8px;font-size:13px;font-weight:700;color:#0b604b}
.form-status.error{color:#b42318}
input[readonly]{background:#f1f6f4;color:#31564d;cursor:not-allowed}


/* V3.5.2 MOBILE ONE-SCAN QR ATTENDANCE */
.qr-mobile-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px;margin-bottom:16px}.qr-camera-card{overflow:hidden}.qr-camera-stage{position:relative;min-height:430px;border-radius:18px;overflow:hidden;background:#061d18;border:1px solid #bed7ce;display:grid;place-items:center}.qr-camera-stage video{width:100%;height:100%;min-height:430px;object-fit:cover;display:none}.qr-camera-stage.active video{display:block}.qr-camera-placeholder{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:8px;color:#d8ece5;padding:24px}.qr-camera-placeholder.hidden{display:none}.qr-camera-placeholder>b{font-size:58px}.qr-camera-placeholder strong{font-size:21px}.qr-camera-placeholder small{max-width:340px;line-height:1.55}.qr-focus-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(64%,300px);aspect-ratio:1;z-index:3;pointer-events:none}.qr-focus-frame i{position:absolute;width:54px;height:54px;border-color:#fff;border-style:solid;filter:drop-shadow(0 2px 3px rgba(0,0,0,.65))}.qr-focus-frame i:nth-child(1){left:0;top:0;border-width:5px 0 0 5px;border-radius:15px 0 0 0}.qr-focus-frame i:nth-child(2){right:0;top:0;border-width:5px 5px 0 0;border-radius:0 15px 0 0}.qr-focus-frame i:nth-child(3){right:0;bottom:0;border-width:0 5px 5px 0;border-radius:0 0 15px 0}.qr-focus-frame i:nth-child(4){left:0;bottom:0;border-width:0 0 5px 5px;border-radius:0 0 0 15px}.qr-focus-frame:after{content:"";position:absolute;left:7%;right:7%;height:3px;top:12%;background:#4bffbe;box-shadow:0 0 14px #4bffbe;animation:qrScanLine 2s ease-in-out infinite}.qr-focus-frame span{position:absolute;left:50%;bottom:-39px;transform:translateX(-50%);white-space:nowrap;background:rgba(0,0,0,.68);color:#fff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}@keyframes qrScanLine{0%,100%{top:12%}50%{top:86%}}.qr-camera-stage.processing:after{content:"Processing…";position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:rgba(4,38,30,.58);color:#fff;font-size:20px;font-weight:900}.qr-scanner-state{margin-top:11px;border:1px solid #d7e6e0;background:#f3f8f6;border-radius:11px;padding:11px 13px;color:#315c50;font-weight:750}.qr-camera-actions{margin-top:10px}.qr-scan-help{margin-top:12px}.qr-live-result{display:grid;align-content:center;min-height:100%}.qr-live-result.success{border-color:#8cd3b5;background:linear-gradient(145deg,#fff,#eafaf3)}.qr-live-result.warning{border-color:#e3c971;background:linear-gradient(145deg,#fff,#fff9e5)}.qr-live-result.error{border-color:#e9aaa2;background:linear-gradient(145deg,#fff,#fff0ed)}.qr-result-empty{text-align:center;color:#536d64}.qr-result-empty>b{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#e1f4ed;color:#087254;font-size:32px}.qr-result-head{display:flex;align-items:center;gap:14px}.qr-result-head img,.qr-result-avatar{width:76px;height:76px;border-radius:16px;object-fit:cover;background:#dff3eb;display:grid;place-items:center;color:#075a46;font-size:30px;font-weight:900}.qr-result-head span{font-size:11px;letter-spacing:.11em;color:#0b7559;font-weight:900}.qr-result-head h2{margin:4px 0}.qr-result-head p{margin:0;color:#668078}.qr-result-action{margin:20px 0 12px;border-radius:14px;background:#075a46;color:#fff;padding:18px;display:flex;justify-content:space-between;align-items:center}.qr-result-action strong{font-size:24px}.qr-result-action b{font-size:18px}.qr-result-times{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.qr-result-times span{padding:12px;border-radius:11px;background:#eef6f3;color:#527067;display:grid;gap:4px}.qr-result-times b{color:#123d32;font-size:16px}.qr-manual-fallback summary{cursor:pointer;font-weight:850;color:#075a46}.qr-manual-fallback form{margin-top:14px}.qr-direct-page{min-height:100vh;display:grid;place-items:center;padding:18px}.qr-auto-scan-card{width:min(480px,100%);text-align:center}.qr-direct-status{margin:18px 0;padding:18px;border-radius:14px;display:grid;gap:6px}.qr-direct-status.loading{background:#eef5ff;color:#265680}.qr-direct-status.success{background:#e6f8ef;color:#06704f}.qr-direct-status.warning{background:#fff5d8;color:#725300}.qr-direct-status.error{background:#fff0ed;color:#a52b1f}.qr-direct-status b{font-size:22px}.qr-direct-status span{line-height:1.55}
@media(max-width:900px){.qr-mobile-layout{grid-template-columns:1fr}.qr-live-result{min-height:280px}.qr-camera-stage,.qr-camera-stage video{min-height:60vh;max-height:660px}}@media(max-width:540px){.qr-camera-stage,.qr-camera-stage video{min-height:55vh}.qr-camera-actions{display:grid;grid-template-columns:1fr 1fr}.qr-camera-actions #qrStartCamera{grid-column:1/-1}.qr-focus-frame{width:72%}.qr-result-action strong{font-size:20px}.qr-result-times{grid-template-columns:1fr 1fr}}

/* V3.5.3 date-wise attendance visibility */
.attendance-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:12px;margin:16px 0}
.attendance-summary-grid article{background:#f1faf6;border:1px solid #d4e8df;border-radius:13px;padding:14px 16px;min-height:74px;display:flex;flex-direction:column;justify-content:center}
.attendance-summary-grid small{font-size:12px;color:#55736a;font-weight:700}
.attendance-summary-grid strong{font-size:24px;line-height:1.2;color:#075846;margin-top:5px}
.attendance-filter-toolbar{align-items:end}
.attendance-filter-toolbar label,.portal-attendance-filter label{min-width:135px}
.attendance-search-label{flex:1;min-width:230px!important}
#attendanceHistoryRows .table-wrap,#teacherAttendanceRows .table-wrap{max-height:560px;overflow:auto}
#teacher-attendance{scroll-margin-top:90px}
@media(max-width:900px){.attendance-summary-grid{grid-template-columns:repeat(3,1fr)}.attendance-filter-toolbar label,.portal-attendance-filter label{min-width:calc(50% - 8px)}.attendance-search-label{min-width:100%!important}}
@media(max-width:520px){.attendance-summary-grid{grid-template-columns:repeat(2,1fr)}.attendance-filter-toolbar label,.portal-attendance-filter label{min-width:100%}.attendance-summary-grid strong{font-size:21px}}

/* V3.6 Finance, Payroll and complete view system */
.finance-summary-grid,.payroll-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:16px}
.finance-summary-grid article,.payroll-breakdown article{background:#f1faf6;border:1px solid #d4e8df;border-radius:14px;padding:15px;min-height:78px}
.finance-summary-grid small,.payroll-breakdown small{display:block;color:#58716a;font-size:12px;margin-bottom:7px}
.finance-summary-grid strong,.payroll-breakdown strong{font-size:20px;color:#073f34;word-break:break-word}
.table-action-stack{display:flex;flex-wrap:wrap;gap:6px;min-width:190px}
.btn.danger{background:#a82720;color:#fff}.btn.danger:hover{background:#861f19}
.payslip-sheet{max-width:850px;margin:20px auto;background:#fff;border:1px solid #cadfd6;border-radius:18px;overflow:hidden;box-shadow:0 16px 38px rgba(9,70,56,.12)}
.payslip-sheet>header{display:flex;gap:18px;align-items:center;padding:25px 30px;background:#075a46;color:#fff}
.payslip-sheet>header img{width:82px;height:82px;object-fit:contain;background:#fff;border-radius:12px;padding:6px}
.payslip-sheet>header h1{margin:0 0 5px;font-size:25px}.payslip-sheet>header p{margin:0 0 8px;font-size:12px;color:#d7efe7}
.payslip-person{display:flex;align-items:center;gap:16px;padding:22px 30px;border-bottom:1px solid #dcebe5}.payslip-person img{width:70px;height:70px;border-radius:50%;object-fit:cover}.payslip-person div{flex:1}.payslip-person h2{margin:0 0 5px}.payslip-person p{margin:3px 0;color:#597069}
.payslip-table{width:calc(100% - 60px);margin:24px 30px;border-collapse:collapse}.payslip-table th,.payslip-table td{padding:12px;border:1px solid #dce8e3;text-align:left}.payslip-table th{background:#eef8f4}.payslip-table .total td{font-weight:800;background:#f7fbf9}
.payslip-net{display:flex;justify-content:space-between;align-items:center;margin:0 30px 20px;padding:18px 22px;border-radius:12px;background:#075a46;color:#fff}.payslip-net strong{font-size:26px}.payslip-meta{margin:0 30px 20px;padding:16px;background:#f4faf7;border-radius:12px}.payslip-sheet footer{text-align:center;padding:15px;background:#eaf4f0;font-size:12px;color:#5d756d}
@media(max-width:700px){.finance-summary-grid,.payroll-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}.payslip-sheet>header{padding:18px}.payslip-table{width:calc(100% - 24px);margin:16px 12px;font-size:12px}.payslip-person,.payslip-meta{margin-left:0;margin-right:0;padding-left:16px;padding-right:16px}.payslip-net{margin:0 12px 16px}.table-action-stack{min-width:130px}}
@media print{.payslip-sheet{box-shadow:none;border:0;margin:0;max-width:none}.payslip-sheet>header{-webkit-print-color-adjust:exact;print-color-adjust:exact}.payslip-net{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* V3.6.1 payroll, inline viewer and professional staff ID cards */
.employee-form-section{margin-top:8px;padding:14px 16px;border:1px solid #cfe3da;border-radius:14px;background:#f3faf7}
.employee-form-section h3{margin:0 0 5px;color:#075a46}.employee-form-section p{margin:0;color:#60776f;font-size:12px;line-height:1.5}
.document-viewer-shell{width:100%;height:min(72vh,820px);border:1px solid #cfe0d9;border-radius:14px;overflow:hidden;background:#eef5f2}
.document-viewer-shell iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.document-viewer-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px;flex-wrap:wrap}

.staff-id-page{display:grid;place-items:center;padding:24px;min-height:100vh;background:radial-gradient(circle at top,#dff4ed,#f4f8f6 55%)}
.staff-id-shell{display:grid;justify-items:center;gap:16px;width:100%}
.staff-id-card{width:340px;height:540px;background:#fff;border-radius:22px;overflow:hidden;border:1px solid #0c6b57;box-shadow:0 20px 48px rgba(6,64,51,.22);position:relative;display:flex;flex-direction:column;color:#15352e}
.staff-id-top{height:82px;padding:13px 16px;display:flex;align-items:center;gap:11px;background:linear-gradient(135deg,#06483a,#0b765c);color:#fff}
.staff-id-top img{width:54px;height:54px;object-fit:contain;border-radius:50%;background:#fff;padding:3px;flex:0 0 auto}
.staff-id-top div{min-width:0}.staff-id-top b{display:block;font-size:17px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-id-top span{display:block;margin-top:4px;font-size:8.5px;font-weight:800;letter-spacing:.075em;color:#d7f2e9}
.staff-id-accent{height:6px;background:linear-gradient(90deg,#d4a017,#f7d76c,#d4a017)}
.staff-id-body{flex:1;padding:13px 18px 10px;text-align:center;display:flex;flex-direction:column;align-items:center}
.staff-id-photo-wrap{width:96px;height:112px;border-radius:13px;padding:3px;background:linear-gradient(145deg,#d4a017,#f5d873);box-shadow:0 7px 18px rgba(29,74,61,.15)}
.staff-id-photo{display:grid;place-items:center;width:100%;height:100%;border-radius:10px;object-fit:cover;background:#ecf3f0;color:#6b7c76;font-size:11px}
.staff-id-body h1{margin:9px 0 2px;font-size:22px;line-height:1.15;color:#083f34;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.staff-id-role{margin:0;color:#a77606;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.045em}
.staff-id-number{margin:7px 0 9px;padding:5px 12px;border-radius:999px;background:#e8f5f0;color:#075a46;font-size:11px;font-weight:900;letter-spacing:.035em}
.staff-id-info{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%;margin-bottom:10px}
.staff-id-info>div{border:1px solid #d7e7e0;background:#f8fbfa;border-radius:9px;padding:7px 6px;min-width:0}.staff-id-info span{display:block;font-size:8.5px;color:#6b7f78;text-transform:uppercase;letter-spacing:.06em}.staff-id-info b{display:block;margin-top:3px;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.staff-id-qr-row{width:100%;display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:center;text-align:left;padding:8px 10px;background:#f2f9f6;border:1px dashed #91b8aa;border-radius:12px}
.staff-id-qr-row img{width:92px;height:92px;object-fit:contain;background:#fff;padding:3px;border-radius:6px}.staff-id-qr-row b{display:block;color:#075a46;font-size:11px;margin-bottom:7px}.staff-id-qr-row span{display:block;font-size:9.5px;line-height:1.6;color:#516b63}
.staff-id-card footer{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:#073f35;color:#d8efe7;font-size:8.5px}.staff-id-card footer b{color:#f2cc62;letter-spacing:.04em}
.staff-id-actions{justify-content:center;margin:0;display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:420px){.staff-id-page{padding:12px}.staff-id-card{width:min(340px,94vw);height:auto;min-height:540px}.document-viewer-shell{height:68vh}}
@media print{
 html,body.staff-id-page{width:54mm;height:86mm;margin:0!important;padding:0!important;background:#fff!important;overflow:hidden}
 .staff-id-shell{width:54mm;height:86mm;display:block}
 .staff-id-card{width:54mm;height:86mm;border:0;border-radius:0;box-shadow:none;transform:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .staff-id-top{height:13mm;padding:2mm 2.5mm;gap:1.5mm}.staff-id-top img{width:8.5mm;height:8.5mm}.staff-id-top b{font-size:2.7mm}.staff-id-top span{font-size:1.35mm;margin-top:.6mm}.staff-id-accent{height:1mm}
 .staff-id-body{padding:2mm 2.8mm 1.4mm}.staff-id-photo-wrap{width:15.5mm;height:18mm;border-radius:2mm;padding:.5mm}.staff-id-body h1{font-size:3.6mm;margin:1.4mm 0 .4mm}.staff-id-role{font-size:1.8mm}.staff-id-number{font-size:1.7mm;margin:1.1mm 0 1.3mm;padding:.8mm 2mm}.staff-id-info{gap:1mm;margin-bottom:1.3mm}.staff-id-info>div{padding:1mm;border-radius:1.2mm}.staff-id-info span{font-size:1.25mm}.staff-id-info b{font-size:1.55mm;margin-top:.4mm}.staff-id-qr-row{grid-template-columns:15mm 1fr;gap:1.5mm;padding:1mm 1.4mm;border-radius:1.6mm}.staff-id-qr-row img{width:14.5mm;height:14.5mm;padding:.4mm}.staff-id-qr-row b{font-size:1.55mm;margin-bottom:.8mm}.staff-id-qr-row span{font-size:1.3mm}.staff-id-card footer{height:5.5mm;padding:0 2.3mm;font-size:1.25mm}
 .staff-id-actions{display:none!important}
}

/* V3.6.2 STAFF BANK, PAYROLL PDF & SALARY EMAIL */
.staff-payment-profile{display:grid;gap:18px}.salary-readonly-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.salary-readonly-grid>div{border:1px solid #d7e6e0;background:#f7fbf9;border-radius:12px;padding:13px 14px;display:grid;gap:5px}.salary-readonly-grid small{color:#60766e;font-size:11px;font-weight:800}.salary-readonly-grid strong{color:#123e34;font-size:15px;overflow-wrap:anywhere}.staff-payment-form{padding-top:4px}.payment-qr-preview{border:1px solid #cfe1da;background:#f6fbf9;border-radius:13px;padding:12px;display:grid;gap:8px;justify-items:center;align-content:center;min-height:150px}.payment-qr-preview small{font-weight:850;color:#48655b}.payment-qr-preview img{width:112px;height:112px;object-fit:contain;background:#fff;border:1px solid #d6e5df;border-radius:10px;padding:6px}.employee-form-section{margin-top:8px;border-top:1px solid #dbe8e3;padding-top:16px}.employee-form-section h3{margin:0 0 4px;color:#0d493c}.employee-form-section p{margin:0;color:#60776f;font-size:12px}.bank-ready{color:#087254;font-weight:850}.bank-pending{color:#a15c00;font-weight:850}
.bank-sheet-page{margin:0;background:#eaf2ef;color:#102a31;font-family:Arial,Helvetica,sans-serif}.bank-sheet-wrap{max-width:1500px;margin:24px auto;padding:0 18px}.bank-transfer-sheet{background:#fff;border:1px solid #cdded8;border-radius:16px;padding:24px;box-shadow:0 14px 36px rgba(8,55,45,.12)}.bank-sheet-head{display:grid;grid-template-columns:90px minmax(0,1fr);gap:18px;align-items:center;border-bottom:3px solid #075a46;padding-bottom:16px;margin-bottom:15px}.bank-sheet-head img{width:82px;max-height:82px;object-fit:contain}.bank-sheet-head h1{margin:0;color:#075a46;font-size:25px}.bank-sheet-head h2{margin:7px 0 0;font-size:20px}.bank-sheet-head p{margin:5px 0;color:#587168;font-size:12px}.bank-sheet-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 15px}.bank-sheet-meta span{border:1px solid #d8e6e1;background:#f5faf8;border-radius:9px;padding:9px 11px;font-size:12px}.bank-transfer-table{width:100%;border-collapse:collapse;font-size:11px}.bank-transfer-table th,.bank-transfer-table td{border:1px solid #cfded9;padding:8px 7px;text-align:left;vertical-align:top}.bank-transfer-table th{background:#e5f2ed;color:#123f35;font-size:10px;text-transform:uppercase;letter-spacing:.02em}.bank-transfer-table td small{display:block;color:#667d75;margin-top:3px}.bank-transfer-table .amount{text-align:right;font-weight:900;white-space:nowrap}.bank-transfer-table tr.missing-bank td{background:#fff4e7}.bank-transfer-table tfoot th{background:#0b5d4b;color:#fff;font-size:12px}.bank-sheet-note{margin-top:18px;border-top:1px solid #d6e4df;padding-top:12px;color:#526a62;font-size:11px}.bank-sheet-note>div{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:50px}.bank-sheet-note span{border-top:1px solid #203c34;padding-top:6px;text-align:center;color:#203c34}.bank-sheet-wrap>.actions{justify-content:center;margin:16px 0}.salary-email-status{font-weight:800}.salary-email-status.sent{color:#087254}.salary-email-status.failed{color:#b42318}
@media(max-width:900px){.salary-readonly-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bank-sheet-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.bank-transfer-sheet{overflow-x:auto}.bank-transfer-table{min-width:1180px}}
@media(max-width:560px){.salary-readonly-grid{grid-template-columns:1fr}.payment-qr-preview{min-height:auto}.bank-sheet-wrap{padding:0 8px}.bank-transfer-sheet{padding:14px}.bank-sheet-head{grid-template-columns:64px minmax(0,1fr)}.bank-sheet-head img{width:60px}.bank-sheet-head h1{font-size:19px}.bank-sheet-head h2{font-size:16px}.bank-sheet-meta{grid-template-columns:1fr}}
@media print{.bank-sheet-page{background:#fff}.bank-sheet-wrap{max-width:none;margin:0;padding:0}.bank-transfer-sheet{box-shadow:none;border:0;border-radius:0;padding:0}.bank-transfer-table{font-size:8.5pt}.bank-transfer-table th,.bank-transfer-table td{padding:5px 4px}.bank-sheet-head{grid-template-columns:70px 1fr}.bank-sheet-head img{width:65px}.bank-sheet-note{break-inside:avoid}@page{size:A4 landscape;margin:8mm}}

/* ===== V3.6.3 STABLE SMART NOTES + HOME CATALOG CONTROL ===== */
.smart-notes-top-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:11px;background:linear-gradient(135deg,#075a46,#0c7b60);color:#fff;text-decoration:none;font-size:13px;font-weight:900;box-shadow:0 7px 16px rgba(7,90,70,.16);white-space:nowrap}.smart-notes-top-btn:hover{transform:translateY(-1px)}
.notes-home-heading{margin-top:30px}.catalog-subcopy{margin:5px 0 0;color:#587068;font-size:13px;line-height:1.55}.smart-notes-class-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:12px}.smart-class-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;min-height:148px;padding:18px;border:1px solid #cfe3dc;border-radius:18px;background:linear-gradient(145deg,#fff,#f2faf7);color:#12372f;text-decoration:none;box-shadow:0 9px 24px rgba(7,75,58,.07);overflow:hidden;transition:.2s ease}.smart-class-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-38px;top:-36px;background:rgba(7,90,70,.07)}.smart-class-card:hover{transform:translateY(-3px);border-color:#77b8a6;box-shadow:0 13px 30px rgba(7,75,58,.12)}.smart-class-no{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#075a46;color:#fff;font-size:21px;font-weight:950;box-shadow:inset 0 -7px 18px rgba(0,0,0,.12)}.smart-class-card small{font-size:10px;letter-spacing:1.1px;color:#6b847b}.smart-class-card h3{margin:2px 0 5px;font-size:18px}.smart-class-card p{grid-column:2;margin:0;color:#587068;font-size:12px;line-height:1.45}.smart-class-card>b{grid-column:1/-1;margin-top:2px;color:#075a46;font-size:12px}.notes-home-offer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding:13px 15px;border-radius:13px;background:#fff8df;border:1px solid #f0dda1;color:#574710;font-size:12px}.notes-home-offer strong{margin-left:auto;color:#075a46}.notes-home-offer a{padding:8px 11px;border-radius:9px;background:#075a46;color:#fff;text-decoration:none;font-weight:800}
.smart-admin-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;align-items:end;margin:15px 0;padding:13px;border:1px solid #d7e7e1;border-radius:13px;background:#f6fbf9}.smart-admin-filters label{display:grid;gap:5px;font-size:11px;font-weight:800;color:#37594f}.smart-admin-filters input,.smart-admin-filters select{min-width:0}.offering-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 16px}.offering-stat-strip button{display:grid;gap:2px;text-align:left;border:1px solid #d6e7e1;border-radius:12px;background:#fff;padding:11px 13px;color:#173b32;cursor:pointer}.offering-stat-strip b{font-size:20px}.offering-stat-strip span{font-size:11px;color:#647e75}.upgraded-offering-card{display:flex;flex-direction:column;gap:9px}.offering-card-head,.offering-meta-line,.offering-switch-row{display:flex;justify-content:space-between;gap:8px;align-items:center}.catalog-code{font-size:10px;font-weight:800;color:#71867f;margin-left:6px}.offering-meta-line{font-size:11px;color:#698078;border-top:1px dashed #d8e6e1;padding-top:8px}.offering-switch-row{align-items:stretch}.catalog-switch{flex:1;display:flex;align-items:center;gap:7px;border:1px solid #d2e2dc;border-radius:9px;background:#f5f8f7;padding:8px 9px;color:#536d64;font-size:10px;font-weight:800;cursor:pointer;text-align:left}.catalog-switch i{position:relative;width:27px;height:15px;border-radius:20px;background:#b6c4bf;flex:0 0 auto}.catalog-switch i:after{content:"";position:absolute;width:11px;height:11px;left:2px;top:2px;border-radius:50%;background:#fff;transition:.2s}.catalog-switch.on{border-color:#9bcbbb;background:#eef9f5;color:#075a46}.catalog-switch.on i{background:#0a765a}.catalog-switch.on i:after{left:14px}.notes-pdf-builder-frame{position:fixed!important;width:1px!important;height:1px!important;left:-10000px!important;top:-10000px!important;border:0!important;opacity:0!important;pointer-events:none!important}.notes-ai-state{padding:11px 13px;border-radius:11px;margin:10px 0;font-size:12px;font-weight:800}.notes-ai-state.ok{background:#eaf8f2;color:#075a46;border:1px solid #b9dfd0}.notes-ai-state.bad{background:#fff1ee;color:#9a261f;border:1px solid #f2c5bd}.notes-admin-tools{display:flex;justify-content:flex-end;margin:10px 0}.notes-discover-box{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.notes-discover-box select,.notes-discover-box input{min-width:160px}.notes-admin-stats{margin:14px 0}.notes-filter-grid{grid-template-columns:repeat(5,minmax(125px,1fr))}.stable-notes-info{line-height:1.7}.notes-workspace-actions{margin:12px 0;flex-wrap:wrap}.notes-state{display:inline-block;padding:4px 7px;border-radius:999px;background:#eef2f1;font-size:10px;font-weight:800;text-transform:uppercase}.notes-state.published,.notes-state.validated{background:#e9f7f1;color:#075a46}.notes-state.failed{background:#fff0ee;color:#a42a20}.badge.warn{background:#fff4d8!important;color:#765a00!important;border-color:#ead69b!important}
@media(max-width:900px){.smart-notes-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notes-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.offering-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.site-header .top-actions{gap:6px}.smart-notes-top-btn{padding:9px 10px;font-size:11px}.smart-notes-class-grid{grid-template-columns:1fr}.smart-class-card{min-height:126px}.notes-home-offer{align-items:stretch}.notes-home-offer strong{margin-left:0}.notes-home-offer a{text-align:center;width:100%}.notes-filter-grid,.smart-admin-filters{grid-template-columns:1fr 1fr}.offering-switch-row{flex-direction:column}.offering-stat-strip{grid-template-columns:1fr 1fr}}

/* V3.6.3 Smart Notes public control */
.notes-control-ribbon{display:flex;gap:12px;align-items:stretch;margin:10px 0 14px}.notes-control-ribbon .notes-ai-state{flex:1;margin:0}.notes-public-switch{min-width:170px;justify-content:center}@media(max-width:720px){.notes-control-ribbon{flex-direction:column}.notes-public-switch{width:100%}}
.fee-offer-popup{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:18px;background:rgba(4,34,27,.74);backdrop-filter:blur(7px)}
.fee-offer-popup.hidden{display:none}.fee-offer-dialog{position:relative;width:min(570px,100%);max-height:min(90vh,760px);overflow:auto;border:1px solid rgba(255,255,255,.42);border-radius:28px;padding:34px 34px 28px;text-align:left;background:radial-gradient(circle at 8% 0,#fff2b9 0,transparent 31%),linear-gradient(145deg,#fff,#eaf8f2);box-shadow:0 30px 90px rgba(0,0,0,.38)}
.fee-offer-dialog:before{content:"";position:absolute;inset:0 0 auto;height:8px;background:linear-gradient(90deg,#0b5d4b,#d4a017,#0b5d4b)}.fee-offer-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:#e6f1ed;color:#123d33;font-size:25px;cursor:pointer}
.fee-offer-badge,.catalog-offer-badge{display:inline-flex;align-items:center;border-radius:999px;background:#9d241d;color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em;padding:7px 12px;box-shadow:0 5px 14px rgba(157,36,29,.22)}.fee-offer-topline{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-right:36px}.fee-offer-type{color:#0a614d;font-size:10px;font-weight:900;letter-spacing:.11em}.fee-offer-target{display:block;margin-top:18px;color:#6e806f;font-size:12px}.fee-offer-target b{color:#0a5544}.fee-offer-dialog h2{margin:7px 0 9px;max-width:470px;color:#073d31;font-size:clamp(27px,5vw,40px);line-height:1.08}.fee-offer-dialog p{max-width:480px;margin:0 0 18px;color:#4f675f;line-height:1.6}.fee-offer-saving{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:18px 0 10px;padding:12px 14px;border:1px solid #efcf6b;border-radius:14px;background:#fff8db}.fee-offer-saving span{border-radius:999px;padding:6px 9px;background:#a52c22;color:#fff;font-size:11px;font-weight:900}.fee-offer-saving small{color:#7a672e}.fee-offer-saving strong{color:#8d2b20;font-size:22px}.fee-offer-price{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:10px 0;padding:16px;border:1px solid #c9e1d7;border-radius:16px;background:#fff}.fee-offer-price>div{display:grid;gap:4px}.fee-offer-price small{color:#738880;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.fee-offer-price s{color:#899b94;font-size:20px}.fee-offer-price i{font-style:normal;color:#91a69e;font-size:22px}.fee-offer-price .payable{text-align:right}.fee-offer-price strong{color:#087055;font-size:34px}.fee-offer-points{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.fee-offer-points span{padding:7px 9px;border-radius:9px;background:#e8f6f0;color:#286152;font-size:10px;font-weight:750}.fee-offer-validity{margin:13px 0 16px;color:#5c7069;font-size:12px}.fee-offer-validity b{color:#173c33}.offer-focus{animation:offerFocus 2.3s ease}@keyframes offerFocus{0%,100%{box-shadow:0 8px 24px rgba(7,75,58,.07)}25%,70%{transform:translateY(-4px);border-color:#d7a51c;box-shadow:0 0 0 5px #ffedac,0 18px 38px rgba(7,75,58,.16)}}
.offer-price{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap}.offer-price s,.checkout-offer-price s,#heroRegistrationFee s{color:#8b9a95;font-size:.86em}.offer-price b,.checkout-offer-price b,#heroRegistrationFee b{color:#087055}.offer-price em{border-radius:999px;background:#fff0ca;color:#845c00;padding:3px 7px;font-size:9px;font-style:normal;font-weight:900}.catalog-card-top{flex-wrap:wrap}.catalog-offer-badge{margin-left:auto;padding:5px 8px;font-size:9px}.checkout-offer-price{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.checkout-offer-price small{width:100%;color:#9b2b22;font-size:11px;font-weight:800}
.fee-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.fee-summary-grid article{border:1px solid #d7e6e0;border-radius:14px;padding:16px;background:#f8fcfa}.fee-summary-grid small{display:block;color:#6a7d76;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.fee-summary-grid strong{display:block;margin-top:7px;color:#0a4b3c;font-size:19px}.permission-matrix-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:14px;margin-top:18px}.permission-module{border:1px solid #d9e6e1;border-radius:15px;padding:14px;background:#fbfdfc}.permission-module h3{margin:0 0 10px;color:#0a4d3d}.permission-check{display:flex;align-items:flex-start;gap:9px;padding:9px 5px;border-top:1px solid #edf3f0}.permission-check:first-of-type{border-top:0}.permission-check input{margin-top:3px}.permission-check span{display:grid;gap:2px}.permission-check small{color:#74867f;font-size:10px}.form-status.error{color:#b42318}
@media(max-width:780px){.fee-offer-dialog{padding:29px 18px 22px;border-radius:20px}.fee-offer-saving{grid-template-columns:auto 1fr}.fee-offer-saving strong{grid-column:1/-1}.fee-offer-price strong{font-size:28px}.fee-summary-grid{grid-template-columns:1fr 1fr}.fee-editor-hero .section-title{align-items:flex-start}.fee-editor-hero .actions{width:100%}.fee-editor-hero .actions .btn{flex:1}}

/* V3.6.8 PUBLIC VERIFICATION + ATTENDANCE QR SEPARATION */
.card-qr-panel{position:relative;display:flex;flex-direction:column;align-items:center;padding:14px 10px 13px;border:1px solid #cfe2db;border-radius:15px;background:#f7fbf9;min-width:0}.card-qr-panel.verify-qr-panel{background:#eef8f4;border-color:#9bcabb}.card-qr-panel.attendance-qr-panel{background:#fff9e8;border-color:#e4cc82}.card-qr-panel b{display:block;color:var(--green);font-size:14px;letter-spacing:.04em}.card-qr-panel small{display:block;color:#556e65;font-size:10.5px;line-height:1.45;margin-top:4px}.card-qr-panel a{margin-top:7px;color:var(--green);font-size:11px;font-weight:900;text-decoration:underline}.card-qr-badge{position:absolute;top:8px;right:8px;padding:3px 6px;border-radius:999px;background:#075a46;color:#fff;font-size:8px;font-weight:900;letter-spacing:.08em}.attendance-qr-panel .card-qr-badge{background:#9a6d00}.card-qr-note{margin:0;padding:0 22px 16px;text-align:center;color:#526a62;font-size:10.5px;line-height:1.5}
.verification-page{padding:1px 0 30px}.verification-card{width:min(520px,92vw);margin-top:5vh;text-align:left}.verification-card>img{display:block;margin:0 auto 12px}.verification-card>h1,.verification-card>.section-kicker{text-align:center;display:block}.verification-result{display:grid;gap:5px;margin:18px 0;padding:15px 17px;border-radius:13px;border:1px solid}.verification-result.valid{background:#e8f8f0;border-color:#97d2b8;color:#075a46}.verification-result.invalid{background:#fff0ed;border-color:#e6aaa2;color:#9c241a}.verification-result b{font-size:16px}.verification-result span{font-size:12px;line-height:1.5}.verification-details{display:grid;border:1px solid var(--line);border-radius:13px;overflow:hidden}.verification-details p{display:grid;grid-template-columns:145px 1fr;gap:12px;margin:0;padding:10px 13px;border-bottom:1px solid var(--line);align-items:center}.verification-details p:last-child{border-bottom:0}.verification-details span{color:var(--muted);font-size:12px}.verification-details b{text-align:right;overflow-wrap:anywhere}.verification-help{font-size:11px;line-height:1.55;color:#60756d;background:#f3f7f5;border-radius:10px;padding:10px 12px}
@media(max-width:700px){.card-dual-qr{grid-template-columns:1fr 1fr}.card-dual-qr .qr-image{width:128px;height:128px}.verification-details p{grid-template-columns:1fr;gap:4px}.verification-details b{text-align:left}}
@media(max-width:420px){.card-dual-qr{grid-template-columns:1fr}.card-dual-qr .qr-image{width:168px;height:168px}}
@media print{.student-card-modern{box-shadow:none}.card-qr-panel a{display:none}.card-qr-row .qr-image{width:145px;height:145px}.card-qr-panel{break-inside:avoid}.card-qr-note{padding-bottom:10px}}

/* V3.8.5 PRESERVED PUBLIC VERIFICATION PROFILE */
.verification-card-locked{padding:24px 26px 26px}.verification-brand{display:flex;align-items:center;justify-content:center;gap:11px;margin:-5px 0 17px;padding-bottom:14px;border-bottom:1px solid var(--line);text-align:left}.verification-brand img{width:54px;height:54px;object-fit:contain}.verification-brand div{display:grid;gap:3px}.verification-brand b{color:#083f34;font-size:18px}.verification-brand small{color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.04em}.verification-person{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:17px;margin:16px 0;padding:14px;border:1px solid #cfe3dc;border-radius:15px;background:linear-gradient(135deg,#f6fbf9,#edf8f4)}.verification-person>img,.verification-photo-placeholder{width:112px;height:132px;border:3px solid var(--gold);border-radius:13px;object-fit:cover;background:#fff}.verification-photo-placeholder{display:grid;place-content:center;gap:4px;text-align:center;color:#61736d}.verification-photo-placeholder span{font-size:13px;font-weight:900}.verification-photo-placeholder small{font-size:9px}.verification-person>div:last-child{min-width:0}.verification-person>div:last-child>small{color:#9a7009;font-size:9px;font-weight:900;letter-spacing:.1em}.verification-person h2{margin:5px 0;color:#083f34;font-size:24px;line-height:1.15;overflow-wrap:anywhere}.verification-person p{margin:0;color:#31554b;font-size:12px;font-weight:850;overflow-wrap:anywhere}.verification-assignments{display:grid;gap:8px;margin:16px 0}.verification-assignments h3{margin:0 0 2px;color:#0a4c3e;font-size:14px}.verification-assignments>div{display:grid;grid-template-columns:72px 1fr;gap:3px 10px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#fbfdfc}.verification-assignments span{grid-row:1/3;align-self:center;width:max-content;max-width:70px;border-radius:999px;padding:4px 7px;background:#e9f6f1;color:#09604c;font-size:8px;font-weight:900;text-transform:uppercase}.verification-assignments b{font-size:12px;color:#173e34}.verification-assignments small{color:var(--muted);font-size:10px}.verification-checked{margin:14px 0 0;text-align:center;color:#71837d;font-size:9.5px}.verification-contact{display:grid;gap:4px;margin:18px -26px -26px;padding:14px 18px;border-radius:0 0 20px 20px;background:#073f35;color:#d8efe7;text-align:center}.verification-contact b{color:#f2cc62;font-size:11px}.verification-contact span{font-size:9.5px;overflow-wrap:anywhere}
@media(max-width:520px){.verification-card-locked{padding:18px 16px 20px}.verification-brand{justify-content:flex-start}.verification-person{grid-template-columns:94px 1fr;gap:13px;padding:11px}.verification-person>img,.verification-photo-placeholder{width:94px;height:112px}.verification-person h2{font-size:20px}.verification-contact{margin:18px -16px -20px;border-radius:0 0 20px 20px}.verification-card-locked .verification-details p{grid-template-columns:1fr;gap:4px}.verification-card-locked .verification-details b{text-align:left}.verification-card-locked .actions{display:grid;grid-template-columns:1fr 1fr}.verification-card-locked .actions>*{width:100%}}

/* V3.8.5 SERVER-FIRST PRICING + SEARCH-READY OFFERING PAGES */

/* V3.8.5 MAKER–CHECKER APPROVAL QUEUE */
.approval-counter{border-color:#d39a1b!important;background:linear-gradient(135deg,#fffaf0,#fff)!important}.approval-counter .dashboard-counter-icon{background:#8a5b00!important;color:#fff!important}.approval-hero{border-top:4px solid #0b6a54}.approval-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;margin:18px 0}.approval-stat-grid button{border:1px solid #cfe0da;background:#f8fbfa;border-radius:14px;padding:15px;text-align:left;cursor:pointer;color:#173b32}.approval-stat-grid strong{display:block;font-size:26px;color:#075a46}.approval-stat-grid span{font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.approval-row{display:grid;grid-template-columns:95px 1fr auto;gap:14px;align-items:center;border:1px solid #d8e4e0;border-radius:14px;padding:15px;margin:10px 0;background:#fff}.approval-row p{margin:5px 0;color:#49645c}.approval-row small{color:#6b7f78}.approval-row em{display:block;color:#b42318;font-style:normal;font-size:12px;margin-top:6px}.approval-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;background:#eef3f1;color:#36564d}.approval-status.pending{background:#fff2c7;color:#795300}.approval-status.processing{background:#e7f0ff;color:#174c8a}.approval-status.approved{background:#dff7ed;color:#075a46}.approval-status.rejected{background:#fee4e2;color:#9f1c13}.approval-detail-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}.approval-detail-head h3{margin:0 0 4px}.approval-detail-head p{margin:0;color:#506c63}.approval-audit-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin:14px 0}.approval-audit-grid>div{border:1px solid #d9e5e1;border-radius:12px;padding:12px;background:#f8fbfa}.approval-audit-grid small,.approval-audit-grid span{display:block;color:#637a72;font-size:11px}.approval-audit-grid strong{display:block;margin:3px 0;color:#173b32}.approval-files{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}.approval-files span{background:#eef7f4;border:1px solid #cfe2dc;border-radius:9px;padding:8px 10px}.approval-field small{display:block;color:#795300;margin-top:4px}.approval-review-form{margin-top:16px}.approval-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #dce6e2;padding-top:16px}.btn.danger{border-color:#b42318!important;color:#b42318!important;background:#fff!important}.approval-result{margin-top:18px}.approval-result pre{max-height:300px;overflow:auto;background:#102c25;color:#e8fff7;padding:14px;border-radius:12px;white-space:pre-wrap;word-break:break-word}
.approval-change-preview{margin:16px 0;padding:16px;border:1px solid #c9e1d7;border-radius:16px;background:linear-gradient(145deg,#f2fbf7,#fff)}.approval-change-preview>div:first-child small{color:#9a7108;font-size:10px;font-weight:900;letter-spacing:.1em}.approval-change-preview h3{margin:4px 0 12px;color:#0a4f40}.approval-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:9px}.approval-preview-grid article{display:grid;gap:4px;padding:11px;border:1px solid #d8e7e1;border-radius:11px;background:#fff}.approval-preview-grid article.wide{grid-column:1/-1}.approval-preview-grid small{color:#6b8179;font-size:10px}.approval-preview-grid strong{font-size:15px;color:#193e35}.approval-preview-grid article.success strong{color:#087055}.approval-preview-grid article.warning strong{color:#9a5a00}.approval-queued-card{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center;padding:17px;border:1px solid #9bd0bc;border-radius:16px;background:#edf9f4}.approval-queued-mark{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#087055;color:#fff;font-size:28px;font-weight:950}.approval-queued-card small{color:#8a6300;font-size:10px;font-weight:900;letter-spacing:.09em}.approval-queued-card h3{margin:3px 0;color:#075a46;font-size:20px}.approval-queued-card p{margin:0;color:#506b62;line-height:1.5}.approval-flow-strip{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:9px;align-items:center;margin:18px 0}.approval-flow-strip span{display:grid;place-items:center;text-align:center;gap:6px;color:#678078}.approval-flow-strip b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e9f0ed;color:#537067}.approval-flow-strip .done b{background:#087055;color:#fff}.approval-flow-strip .current b{background:#c88a00;color:#fff;box-shadow:0 0 0 5px #fff1c5}.approval-flow-strip small{font-size:10px;font-weight:800}.approval-flow-strip i{font-style:normal;color:#91a59e}.approval-live-note{margin-bottom:15px}.fee-change-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #cde1d9;border-radius:12px;background:#f3faf7}.fee-change-banner span{color:#587169;font-size:11px;font-weight:800}.fee-change-banner strong{color:#075a46;font-size:20px}.fee-change-banner small{margin-left:auto;color:#795a00;text-align:right}
@media(max-width:760px){.approval-stat-grid{grid-template-columns:repeat(2,1fr)}.approval-row{grid-template-columns:1fr}.approval-row .btn{width:100%}.approval-audit-grid,.approval-preview-grid{grid-template-columns:repeat(2,1fr)}.fee-change-banner{align-items:flex-start;flex-wrap:wrap}.fee-change-banner small{width:100%;margin-left:0;text-align:left}}@media(max-width:480px){.approval-flow-strip{gap:4px}.approval-flow-strip i{display:none}.approval-flow-strip small{font-size:9px}.approval-preview-grid{grid-template-columns:1fr}}
.offering-directory{max-width:1240px;margin:0 auto 32px;padding:clamp(24px,4vw,42px);border:1px solid #c9e0d7;border-radius:28px;background:linear-gradient(150deg,#fff 0,#f4fbf8 100%);box-shadow:0 18px 45px rgba(7,63,53,.09)}.offering-directory-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.offering-directory-head h2{margin:6px 0 7px;font-size:clamp(25px,3.2vw,38px);line-height:1.12;color:#073f35}.offering-directory-head p{max-width:720px;margin:0;color:var(--muted);line-height:1.6}.offering-directory-counts{display:flex;gap:9px;flex:0 0 auto}.offering-directory-counts span{display:grid;place-items:center;min-width:90px;padding:10px 13px;border:1px solid #cfe2db;border-radius:13px;background:#fff;color:#5c736b;font-size:10px;font-weight:800}.offering-directory-counts b{color:#087055;font-size:23px}.offering-showcase-groups{display:grid;gap:28px;margin-top:28px}.offering-showcase-group{display:grid;gap:14px}.offering-group-title{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:end;padding-bottom:10px;border-bottom:1px solid #d8e7e1}.offering-group-title>span{grid-row:1/3;align-self:center;display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#075a46;color:#fff;font-size:9px;line-height:1.2;text-align:center;font-weight:900;letter-spacing:.07em}.offering-group-title h3{margin:0;color:#0a5141;font-size:23px}.offering-group-title p{margin:2px 0 0;color:#667d75;font-size:12px}.service-group .offering-group-title>span{background:#8a6200}.offering-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.offering-showcase-card{position:relative;display:flex;flex-direction:column;min-height:335px;padding:17px;border:1px solid #d6e5e0;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(7,63,53,.055);transition:.2s ease;overflow:hidden}.offering-showcase-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-55px;top:-54px;background:#e4f4ee}.offering-showcase-card:hover{transform:translateY(-3px);border-color:#86bbaa;box-shadow:0 16px 35px rgba(7,63,53,.12)}.offering-showcase-icon{position:relative;z-index:1;width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#e5f5ef;color:#075a46;font-size:19px;font-weight:950}.service-card .offering-showcase-icon{background:#fff2cd;color:#825b00}.offering-card-code{margin-top:12px;color:#9a7108;font-size:9px;font-weight:900;letter-spacing:.1em}.offering-showcase-card h4{margin:5px 0 7px;font-size:18px;line-height:1.25}.offering-showcase-card h4 a{color:#0a4d3f;text-decoration:none}.offering-showcase-card>p{min-height:42px;margin:0;color:#5b7069;font-size:12px;line-height:1.55}.offering-saving-badge{position:absolute;z-index:2;right:12px;top:12px;border-radius:999px;padding:6px 9px;background:#a52d23;color:#fff;font-size:9px;font-weight:900;box-shadow:0 6px 14px rgba(165,45,35,.22)}.offering-facts{display:grid;gap:6px;margin:13px 0}.offering-facts span{min-width:0;padding:6px 8px;border-radius:8px;background:#f1f7f5;color:#49675e;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.offering-card-bottom{display:grid;gap:12px;margin-top:auto;padding-top:12px;border-top:1px dashed #d8e5e0}.offering-card-fee{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.offering-card-fee small{width:100%;color:#73867f;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.offering-card-fee s{color:#8c9d97;font-size:11px}.offering-card-fee strong{color:#087055;font-size:19px}.offering-card-actions{display:grid;grid-template-columns:1fr auto;gap:7px}.offering-card-actions a{display:grid;place-items:center;border-radius:9px;padding:9px 10px;text-decoration:none;font-size:10px;font-weight:850}.offering-details-link{border:1px solid #94c1b2;color:#075a46;background:#fff}.offering-register-link{border:1px solid #075a46;color:#fff;background:#075a46}.offering-card-actions a:hover{filter:brightness(.96)}
.seo-offering-page aside{position:static;inset:auto;width:auto;overflow:visible;transform:none;background:transparent;color:inherit}.seo-offering-shell{max-width:1240px;margin:0 auto;padding:22px 18px 45px}.seo-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:5px 0 18px;color:#60756e;font-size:12px}.seo-breadcrumb a{color:#0a624e;font-weight:800}.seo-breadcrumb b{color:#173e34}.seo-offering-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);gap:22px;padding:clamp(24px,4vw,46px);border-radius:26px;background:linear-gradient(130deg,#073f35,#0b6c55 70%,#16866d);color:#fff;box-shadow:0 20px 45px rgba(7,63,53,.2)}.seo-offering-hero h1{margin:8px 0 12px;font-size:clamp(34px,5vw,58px);line-height:1.05}.seo-offering-hero>div>p{max-width:760px;margin:0;color:#dcf3eb;font-size:16px;line-height:1.7}.seo-quick-facts{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.seo-quick-facts span{min-width:140px;display:grid;gap:4px;padding:11px 13px;border:1px solid #ffffff30;border-radius:12px;background:#ffffff14}.seo-quick-facts small{color:#cfe9e0;font-size:10px;text-transform:uppercase;letter-spacing:.07em}.seo-quick-facts b{font-size:14px}.seo-quick-facts s{opacity:.72;margin-right:5px}.seo-registration-card{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:23px;border:1px solid #ffffff38;border-radius:19px;background:#fff;color:#173e34;box-shadow:0 14px 34px #062f2725}.seo-registration-card>span{color:#9a7108;font-size:10px;font-weight:900;letter-spacing:.1em}.seo-registration-card h2{margin:9px 0 7px;font-size:21px;line-height:1.3}.seo-registration-card p{margin:0 0 17px;color:#5c7069;font-size:12px;line-height:1.6}.seo-registration-card small{text-align:center;margin-top:9px;color:#6b7e78;font-size:9px}.seo-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;margin-top:22px;align-items:start}.seo-detail-content{display:grid;gap:16px}.seo-detail-content>section,.seo-detail-grid>section{border:1px solid #d5e5df;border-radius:17px;padding:21px;background:#fff;box-shadow:0 8px 24px rgba(7,63,53,.055)}.seo-detail-content h2{margin:0 0 9px;color:#084b3d;font-size:19px}.seo-detail-content p{margin:0;color:#4e675f;line-height:1.75}.seo-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.seo-brochure{display:flex;align-items:center;justify-content:space-between;gap:18px}.seo-brochure p{font-size:12px}.seo-brochure .ghost-btn{flex:0 0 auto}.seo-fee-card{position:sticky!important;top:96px!important;display:grid;gap:12px;border:1px solid #cde1d9;border-radius:19px;padding:22px;background:#fff!important;color:#173e34!important;box-shadow:0 13px 32px rgba(7,63,53,.09)}.seo-fee-card>span{color:#9a7108;font-size:10px;font-weight:900;letter-spacing:.1em}.seo-price{display:grid;gap:4px}.seo-price s{color:#85958f;font-size:15px}.seo-price strong{color:#087055;font-size:30px}.seo-price small{color:#a02b22;font-weight:850}.seo-offer-note{display:grid;gap:4px;border-left:4px solid #d4a017;border-radius:9px;padding:10px 12px;background:#fff8df}.seo-offer-note b{font-size:9px;color:#9b2b22;letter-spacing:.08em}.seo-offer-note span{font-weight:850}.seo-offer-note small{color:#6b5a25}.seo-fee-card>p{margin:0;color:#5c7069;font-size:12px;line-height:1.65}.seo-help-link{text-align:center;color:#087055;font-size:11px;font-weight:850}.seo-related{margin-top:30px}.seo-related h2{margin:5px 0 13px;color:#073f35}.seo-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.seo-related-grid a{display:grid;gap:7px;border:1px solid #d5e5df;border-radius:15px;padding:18px;background:#fff;box-shadow:0 8px 22px rgba(7,63,53,.05)}.seo-related-grid a:hover{transform:translateY(-2px);border-color:#85b9aa}.seo-related-grid small{color:#9b7309;font-size:9px;font-weight:900;letter-spacing:.09em}.seo-related-grid h3{margin:0;color:#0a4b3d}.seo-related-grid p{margin:0;color:#5f736c;font-size:12px;line-height:1.55}.seo-related-grid span{margin-top:3px;color:#087055;font-size:12px;font-weight:850}.seo-site-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px clamp(18px,5vw,70px);background:#073f35;color:#d8efe7}.seo-site-footer>div{display:grid;gap:5px}.seo-site-footer b{color:#fff}.seo-site-footer span{font-size:11px}.seo-site-footer>div:last-child{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;font-weight:800}.seo-not-found{width:min(620px,92vw);margin:10vh auto;padding:34px;text-align:center;border:1px solid #d5e5df;border-radius:22px;background:#fff;box-shadow:var(--shadow)}.seo-not-found img{width:85px}.seo-not-found h1{color:#073f35}.seo-not-found p{color:var(--muted);margin-bottom:22px}
@media(max-width:1000px){.offering-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.offering-directory{margin-left:14px;margin-right:14px}.offering-directory-head{align-items:flex-start}.seo-offering-hero,.seo-detail-layout{grid-template-columns:1fr}.seo-fee-card{position:static!important}.seo-related-grid{grid-template-columns:1fr 1fr}.seo-registration-card{max-width:none}}@media(max-width:600px){.offering-directory{padding:22px 14px;border-radius:21px}.offering-directory-head{display:grid}.offering-directory-counts{width:100%}.offering-directory-counts span{flex:1}.offering-showcase-grid,.seo-detail-grid,.seo-related-grid{grid-template-columns:1fr}.offering-showcase-card{min-height:310px}.seo-offering-shell{padding:12px 12px 30px}.seo-offering-hero{padding:24px 18px;border-radius:20px}.seo-offering-hero h1{font-size:34px}.seo-quick-facts{display:grid;grid-template-columns:1fr 1fr}.seo-quick-facts span{min-width:0}.seo-brochure,.seo-site-footer{display:grid}.seo-brochure .ghost-btn{width:100%}.seo-site-footer>div:last-child{display:grid;gap:9px}}
/* V3.9.1 — stable centered Notification Center */
.notification-overlay{position:fixed;inset:0;z-index:5000;background:rgba(3,29,23,.68);backdrop-filter:blur(4px);display:grid;place-items:center;padding:18px}.notification-overlay.hidden{display:none!important}.notification-dialog{width:min(900px,96vw);max-height:min(84vh,760px);background:#fff;border:1px solid #b8d5cb;border-radius:24px;box-shadow:0 28px 90px rgba(0,0,0,.34);overflow:hidden;display:flex;flex-direction:column;animation:notificationPop .16s ease-out}.notification-head{flex:0 0 auto}.notification-head p{margin:5px 0 0;color:#d9f1e9;font-size:12px}.notification-head-actions{display:flex;align-items:center;gap:8px}.notification-tools{display:flex;gap:8px;align-items:center;padding:10px 16px;background:#fff;border-bottom:1px solid #e1ebe7}.notification-tools span{margin-left:auto;color:#66756f;font-size:12px}.notification-filter{border:1px solid #c8d9d3;background:#f5faf8;color:#174b3e;padding:7px 12px;border-radius:999px;font-weight:800;cursor:pointer}.notification-filter.active{background:#0b5d4b;color:#fff;border-color:#0b5d4b}.notification-dialog .notification-list{flex:1;min-height:0;overflow:auto;padding:14px;background:#f4f9f7}.notification-copy{min-width:0}.notification-actions{display:flex;align-items:center;gap:10px;margin-top:10px}.notification-item{cursor:default;min-height:125px}.notification-item.unread{box-shadow:inset 4px 0 0 #0b7a5d,0 6px 18px rgba(7,63,53,.045)}@keyframes notificationPop{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
/* V3.9.1 Funnel Admin */
.funnel-workspace .section-title{align-items:flex-start}.funnel-tabs,.funnel-editor-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:10px;margin:12px 0 16px}.funnel-tabs button,.funnel-editor-tabs button{border:1px solid #cbdcd6;background:#f5faf8;color:#174b3e;padding:9px 14px;border-radius:10px;font-weight:850;cursor:pointer}.funnel-tabs button.active,.funnel-editor-tabs button.active{background:var(--green);color:#fff;border-color:var(--green)}.table-sub{display:block;color:var(--muted);margin-top:4px}.funnel-kpis .dashboard-counter{cursor:default}.funnel-workspace .card{box-shadow:none;border:1px solid var(--line)}
@media(max-width:640px){.notification-overlay{padding:8px;place-items:end center}.notification-dialog{width:100%;max-height:90vh;border-radius:20px 20px 8px 8px}.notification-head{padding:15px 13px}.notification-head-actions{flex-direction:column;align-items:flex-end}.notification-tools{padding:8px 10px}.notification-dialog .notification-list{padding:8px}.funnel-workspace .section-title>.actions{width:100%}.funnel-workspace .section-title>.actions .btn{flex:1}}
/* V3.9.2 Notification runtime hardening + full funnel admin */
#notificationOverlay.notification-overlay{position:fixed!important;inset:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important;width:100vw!important;height:100dvh!important;z-index:2147483000!important;display:grid!important;place-items:center!important;transform:none!important;margin:0!important;background:rgba(3,29,23,.72)!important;overflow:auto!important}
#notificationOverlay.notification-overlay.hidden{display:none!important}
#notificationOverlay .notification-dialog{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;margin:auto!important;width:min(900px,calc(100vw - 32px))!important;max-height:min(84dvh,760px)!important;z-index:1!important}
body.notifications-open{overflow:hidden!important;touch-action:none}.notification-head-actions .icon-btn{flex:0 0 auto}
.funnel-tabs{display:flex;gap:7px;flex-wrap:wrap}.funnel-tabs button{white-space:nowrap}.funnel-flow-builder{display:grid;gap:0;margin-top:14px}.funnel-flow-node{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid #d9e8e2;border-radius:16px;background:#fff}.funnel-node-order{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#0b5d4b;color:#fff;font-weight:900}.funnel-flow-node h4{margin:3px 0}.funnel-flow-node p,.funnel-flow-node small{margin:0;color:#687c74}.funnel-flow-arrow{text-align:center;font-size:20px;color:#0b5d4b;font-weight:900;padding:3px}.audit-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.audit-compare pre{white-space:pre-wrap;word-break:break-word;max-height:55vh;overflow:auto;background:#f5f8f7;padding:12px;border-radius:12px}.funnel-workspace .table-sub{display:block;color:#72857e;font-size:11px;margin-top:3px}
@media(max-width:700px){#notificationOverlay.notification-overlay{place-items:end center!important;padding:8px!important}#notificationOverlay .notification-dialog{width:100%!important;max-height:92dvh!important;border-radius:20px 20px 8px 8px!important}.funnel-flow-node{grid-template-columns:38px 1fr}.funnel-flow-node>.actions{grid-column:1/-1}.audit-compare{grid-template-columns:1fr}}

.funnel-flow-node[draggable="true"]{cursor:grab}.funnel-flow-node.dragging{opacity:.45;outline:2px dashed #0b5d4b}.mini-workload{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}.mini-workload span{background:#edf7f3;border:1px solid #cfe4dc;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;color:#315f51}

/* V3.9.2 funnel commercial UX */
.offer-countdown{margin-top:10px;padding:8px 12px;border:1px solid currentColor;border-radius:12px;font-weight:800;text-align:center}.preview-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.funnel-preview-wrap{min-height:72vh;background:#eef2f0;border-radius:16px;padding:12px;display:flex;justify-content:center;overflow:auto}.funnel-preview-wrap iframe{width:390px;max-width:100%;height:70vh;border:0;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.12);transition:width .2s ease}

/* V3.9.6 FINAL PRE-LIVE REGRESSION HARDENING */
html,body,button,input,select,textarea{font-family:var(--font-ui,"Shikshyan UI","Noto Sans Devanagari","Nirmala UI",Mangal,"Segoe UI",Arial,sans-serif)!important}
.admin-body{font-size:15px;line-height:1.5}
#nav button{min-height:43px;font-size:13.5px;line-height:1.25;font-weight:750;letter-spacing:0;color:#eaf6f2}
#nav button.active{color:#fff}
.admin-main small,.card small,.table-sub,.notification-title small{font-size:max(12px,.78rem);line-height:1.45}
.table-wrap table,.table-wrap th,.table-wrap td{font-size:13px;line-height:1.45}
.toolbar input,.toolbar select,.form-grid input,.form-grid select,.form-grid textarea{font-size:14px}
.btn.small,.compact{font-size:12.5px;min-height:34px}
.notification-dialog{isolation:isolate}
#notificationOverlay .notification-dialog{font-size:14px!important}
#notificationOverlay .notification-title small{font-size:12px!important}
#notificationOverlay .notification-item p{font-size:13px!important;color:#405c53!important}
#notificationOverlay .notification-filter{font-size:12.5px!important}
#notificationOverlay .notification-head .link,#notificationOverlay .notification-head .icon-btn{color:#fff!important}
#notificationOverlay .notification-head .icon-btn{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.25)!important}
/* Older public cards contained 9–10px helper text; keep it readable without changing layout. */
.offering-showcase-card small,.offering-card-fee small,.offering-facts span,.offering-card-actions a,.catalog-type,.seo-registration-card>span,.seo-registration-card small,.seo-quick-facts small,.seo-offer-note b,.seo-related-grid small,.reset-kicker,.reset-destination span,.reset-footnote,.secure-pdf-wrap:before{font-size:12px!important;line-height:1.35!important}
@media(max-width:700px){#nav button{font-size:14px;min-height:46px}.admin-main{font-size:15px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}}

/* V3.9.8 Home Smart Funnel placement */
.home-funnel-showcase{max-width:1180px;margin:22px auto 8px;padding:24px 26px;border-radius:22px;background:linear-gradient(125deg,#1f3478 0%,#443f9b 58%,#7850a5 100%);color:#fff;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.7fr);gap:24px;align-items:center;box-shadow:0 18px 42px rgba(37,50,112,.2);position:relative;overflow:hidden}.home-funnel-showcase:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-110px;background:rgba(255,185,64,.18)}.home-funnel-copy,.home-funnel-action{position:relative;z-index:1}.home-funnel-copy>span{font-size:12px;letter-spacing:.12em;font-weight:900;color:#ffd57a}.home-funnel-copy h2{font-size:clamp(23px,3vw,34px);line-height:1.2;margin:7px 0 9px;color:#fff}.home-funnel-copy p{color:#e8eafa;max-width:760px;line-height:1.65;margin:0}.home-funnel-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.home-funnel-points b{font-size:12px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.15);color:#fff}.home-funnel-action{padding:18px;border-radius:17px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);text-align:center}.funnel-mini-flow{display:flex;align-items:center;justify-content:center;margin-bottom:8px}.funnel-mini-flow span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#263b82;font-weight:900}.funnel-mini-flow i{height:2px;width:30px;background:rgba(255,255,255,.45)}.home-funnel-action small{display:block;color:#edf0ff;margin-bottom:13px}.home-funnel-btn{display:flex;justify-content:center;align-items:center;gap:10px;background:#fbbf45;color:#17275c;text-decoration:none;padding:12px 14px;border-radius:12px;font-weight:900}.home-funnel-btn:hover{transform:translateY(-1px);filter:brightness(1.03)}
.login-status{margin-top:10px;border-radius:10px;padding:0;font-size:13px;font-weight:700;line-height:1.45;min-height:0}.login-status:not(:empty){padding:9px 11px}.login-status.loading{background:#eef3ff;color:#334c8f}.login-status.success{background:#e9f7f1;color:#126247}.login-status.error{background:#fff0ef;color:#a62b27}.login-card button[type=submit]:disabled{opacity:.72;cursor:wait}
@media(max-width:820px){.home-funnel-showcase{margin:14px 12px 8px;grid-template-columns:1fr;padding:20px}.home-funnel-action{text-align:left}.funnel-mini-flow{justify-content:flex-start}.home-funnel-action small{text-align:left}}

/* ==========================================================
   V3.9.9 HUMAN UI + ENGAGEMENT CARDS + TRAFFIC DASHBOARD
   ========================================================== */
:root{--human-blue:#3157a4;--human-purple:#6946a5;--human-orange:#d97706;--human-red:#c2414b;--human-cyan:#087f8c;--human-teal:#087a68}
/* Public cards: each offering feels different, while text remains easy to scan. */
.preference-card{--offer-accent:#0b7660;--offer-soft:#edf9f5;--offer-ink:#134d42;position:relative!important;border:1px solid color-mix(in srgb,var(--offer-accent) 24%,#d8e2df)!important;background:linear-gradient(180deg,#fff 0%,var(--offer-soft) 160%)!important;box-shadow:0 10px 25px rgba(25,45,57,.07)!important;overflow:hidden}
.preference-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--offer-accent)}
.preference-card:after{content:"";position:absolute;width:118px;height:118px;border-radius:50%;right:-60px;top:-62px;background:color-mix(in srgb,var(--offer-accent) 8%,transparent);pointer-events:none}
.offering-tone-1{--offer-accent:#2463a9;--offer-soft:#eef6ff;--offer-ink:#1d4d83}.offering-tone-2{--offer-accent:#0b8078;--offer-soft:#eafaf7;--offer-ink:#075e58}.offering-tone-3{--offer-accent:#cf4b54;--offer-soft:#fff0f1;--offer-ink:#922f37}.offering-tone-4{--offer-accent:#d97706;--offer-soft:#fff6e8;--offer-ink:#985306}.offering-tone-5{--offer-accent:#6f4bb2;--offer-soft:#f4efff;--offer-ink:#503487}.offering-tone-6{--offer-accent:#a63a7c;--offer-soft:#fff0f8;--offer-ink:#76295a}.offering-tone-7{--offer-accent:#2b7d47;--offer-soft:#effaf2;--offer-ink:#1d5b32}.offering-tone-8{--offer-accent:#9a6b08;--offer-soft:#fff9e9;--offer-ink:#725005}
.preference-card .pref-icon{position:relative;z-index:1;width:54px;height:54px;background:var(--offer-soft)!important;color:var(--offer-ink)!important;border:1px solid color-mix(in srgb,var(--offer-accent) 25%,#fff)!important;box-shadow:none;font-size:27px}
.preference-card .catalog-type{position:relative;z-index:1;background:var(--offer-soft);color:var(--offer-ink);border:1px solid color-mix(in srgb,var(--offer-accent) 22%,#fff);font-size:11.5px!important;letter-spacing:.06em;padding:6px 9px}
.preference-card .catalog-card-copy h4{font-size:19px!important;line-height:1.28;margin-bottom:8px}.preference-card .catalog-card-copy h4 a{color:#162b37}.preference-card .catalog-card-copy p{font-size:13.5px;line-height:1.58;color:#536972;min-height:64px}
.preference-card .catalog-meta{border:1px solid color-mix(in srgb,var(--offer-accent) 14%,#e5ece9);background:rgba(255,255,255,.75);border-radius:12px;padding:10px 11px;margin-top:auto}.preference-card .catalog-meta span{font-size:12.5px;color:#536972}.preference-card .catalog-meta strong{color:var(--offer-ink);font-size:15.5px}.preference-card .details-btn{color:var(--offer-ink)!important;border-color:color-mix(in srgb,var(--offer-accent) 50%,#d8e3df)!important;background:#fff!important}.preference-card .select-now{background:linear-gradient(135deg,var(--offer-accent),color-mix(in srgb,var(--offer-accent) 78%,#101828))!important;border:0!important;color:#fff!important;box-shadow:0 7px 15px color-mix(in srgb,var(--offer-accent) 22%,transparent)!important}.preference-card:hover{border-color:color-mix(in srgb,var(--offer-accent) 58%,#d8e2df)!important;box-shadow:0 18px 38px rgba(20,42,56,.13)!important}.preference-card:hover .pref-icon{transform:scale(1.04)}
.catalog-heading{padding:15px 17px;border-radius:16px;background:linear-gradient(90deg,#f7faf9,#fff);border:1px solid #e1ebe7}.catalog-heading.course-heading{border-top:1px solid #e1ebe7}.catalog-heading .group-title{font-size:24px}.catalog-heading p,.catalog-subcopy{font-size:13.5px!important;line-height:1.55;color:#5d716c}.catalog-note{font-size:12.5px!important;font-weight:800;background:#fff}
/* Human-first home hero */
.home-hero{box-shadow:0 24px 58px rgba(6,63,53,.20)}.home-hero h1{line-height:1.08}.home-hero p{font-size:16px}.hero-summary article{transition:.2s ease}.hero-summary article:hover{transform:translateY(-2px);background:rgba(255,255,255,.15)}
.home-funnel-showcase{border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 48px rgba(43,46,111,.23)}.home-funnel-copy p{font-size:14.5px}.home-funnel-btn{min-height:48px;font-size:15px}
/* Admin dashboard: traffic and operations are visually separated. */
.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;margin-bottom:18px;border-radius:20px;background:linear-gradient(125deg,#083e35,#0b6652 60%,#16816a);color:#fff;box-shadow:0 16px 38px rgba(7,63,53,.16)}.dashboard-welcome span{font-size:12px;font-weight:900;letter-spacing:.11em;color:#f8d468}.dashboard-welcome h2{font-size:25px;margin:5px 0 6px}.dashboard-welcome p{margin:0;color:#dcefe9}.dashboard-welcome>b{padding:10px 13px;border-radius:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.17);white-space:nowrap}
.dashboard-traffic-section,.dashboard-operations{margin:18px 0}.dashboard-traffic-section{padding:20px;border-radius:20px;background:linear-gradient(145deg,#edf4ff,#f7f4ff);border:1px solid #d8e1f5}.dashboard-traffic-section .section-title{margin-bottom:12px}.dashboard-traffic-section .section-title h2{color:#263f82}.dashboard-traffic-section .section-title p{color:#66728c}.traffic-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}
.dashboard-counter{--dash-tone:#0b6b57;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--dash-tone) 19%,#dce6e2)!important;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--dash-tone) 5%,#fff))!important;min-height:124px;transition:.18s ease}.dashboard-counter:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--dash-tone)}.dashboard-counter:hover{transform:translateY(-3px);box-shadow:0 13px 27px rgba(25,45,57,.10)}.dashboard-counter.tone-money{--dash-tone:#a56a06}.dashboard-counter.tone-people{--dash-tone:#087a68}.dashboard-counter.tone-alert{--dash-tone:#c0444e}.dashboard-counter.tone-traffic{--dash-tone:#4458ad}.dashboard-counter.tone-security{--dash-tone:#7b469e}.dashboard-counter.tone-default{--dash-tone:#53716a}.dashboard-counter-icon{background:color-mix(in srgb,var(--dash-tone) 10%,#fff)!important;color:var(--dash-tone)!important}.dashboard-counter strong{color:#152f37!important;font-size:28px!important}.dashboard-counter b{font-size:14px!important;color:#314b52!important}.dashboard-counter small{font-size:12px!important;color:#697b80!important}
.quick-action-card{border-radius:19px}.quick-actions .btn{min-height:43px}
/* Notification is an action reminder, not a passive drawer. */
.notification-bell{position:relative}.notification-badge:not(.hidden){animation:notifyPulse 1.9s infinite}@keyframes notifyPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}#notificationOverlay .notification-dialog{border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 30px 90px rgba(0,0,0,.33)!important}.notification-head{background:linear-gradient(125deg,#075747,#0b7a62)!important}.notification-item.unread{background:linear-gradient(145deg,#f3fffb,#fff)!important}.notification-actions .link{min-height:34px;padding:6px 8px;border-radius:8px}.notification-actions .link:hover{background:#e8f6f1}
/* General readability. */
.field-help,.form-status,.note,.table-sub,.catalog-subcopy{font-size:12.5px!important;line-height:1.5!important}.admin-main .section-title p{font-size:13px;line-height:1.5;color:#61746e}.admin-main input,.admin-main select,.admin-main textarea{font-size:14px;line-height:1.4}
@media(max-width:800px){.dashboard-welcome{align-items:flex-start;flex-direction:column}.dashboard-welcome>b{white-space:normal}.dashboard-traffic-section{padding:14px}.preference-card .catalog-card-copy p{min-height:0}.catalog-heading{align-items:flex-start}}


/* ==========================================================
   V3.10.3 — NEW PUBLIC EXPERIENCE / LARGE READABLE CARDS
   ========================================================== */
.v3103-public{--v3-navy:#10264f;--v3-navy2:#193b73;--v3-amber:#ffbd45;--v3-cream:#fff9ee;--v3-sky:#eef5ff;--v3-ink:#172638;--v3-soft:#f6f8fb;background:linear-gradient(180deg,#fbfcff 0,#f6f9fb 44%,#f8faf9 100%);font-size:16px;color:var(--v3-ink)}
.v3103-public .site-header{min-height:88px;padding:13px clamp(22px,5vw,78px);box-shadow:0 3px 0 rgba(16,38,79,.04),0 12px 30px rgba(16,38,79,.06)}
.v3103-public .brand-lockup img{width:66px;height:66px}.v3103-public .brand-lockup b{font-size:22px;color:#10264f}.v3103-public .brand-lockup small{font-size:13px;color:#697789}
.v3103-public .top-actions .solid-btn,.v3103-public .top-actions .ghost-btn,.v3103-public .smart-notes-top-btn{min-height:44px;font-size:13.5px;border-radius:13px;padding-inline:16px}
.v3103-public .home-hero{max-width:1320px;margin:28px auto 0;padding:56px clamp(30px,5vw,72px);border-radius:34px;background:linear-gradient(118deg,#0d2147 0%,#143461 58%,#1f527d 100%);grid-template-columns:minmax(0,1.35fr) minmax(390px,.75fr);gap:48px;box-shadow:0 28px 70px rgba(16,38,79,.22);isolation:isolate}
.v3103-public .home-hero:before{background:radial-gradient(circle at 7% 12%,rgba(255,189,69,.24),transparent 28%),radial-gradient(circle at 92% 75%,rgba(73,181,197,.2),transparent 34%)}
.v3103-public .hero-copy .eyebrow{color:#ffd478;font-size:13px;letter-spacing:.16em}.v3103-public .home-hero h1{font-size:clamp(42px,5.1vw,68px);line-height:1.02;max-width:800px;margin:11px 0 18px;color:#fff}.v3103-public .home-hero h1 em{font-style:normal;color:#ffd166}.v3103-public .home-hero p{max-width:780px;font-size:18px;line-height:1.72;color:#e8eff9;margin:0}
.v3103-public .hero-trust-line{margin-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:760px}.v3103-public .hero-trust-line span{padding:11px 13px;border-radius:13px;font-size:13.5px;letter-spacing:.01em;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}
.v3103-public .hero-summary{gap:13px}.v3103-public .hero-summary article{min-height:112px;padding:18px 19px;border-radius:20px;background:rgba(255,255,255,.095);border:1px solid rgba(255,255,255,.15);grid-template-columns:54px 1fr}.v3103-public .hero-step-icon{width:50px;height:50px;border-radius:16px;background:#fff;color:#143461;font-size:23px}.v3103-public .hero-summary article b{font-size:17px;color:#fff}.v3103-public .hero-summary article small{font-size:13px;line-height:1.4;color:#dfe9f7}
.v3103-public .home-funnel-showcase{max-width:1260px;margin:22px auto 14px;padding:0;border-radius:28px;background:#fff;color:#172638;grid-template-columns:minmax(0,1.55fr) minmax(330px,.65fr);gap:0;border:1px solid #dce4f2;box-shadow:0 20px 50px rgba(31,46,82,.11)}
.v3103-public .home-funnel-showcase:before{content:"";position:absolute;left:0;top:0;bottom:0;width:9px;background:linear-gradient(180deg,#6d4bd1,#3157a4,#0e8993)}.v3103-public .home-funnel-showcase:after{right:auto;left:-110px;top:-120px;background:rgba(109,75,209,.08)}
.v3103-public .home-funnel-copy{padding:34px 38px 34px 42px}.v3103-public .home-funnel-copy>span{font-size:12.5px;color:#6550bc}.v3103-public .home-funnel-copy h2{font-size:clamp(28px,3.2vw,40px);line-height:1.16;color:#17294c;margin:8px 0 12px}.v3103-public .home-funnel-copy p{font-size:16px;line-height:1.7;color:#5b687c;max-width:820px}.v3103-public .home-funnel-points{margin-top:18px}.v3103-public .home-funnel-points b{font-size:13px;background:#f3f5fb;border:1px solid #e1e6f2;color:#33456f;padding:8px 11px}
.v3103-public .home-funnel-action{margin:18px;padding:25px 22px;border-radius:22px;background:linear-gradient(145deg,#243b80 0%,#5e48ad 100%);border:0;display:flex;flex-direction:column;justify-content:center}.v3103-public .home-funnel-action small{font-size:13px;color:#e9ecff}.v3103-public .home-funnel-btn{min-height:54px;font-size:16px;background:#ffbd45;color:#172750;border-radius:14px}.v3103-public .funnel-mini-flow span{width:34px;height:34px}.v3103-public .funnel-mini-flow i{width:36px}
.v3103-public .registration-flow-shell{max-width:1320px;margin:30px auto;padding:0 20px 54px}.v3103-public .flow-stage{padding:0;background:transparent;border:0;box-shadow:none}.v3103-public .stage-heading{margin:0 0 22px;padding:0 2px}.v3103-public .stage-heading h2{font-size:clamp(30px,3vw,42px);line-height:1.15;color:#14294b;margin:7px 0}.v3103-public .stage-heading p{font-size:16px;line-height:1.65;color:#607086;max-width:820px}.v3103-public .section-kicker{color:#7a57c6;font-size:12.5px}
.v3103-public .catalog-heading{margin:34px 0 17px;padding:0 2px;background:transparent;border:0!important;border-radius:0}.v3103-public .catalog-heading.course-heading{margin-top:48px;padding-top:30px;border-top:1px solid #dce3eb!important}.v3103-public .catalog-heading .group-title{font-size:30px;color:#17294b}.v3103-public .catalog-kicker{font-size:12.5px;color:#bd7300}.v3103-public .catalog-note{font-size:13.5px!important;padding:9px 13px;background:#fff;border-color:#dfe6ee;color:#58697d}
.v3103-public .choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.v3103-public .preference-card{min-height:330px!important;padding:23px!important;border-radius:24px!important;box-shadow:0 10px 30px rgba(20,41,65,.075)!important}.v3103-public .preference-card:before{width:7px}.v3103-public .preference-card .pref-icon{width:62px;height:62px;border-radius:19px;font-size:31px}.v3103-public .preference-card .catalog-type{font-size:12px!important;padding:7px 10px}.v3103-public .preference-card .catalog-card-copy{padding:18px 0 13px}.v3103-public .preference-card .catalog-card-copy h4{font-size:22px!important;line-height:1.25;margin-bottom:10px}.v3103-public .preference-card .catalog-card-copy p{font-size:15px!important;line-height:1.62;min-height:78px;color:#536579}.v3103-public .preference-card .catalog-meta{padding:12px 13px}.v3103-public .preference-card .catalog-meta span{font-size:13.5px}.v3103-public .preference-card .catalog-meta strong{font-size:17px}.v3103-public .preference-card .card-actions{gap:10px;margin-top:16px}.v3103-public .preference-card .details-btn,.v3103-public .preference-card .select-now{min-height:47px;font-size:13.5px!important;border-radius:12px;padding:11px 13px}.v3103-public .preference-card:hover{transform:translateY(-5px) scale(1.005)}
.v3103-public .smart-notes-class-grid{gap:15px}.v3103-public .smart-class-card{min-height:134px;padding:18px;border-radius:20px}.v3103-public .smart-class-card h3{font-size:20px}.v3103-public .smart-class-card p{font-size:13.5px}.v3103-public .notes-home-offer{font-size:14px;padding:16px 18px;border-radius:17px}
.v3103-public .continue-banner{max-width:1280px;padding:23px 27px;border-radius:22px}.v3103-public .continue-banner b{font-size:18px}.v3103-public .continue-banner span{font-size:14.5px;line-height:1.5}
@media(max-width:1100px){.v3103-public .home-hero{grid-template-columns:1fr;padding:44px 36px}.v3103-public .hero-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.v3103-public .hero-summary article{grid-template-columns:1fr;text-align:center}.v3103-public .hero-step-icon{margin:auto}.v3103-public .home-funnel-showcase{grid-template-columns:1fr}.v3103-public .home-funnel-action{margin-top:0}.v3103-public .choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.v3103-public .site-header{min-height:72px;padding:9px 14px}.v3103-public .brand-lockup img{width:52px;height:52px}.v3103-public .brand-lockup b{font-size:17px}.v3103-public .brand-lockup small{display:none}.v3103-public .home-hero{margin:14px 12px 0;padding:34px 21px;border-radius:25px}.v3103-public .home-hero h1{font-size:38px}.v3103-public .home-hero p{font-size:16px}.v3103-public .hero-trust-line{grid-template-columns:1fr}.v3103-public .hero-summary{grid-template-columns:1fr 1fr}.v3103-public .hero-summary article{min-height:100px}.v3103-public .home-funnel-showcase{margin:14px 12px;border-radius:23px}.v3103-public .home-funnel-copy{padding:27px 23px 22px 28px}.v3103-public .home-funnel-copy h2{font-size:29px}.v3103-public .home-funnel-copy p{font-size:15px}.v3103-public .registration-flow-shell{padding:0 13px 35px}.v3103-public .choice-grid{grid-template-columns:1fr}.v3103-public .preference-card{min-height:auto!important}.v3103-public .preference-card .catalog-card-copy p{min-height:0}.v3103-public .stage-heading{flex-direction:column}.v3103-public .catalog-heading .group-title{font-size:25px}}


/* V3.10.4 — public typography balance and clearer student cards */
.v3104-public .preference-card{border-width:1px!important}.v3104-public .preference-card .catalog-card-copy h4{font-weight:900;letter-spacing:-.015em}.v3104-public .preference-card .catalog-card-copy p{color:#4f6074}.v3104-public .catalog-meta{background:linear-gradient(90deg,#f8fafc,#fffdf7)!important}.v3104-public .details-btn,.v3104-public .select-now{font-weight:850!important}.v3104-public .home-funnel-showcase{overflow:hidden}.v3104-public .home-funnel-copy h2{letter-spacing:-.025em}.v3104-public .home-funnel-copy p{max-width:760px}
@media(max-width:720px){.v3104-public{font-size:15px}.v3104-public .site-header{min-height:64px;padding:8px 10px}.v3104-public .brand-lockup{gap:7px;min-width:0}.v3104-public .brand-lockup img{width:40px;height:40px}.v3104-public .brand-lockup b{font-size:14.5px;white-space:nowrap}.v3104-public .top-actions{gap:5px}.v3104-public .top-actions .solid-btn,.v3104-public .top-actions .ghost-btn,.v3104-public .smart-notes-top-btn{font-size:11.5px;min-height:36px;padding:7px 8px}.v3104-public .home-hero{padding:27px 18px;border-radius:22px}.v3104-public .home-hero h1{font-size:31px;line-height:1.08}.v3104-public .home-hero p{font-size:14.5px;line-height:1.58}.v3104-public .hero-trust-line span{font-size:12.5px}.v3104-public .home-funnel-copy{padding:23px 19px 19px 24px}.v3104-public .home-funnel-copy h2{font-size:25px}.v3104-public .home-funnel-copy p{font-size:14px}.v3104-public .home-funnel-points b{font-size:12px}.v3104-public .home-funnel-action{margin:12px;padding:18px}.v3104-public .home-funnel-btn{font-size:14px;min-height:48px}.v3104-public .stage-heading h2{font-size:25px}.v3104-public .stage-heading p{font-size:14px}.v3104-public .catalog-heading .group-title{font-size:22px}.v3104-public .catalog-note{font-size:12px!important}.v3104-public .preference-card{padding:18px!important;border-radius:19px!important}.v3104-public .preference-card .pref-icon{width:48px;height:48px;font-size:24px;border-radius:15px}.v3104-public .preference-card .catalog-card-copy{padding:13px 0 10px}.v3104-public .preference-card .catalog-card-copy h4{font-size:19px!important}.v3104-public .preference-card .catalog-card-copy p{font-size:13.5px!important;line-height:1.55}.v3104-public .preference-card .catalog-meta span{font-size:12px}.v3104-public .preference-card .catalog-meta strong{font-size:15px}.v3104-public .preference-card .details-btn,.v3104-public .preference-card .select-now{min-height:43px;font-size:12.5px!important}.v3104-public .smart-class-card h3{font-size:18px}.v3104-public .smart-class-card p{font-size:12.5px}}
/* V3.11 public audit: compact bilingual landing and trust layer */
.audit-home{background:#f6f8f3;color:#16372f}.audit-home-shell{max-width:1240px;margin:auto;padding:28px 24px 64px}.audit-hero{display:grid;grid-template-columns:1.5fr .7fr;gap:28px;align-items:stretch;background:linear-gradient(135deg,#063f34,#0b6b56);color:#fff;border-radius:32px;padding:54px;box-shadow:0 24px 65px rgba(3,55,44,.18)}.audit-hero h1{font-size:clamp(2.25rem,5vw,4.7rem);line-height:1.02;max-width:900px;margin:18px 0}.audit-hero p{font-size:1.15rem;max-width:720px;color:#e5f5ef}.audit-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.audit-hero aside{background:#fff;color:#153b32;border-radius:24px;padding:30px;display:flex;flex-direction:column;justify-content:center}.audit-hero aside strong{font-size:3rem;color:#b26b00;margin:10px 0}.audit-guidance{margin:26px 0;background:#fff;border:1px solid #dce8e2;border-radius:24px;padding:28px}.audit-guidance span,.audit-guidance .section-kicker{color:#9a6200;font-weight:900;letter-spacing:.1em}.audit-guidance h2{font-size:clamp(1.6rem,3vw,2.6rem);margin:8px 0}.audit-category-grid,.audit-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.audit-categories,.audit-why{padding:34px 0}.audit-category-grid>a,.audit-why-grid article{background:#fff;border:1px solid #dce8e2;border-radius:20px;padding:23px;text-decoration:none;color:inherit;transition:.2s}.audit-category-grid>a:hover{transform:translateY(-4px);border-color:#0b6b56;box-shadow:0 12px 30px rgba(6,63,52,.1)}.audit-category-grid>a>span{font-size:2rem}.audit-category-grid h3,.audit-why-grid h3{font-size:1.18rem;margin:12px 0 6px}.audit-category-grid p,.audit-why-grid p{color:#567069;min-height:48px}.audit-category-grid b{color:#08715b}.audit-why-grid article>b{color:#c47c00;font-size:1.4rem}.audit-proof,.audit-final-cta{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:center;border-radius:26px;padding:34px;margin:24px 0}.audit-proof{background:#f0eadb}.audit-proof blockquote{font-size:1.3rem;font-weight:800}.audit-final-cta{background:#123e34;color:#fff}.audit-final-cta>div:last-child{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.legal-shell{max-width:880px;margin:36px auto 80px;padding:0 24px}.legal-shell>h1{font-size:2.6rem}.legal-shell section{background:#fff;border:1px solid #dce8e2;border-radius:18px;padding:22px;margin:14px 0}.legal-updated,.legal-shell p{color:#526c65;line-height:1.75}.registration-legal-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:18px;background:#f2f7f4;border-top:1px solid #d9e6df}.registration-legal-links a{font-weight:800;color:#075a46}.registration-only-hero{padding-top:30px}.registration-guide-strip{margin-top:16px}.seo-site-footer a{margin-left:15px}
@media(max-width:900px){.audit-hero,.audit-proof,.audit-final-cta{grid-template-columns:1fr}.audit-category-grid,.audit-why-grid{grid-template-columns:repeat(2,1fr)}.audit-hero{padding:32px}.audit-final-cta>div:last-child{justify-content:flex-start}}
@media(max-width:560px){.audit-home-shell{padding:14px}.audit-category-grid,.audit-why-grid{grid-template-columns:1fr}.audit-hero{padding:25px;border-radius:22px}.audit-hero h1{font-size:2.35rem}.audit-category-grid p{min-height:0}}

/* ==========================================================
   V3.15 PROFESSIONAL PUBLIC UI — conversion/readability layer
   Scoped to public pages so ERP/Admin workflows stay stable.
   ========================================================== */
.public-page{--pro-green:#073f37;--pro-green-2:#0b6655;--pro-gold:#c99516;--pro-ink:#123b3a;--pro-muted:#607a76;--pro-bg:#f7f8f4;--pro-line:#dce7e2;background:linear-gradient(180deg,#f7faf7 0,#f8f6ef 100%);color:var(--pro-ink);font-size:16px;line-height:1.55}
.public-page .site-header,.public-page .public-head{min-height:74px;background:rgba(255,255,255,.97);border-bottom:1px solid #e1e9e5;box-shadow:0 6px 22px rgba(7,63,55,.06);backdrop-filter:blur(12px)}
.public-page .brand-lockup b,.public-page .brand-link b{color:#073f37;font-size:18px;letter-spacing:-.01em}.public-page .brand-lockup small,.public-page .brand-link small{font-size:13px;color:#6a817c}
.public-page .solid-btn,.public-page .btn:not(.secondary):not(.alt):not(.danger),.public-page .cbtn.primary{background:linear-gradient(135deg,#073f37,#0b6655);color:#fff;border:1px solid #073f37;box-shadow:0 8px 20px rgba(7,63,55,.14);font-weight:800}
.public-page .ghost-btn,.public-page .btn.secondary,.public-page .btn.alt,.public-page .cbtn:not(.primary){background:#fff;color:#073f37;border:1px solid #a9c4bc;box-shadow:none;font-weight:800}
.public-page .solid-btn:hover,.public-page .btn:not(.secondary):not(.alt):not(.danger):hover,.public-page .cbtn.primary:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(7,63,55,.18)}
.public-page h1,.public-page h2,.public-page h3,.public-page h4{color:#103f3d;letter-spacing:-.025em}.public-page p{line-height:1.7}.public-page .section-kicker,.public-page .eyebrow,.public-page .catalog-kicker{color:#a86f00;font-weight:900;letter-spacing:.14em}
.public-page input,.public-page select,.public-page textarea{min-height:48px;border:1px solid #c7d8d2;border-radius:12px;background:#fff;color:#173f3b;font-size:15px}.public-page input:focus,.public-page select:focus,.public-page textarea:focus{border-color:#0b6655;box-shadow:0 0 0 4px rgba(11,102,85,.09)}
.public-page .flow-stage,.public-page .compact-form-section,.public-page .checkout-card,.public-page .lookup-card,.public-page .admission-panel,.public-page .portal-section{border-color:#dce7e2;box-shadow:0 14px 38px rgba(7,63,55,.07)}
.public-page .preference-card{border-color:#d5e3de;box-shadow:0 8px 22px rgba(7,63,55,.045)}.public-page .preference-card:hover{border-color:#7fae9f;box-shadow:0 16px 34px rgba(7,63,55,.10)}
.public-page .catalog-meta strong,.public-page .amount-row strong{color:#0b6655}.public-page .offer-price s,.public-page .checkout-offer-price s{color:#8b9d98}.public-page .catalog-offer-badge{background:#fff1c7;color:#765100;border:1px solid #ebcb69}
.public-page .home-hero.registration-only-hero{background:linear-gradient(125deg,#073f37,#0b6655 68%,#17745f);box-shadow:0 22px 52px rgba(7,63,55,.19)}
.public-page .home-funnel-card{border:1px solid #d9e6e1;background:linear-gradient(145deg,#fff,#f6faf8);box-shadow:0 15px 34px rgba(7,63,55,.08)}
.public-page .home-funnel-card h2{font-size:clamp(25px,3.2vw,38px)}.public-page .home-funnel-card p{font-size:15px;color:#607a76}
.public-page .catalog-heading h3{font-size:clamp(22px,2.4vw,30px)}.public-page .catalog-note,.public-page .catalog-subcopy{font-size:14px;color:#627d77}
@media(max-width:700px){.public-page{font-size:15px}.public-page .site-header,.public-page .public-head{padding:9px 12px}.public-page .brand-lockup b,.public-page .brand-link b{font-size:16px}.public-page .brand-lockup small,.public-page .brand-link small{font-size:12px}.public-page .top-actions{gap:6px}.public-page .solid-btn,.public-page .ghost-btn,.public-page .btn,.public-page .cbtn{min-height:42px;font-size:13px}.public-page .compact{font-size:13px!important}.public-page label{font-size:14px}.public-page input,.public-page select,.public-page textarea{font-size:16px}.public-page .catalog-meta,.public-page .catalog-note{font-size:13px}}

/* V3.15.2 — ID Card generator reliability/status UI */
.id-card-manager .section-title{align-items:flex-start}.card-manager-toolbar{align-items:center}.card-manager-toolbar .badge{white-space:nowrap}.id-card-item{box-shadow:0 8px 22px rgba(12,77,60,.05);transition:.18s ease}.id-card-item:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(12,77,60,.09)}.id-card-item-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px}.status-pill.pending{background:#fff3cf;color:#7a5700}.id-card-item .actions{margin-top:13px}.id-card-item .actions .btn{flex:1}.qr-unavailable{display:grid;place-items:center;width:92px;height:92px;border:2px dashed #c7a755;border-radius:10px;background:#fffdf5;color:#916b08;font-weight:900;font-size:11px;text-align:center;padding:6px}.card-qr-panel .qr-unavailable{width:158px;height:158px;margin:8px auto;font-size:13px}.document-viewer-shell iframe{background:#f5f8f7}

/* V3.16.0 — public registration/mobile UI polish (admin unaffected) */
@media(max-width:720px){
 body.public-page.simplified-registration{max-width:100%;overflow-x:hidden}.simplified-registration .site-header{padding:8px 10px;gap:7px}.simplified-registration .brand-lockup{max-width:52vw;min-width:0}.simplified-registration .brand-lockup img{width:34px;height:34px}.simplified-registration .brand-lockup b{font-size:13px}.simplified-registration .brand-lockup small{display:none}.simplified-registration .top-actions{gap:4px;overflow-x:auto;scrollbar-width:none}.simplified-registration .top-actions a,.simplified-registration .top-actions button{font-size:10.5px!important;padding:6px 7px!important;white-space:nowrap;min-height:34px!important}.simplified-registration .registration-only-hero{padding:18px 14px!important;grid-template-columns:1fr!important;gap:12px!important}.simplified-registration .registration-only-hero h1{font-size:27px!important;line-height:1.14!important}.simplified-registration .registration-only-hero p{font-size:13.5px!important;line-height:1.5!important}.simplified-registration .hero-summary{grid-template-columns:1fr 1fr!important}.simplified-registration .home-funnel-showcase{grid-template-columns:1fr!important;padding:15px!important}.simplified-registration .registration-flow-shell{padding-left:9px!important;padding-right:9px!important}.simplified-registration .stage-heading h2{font-size:25px!important}.simplified-registration .choice-grid{grid-template-columns:1fr!important}.simplified-registration .form-grid.four{grid-template-columns:1fr!important}.simplified-registration .continue-banner{margin:20px 9px!important;padding:15px!important;display:grid!important;grid-template-columns:1fr!important}}

/* V3.17.2 Administration usability */
.quick-account-entry{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px;border:1px solid #dce8e3;border-radius:16px;background:linear-gradient(180deg,#fbfdfc,#f5faf7);margin:14px 0 18px}
.quick-account-entry label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#31564c}.quick-account-entry input,.quick-account-entry select{width:100%;min-height:42px;border:1px solid #c7d8d1;border-radius:10px;padding:10px;background:#fff}.quick-account-entry .span-2{grid-column:span 2}.quick-category-strip{display:flex;gap:7px;flex-wrap:wrap}.quick-category-strip button{border:1px solid #bdd1c8;background:#fff;border-radius:999px;padding:7px 10px;cursor:pointer;font-weight:700;color:#0a5b4b}.accounting-command .finance-summary-grid{margin-top:14px}.form-status{margin-left:10px;font-size:12px;color:#0b6b56}.form-status.error{color:#b42318}
.scholarship-admin-thumb{width:52px!important;height:40px!important;border-radius:8px;object-fit:cover}.compact-select{min-width:130px;padding:7px;border:1px solid #c8d7d1;border-radius:9px;background:#fff}.scholarship-kpis{margin:14px 0 20px}
#teacher-exam-papers .section-title{align-items:flex-start}.exam-meta+.note{margin-top:10px}
@media(max-width:900px){.quick-account-entry{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.quick-account-entry{grid-template-columns:1fr}.quick-account-entry .span-2{grid-column:auto}}

/* V3.17.2 Scholarship safe-create helpers */
.scholarship-template-label{padding:12px;border:1px solid #d7e7df;border-radius:12px;background:#f7fbf9}
.scholarship-safe-note{padding:12px 14px;border:1px solid #cfe2d8;border-radius:12px;background:#eef8f3;color:#184d3f;font-size:13px;line-height:1.5}
#scholarshipProgramForm input[readonly]{background:#f3f6f5;color:#4b625b;font-weight:700;cursor:not-allowed}
#scholarshipProgramForm label small{display:block;margin-top:5px;color:#62736e;font-size:12px;line-height:1.35}

/* V3.17.2 Scholarship approval workflow */
.scholarship-workflow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;margin:10px 0 14px;border:1px solid #d8e6e1;background:#f7fbf9;border-radius:12px;color:#214b42}.scholarship-workflow>b{margin-right:4px}.scholarship-workflow>span{padding:6px 10px;background:#fff;border:1px solid #d6e5e0;border-radius:999px;font-size:12px;font-weight:700}.scholarship-workflow>i{font-style:normal;color:#7a958d}.scholarship-workflow>small{flex-basis:100%;color:#60766f}.sch-status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.sch-draft{background:#eef2f1;color:#50645e}.sch-pending{background:#fff1c9;color:#805d00}.sch-active{background:#dff6ea;color:#09633f}.sch-closed{background:#f2e5e5;color:#8b3434}.status-field{min-height:40px;display:flex;align-items:center;padding:8px 10px;border:1px solid #d9e4e0;border-radius:10px;background:#f9fbfa}.mini-state{display:inline-flex;padding:5px 8px;border-radius:8px;font-size:11px;font-weight:700}.mini-state.pending{background:#fff4d6;color:#7a5b00}.scholarship-current-thumb{display:flex;align-items:center;gap:12px;padding:10px;border:1px dashed #cbdcd6;border-radius:12px}.scholarship-current-thumb img{width:120px;height:80px;object-fit:cover;border-radius:8px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-grid>div{padding:10px;border:1px solid #dce7e3;border-radius:10px;background:#fafcfb}.detail-grid small{display:block;color:#6c7f79;margin-bottom:4px}.detail-grid b{display:block;color:#163f36}.table-action-stack{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
@media(max-width:700px){.scholarship-workflow>i{display:none}.scholarship-workflow>span{flex:1 1 45%}.detail-grid{grid-template-columns:1fr}.table-action-stack{min-width:180px}}

.scholarship-admin-thumb{width:90px!important;height:60px!important;border-radius:10px;object-fit:cover;border:1px solid #d6e5e0;background:#fff}.sch-thumb-tile{display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border:1px solid #d9e4e0;border-radius:12px;padding:6px 8px;cursor:pointer;min-width:108px}.sch-thumb-tile span{font-size:11px;font-weight:700;color:#0b5f48}.sch-thumb-empty{display:grid;place-items:center;min-width:108px;min-height:72px;border:1px dashed #cbdcd6;border-radius:12px;color:#6c7f79;font-size:12px;background:#fafcfb}.sch-thumb-modal{display:grid;grid-template-columns:minmax(240px,420px) 1fr;gap:18px;align-items:start}.sch-thumb-modal img{width:100%;max-width:420px;border-radius:14px;border:1px solid #dce7e3;object-fit:cover;background:#fff}.sch-thumb-modal h3{margin:0 0 10px}.scholarship-current-thumb.live{background:#f8fcfb}@media (max-width:768px){.sch-thumb-modal{grid-template-columns:1fr}.scholarship-admin-thumb{width:82px!important;height:54px!important}}