*{box-sizing:border-box}body{color:#172033;background:#f5f7fb;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;padding:32px}.hero,.formShell,.centerCard,.portal{max-width:1180px;margin:auto}.heroCard{color:#fff;background:linear-gradient(135deg,#101827,#243b63);border-radius:30px;padding:56px;box-shadow:0 24px 60px #14213d20}.logo{color:#172033;background:#fff;border-radius:16px;place-items:center;width:58px;height:58px;margin-bottom:20px;font-weight:900;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.13em;opacity:.75;font-size:11px;font-weight:800}.hero h1{margin:12px 0 18px;font-size:clamp(38px,6vw,70px);line-height:1}.hero p{color:#d8e1f0;max-width:700px;font-size:18px;line-height:1.7}.actions{flex-wrap:wrap;gap:12px;margin:28px 0;display:flex}.primary,.secondary,.ghost{border:0;border-radius:13px;padding:13px 18px;font-weight:800}.primary{color:#18233a;background:#fff}.secondary{color:#18233a;background:#e9edf5}.ghost{color:inherit;background:0 0;border:1px solid #ffffff35}.steps{color:#b8c6dc;flex-wrap:wrap;gap:18px;font-size:12px;font-weight:700;display:flex}.featureGrid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px;display:grid}.feature,.formCard,.centerCard,.loaderCard,.panel,.profileHero,.childPicker{background:#fff;border:1px solid #e7eaf0;border-radius:22px;box-shadow:0 12px 35px #1c29400b}.feature{padding:22px}.feature p{color:#68738a;font-size:14px;line-height:1.5}.formShell{padding-bottom:40px}.formTop{padding:18px 0}.back,.textBtn{color:#52637e;background:0 0;border:0;padding:0;font-weight:800}.formTop h1,.centerCard h1{margin:8px 0;font-size:38px}.formTop p,.centerCard>p{color:#68738a}.stepper{grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0;display:grid}.step{color:#7a8497;background:#fff;border:1px solid #e7eaf0;border-radius:14px;padding:13px}.step b{background:#edf0f5;border-radius:50%;place-items:center;width:28px;height:28px;margin-right:8px;display:inline-grid}.step.active{color:#172033;border-color:#172033}.step.active b,.step.done b{color:#fff;background:#172033}.formCard{padding:28px}.sectionTitle{border-bottom:1px solid #edf0f4;margin-bottom:20px}.sectionTitle h2{margin:0 0 12px}.grid2{grid-template-columns:1fr 1fr;gap:16px;display:grid}label{color:#39465d;margin-bottom:15px;font-size:13px;font-weight:800;display:block}input,select,textarea{color:#172033;background:#fff;border:1px solid #dfe4ec;border-radius:12px;outline:none;width:100%;margin-top:7px;padding:12px 13px;display:block}textarea{resize:vertical;min-height:100px}input:focus,select:focus,textarea:focus{border-color:#7b8ba8;box-shadow:0 0 0 3px #7b8ba815}.formActions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.error{color:#9b2929;background:#fff0f0;border:1px solid #ffd2d2;border-radius:12px;margin:12px 0;padding:11px}.successIcon{color:#18864b;background:#e7f7ee;border-radius:50%;place-items:center;width:60px;height:60px;font-size:28px;font-weight:900;display:grid}.centerCard{max-width:620px;margin-top:7vh;padding:38px}.requestBox{background:#f6f8fb;border-radius:16px;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;padding:18px;display:grid}.requestBox span{color:#718098;font-size:12px}.requestBox strong{font-size:17px}.statusResult{background:#f7f9fc;border-radius:16px;margin-top:20px;padding:18px}.status{text-transform:capitalize;border-radius:99px;padding:7px 10px;font-size:12px;font-weight:900;display:inline-block}.status.pending{background:#fff4d8}.status.approved{background:#dff6e9}.status.rejected{background:#ffe2e2}.full{width:100%}.securityNote,.summary{color:#59677e;background:#f5f7fb;border-radius:14px;margin-bottom:18px;padding:15px}.portal{padding-bottom:60px}.portalNav{justify-content:space-between;align-items:center;padding:18px 0;display:flex}.portalNav div{flex-direction:column;display:flex}.portalNav span{color:#7b8495;font-size:12px}.profileHero{background:linear-gradient(135deg,#fff,#f0f4fb);align-items:center;gap:20px;padding:28px;display:flex}.avatar{background:#e9edf5;border-radius:24px;place-items:center;width:86px;height:86px;font-size:40px;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.profileHero h1{margin:4px 0;font-size:34px}.profileHero p{color:#66728a}.metricGrid{grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0;display:grid}.metric{background:#fff;border:1px solid #e7eaf0;border-radius:18px;align-items:center;gap:12px;padding:18px;display:flex}.metric>span{font-size:24px}.metric small{color:#7a8497;display:block}.metric strong{font-size:26px}.portalGrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.panel{padding:22px}.panelHead{justify-content:space-between;align-items:center;display:flex}.panel h2{margin-top:0}.pill{background:#eef1f6;border-radius:99px;padding:6px 9px;font-size:11px;font-weight:800}.listRow{border-bottom:1px solid #eef1f4;justify-content:space-between;padding:13px 0;display:flex}.mini{text-transform:capitalize;border-radius:99px;padding:5px 8px;font-size:11px}.mini.present{background:#e2f7ea}.mini.absent{background:#ffe4e4}.mini.late{background:#fff1cf}.fullPanel{grid-column:1/-1}.notice{border-bottom:1px solid #eef1f4;padding:14px 0}.notice p{color:#65718a;line-height:1.55}.cardPanel{grid-template-columns:1fr auto;align-items:start;gap:16px;display:grid}.printCard{border:2px dashed #cbd2df;border-radius:18px;grid-column:1/-1;padding:22px}.childPicker{margin:16px 0;padding:16px}.loaderCard{text-align:center;color:#66728a;padding:30px}.muted{color:#69758a}@media (max-width:800px){.shell{padding:16px}.heroCard{padding:30px 22px}.featureGrid,.metricGrid{grid-template-columns:1fr 1fr}.portalGrid,.grid2{grid-template-columns:1fr}.stepper{grid-template-columns:1fr 1fr}.profileHero{align-items:flex-start}.cardPanel{grid-template-columns:1fr}.formCard{padding:20px}}@media (max-width:520px){.featureGrid,.metricGrid{grid-template-columns:1fr}.hero h1{font-size:42px}.requestBox{grid-template-columns:1fr}.actions>*{width:100%}}@media print{body{background:#fff}.portalNav,.metricGrid,.portalGrid .panel:not(.cardPanel),.childPicker{display:none}.portal{max-width:none}.cardPanel{box-shadow:none;border:0;display:block}.printCard{margin-top:20px}}.entryGrid{grid-template-columns:1fr 1fr;gap:16px;margin:28px 0 12px;display:grid}.entryCard{color:#fff;text-align:left;background:#ffffff10;border:1px solid #ffffff25;border-radius:20px;flex-direction:column;gap:8px;padding:22px;display:flex}.entryCard span{font-size:30px}.entryCard b{font-size:17px}.entryCard small{color:#c5d0e2;line-height:1.5}.entryCard strong{margin-top:8px}.statusLink{color:#dce6f7;background:0 0;border:0;padding:12px 0;font-weight:800}.brandMark{color:#172033;background:#fff;border-radius:18px;place-items:center;width:64px;height:64px;margin-bottom:18px;font-weight:950;display:grid}.navActions{align-items:center;gap:10px;display:flex}.themeBtn{background:#fff;border:1px solid #dfe4ec;border-radius:12px;padding:11px 14px;font-weight:800}.portalTabs{gap:8px;margin:16px 0;display:flex;overflow:auto}.portalTabs button{white-space:nowrap;background:#fff;border:1px solid #e4e8ef;border-radius:12px;padding:11px 15px;font-weight:800}.portalTabs button.selected{color:#fff;background:#172033}.profileBadge{color:#18794e;background:#e3f7eb;border-radius:99px;margin-left:auto;padding:8px 12px;font-size:11px;font-weight:900}.metric em{color:#7c8799;margin-top:3px;font-size:11px;font-style:normal;display:block}.progress{background:#e8ecf2;border-radius:99px;height:10px;overflow:hidden}.progress span{background:#172033;border-radius:99px;height:100%;display:block}.attendanceSummary{grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0;display:grid}.cardPanel{grid-column:1/-1}.printCard{max-width:760px;margin:20px auto;overflow:hidden;color:#172033!important;background:#fff!important;border:1px solid #d7dce5!important;border-radius:18px!important;padding:0!important}.cardTop{color:#fff;background:#172033;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cardLogo{font-size:22px;font-weight:950}.cardTop small{letter-spacing:.12em;font-size:9px}.cardTop>span{letter-spacing:.1em;font-size:10px;font-weight:900}.cardBody{grid-template-columns:120px 1fr 150px;align-items:center;gap:22px;padding:26px;display:grid}.cardPhoto{background:#edf1f6;border-radius:12px;place-items:center;width:112px;height:135px;font-size:42px;display:grid;overflow:hidden}.cardPhoto img{object-fit:cover;width:100%;height:100%}.cardInfo h2{margin:0 0 14px;font-size:24px}.cardInfo p{grid-template-columns:130px 1fr;gap:8px;margin:7px 0;font-size:13px;display:grid}.cardInfo p b{color:#657187}.qrBox{flex-direction:column;align-items:center;gap:8px;display:flex}.qrBox small{letter-spacing:.08em;font-size:8px;font-weight:900}.cardFooter{border-top:1px solid #e5e8ed;justify-content:space-between;padding:12px 24px;font-size:10px;font-weight:800;display:flex}.themeDark{color:#eaf0f8;background:#0d1320}.themeDark .panel,.themeDark .metric,.themeDark .portalTabs button,.themeDark .themeBtn{color:#eaf0f8;background:#141d2d;border-color:#2a374c}.themeDark .profileHero{background:linear-gradient(135deg,#141d2d,#1c2940);border-color:#2a374c}.themeDark .muted,.themeDark .metric small,.themeDark .metric em{color:#9eabc0}.themeDark .portalTabs button.selected{color:#172033;background:#eaf0f8}.themeDark .listRow{border-color:#29364a}.themeDark .progress{background:#29364a}.themeDark .progress span{background:#eaf0f8}@media (max-width:800px){.entryGrid{grid-template-columns:1fr}.cardBody{grid-template-columns:90px 1fr}.qrBox{grid-column:1/-1;align-items:flex-start}.cardPhoto{width:86px;height:108px}.attendanceSummary{grid-template-columns:1fr}.profileBadge{margin-left:0}}@media print{body{background:#fff!important}.shell{padding:0!important}.portalNav,.portalTabs,.profileHero,.metricGrid,.portalGrid>.panel:not(.cardPanel),.cardIntro{display:none!important}.portal{max-width:none!important}.cardPanel{box-shadow:none!important;border:0!important;display:block!important}.printCard{break-inside:avoid;page-break-inside:avoid;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border:1px solid #222!important;border-radius:0!important;width:85.6mm!important;max-width:none!important;margin:0!important;display:block!important}.cardTop,.cardBody,.cardFooter{break-inside:avoid;page-break-inside:avoid}.cardBody{grid-template-columns:70px 1fr 78px!important;gap:10px!important;padding:14px!important}.cardPhoto{width:68px!important;height:82px!important}.cardInfo h2{font-size:13px!important}.cardInfo p{grid-template-columns:55px 1fr!important;margin:4px 0!important;font-size:7px!important}.qrBox svg{width:62px!important;height:62px!important}.cardTop{padding:10px 12px!important}.cardTop small,.cardTop>span,.cardFooter{font-size:6px!important}.cardLogo{font-size:14px!important}}.photoUpload{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;margin-top:14px;padding:16px;font-size:12px;font-weight:700;display:block}.photoUpload input{width:100%;margin-top:9px;display:block}.photoUpload small{color:#64748b;margin-top:6px;font-size:10px;display:block}.requestBox strong{word-break:break-all}.themeDark .formCard,.themeDark .centerCard,.themeDark .portalCard{color:#e5e7eb;background:#111827}.themeDark .formTop p,.themeDark .centerCard p,.themeDark .muted{color:#94a3b8}.themeDark input,.themeDark select,.themeDark textarea{color:#e5e7eb;background:#0f172a;border-color:#334155}.portalShell{max-width:1220px;margin:auto}.portalHeader{justify-content:space-between;align-items:center;gap:20px;padding:8px 0 20px;display:flex}.brandArea{align-items:center;gap:16px;display:flex}.brandArea h1{margin:3px 0;font-size:30px}.brandArea p{color:#718096;margin:4px 0;font-size:13px}.portalTabs{background:#fff;border:1px solid #e5e9f0;border-radius:16px;padding:6px;box-shadow:0 8px 24px #18233a0a}.portalTabs button{background:0 0;border:0}.portalTabs button.selected{box-shadow:0 5px 14px #17203320}.successNotice{color:#176b43;background:#e9f8ef;border:1px solid #c9ecd7;border-radius:14px;margin:12px 0;padding:13px 16px;font-weight:800}.profileGrid{grid-template-columns:1fr 1fr;gap:4px 16px;display:grid}.profileEditor{max-width:1000px}.profileEditor textarea{min-height:90px}.rowSub{color:#7b8799;margin-top:3px;font-size:11px;display:block}.cardActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cardActions>button:not(.primary){background:#f7f9fc;border:1px solid #dce2eb;border-radius:10px;padding:9px 12px;font-weight:800}.selectedMini{color:#fff;background:#172033!important;border-color:#172033!important}.studentCard{color:#172033;background:#fff;border:1px solid #d6dce6;border-radius:20px;width:min(900px,100%);margin:20px auto;overflow:hidden;box-shadow:0 18px 45px #17203312}.cardBack{flex-direction:column;min-height:330px;display:flex}.cardBackHeader{color:#fff;letter-spacing:.08em;background:#172033;padding:22px 28px;font-weight:900}.backContent{flex:1;grid-template-columns:1fr 1fr;gap:20px;padding:28px;display:grid}.backContent b{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:12px}.backContent p{color:#273449;margin:8px 0;line-height:1.5}.cardTerms{background:#f4f6f9;border-radius:12px;grid-column:1/-1;padding:14px}.cardBackBottom{border-top:1px solid #e5e8ed;align-items:center;gap:16px;padding:14px 24px;font-size:11px;font-weight:800;display:flex}.themeDark .portalTabs,.themeDark .successNotice,.themeDark .profileEditor{color:#eaf0f8;background:#141d2d;border-color:#2a374c}.themeDark .portalHeader p,.themeDark .rowSub{color:#9eabc0}.themeDark .cardActions>button:not(.primary){color:#eaf0f8;background:#1b2638;border-color:#344258}.themeDark .profileEditor input,.themeDark .profileEditor select,.themeDark .profileEditor textarea{color:#eaf0f8;background:#0f172a;border-color:#334155}@media (max-width:700px){.portalHeader{flex-direction:column;align-items:flex-start}.navActions{width:100%}.navActions>*{flex:1}.brandArea h1{font-size:25px}.profileGrid,.backContent{grid-template-columns:1fr}.cardBody{grid-template-columns:82px 1fr}.cardTerms{grid-column:auto}.cardBack{min-height:420px}.cardActions{width:100%}.cardActions .primary{margin-left:0}.portalTabs{overflow-x:auto}.portalTabs button{padding:10px 12px;font-size:12px}}@media print{.cardBack{display:flex!important}.cardActions,.portalHeader,.portalTabs,.successNotice{display:none!important}.studentCard{box-shadow:none}.cardBackBottom{display:flex!important}}.studentCard{aspect-ratio:85.6/54;width:min(856px,100%);height:auto;min-height:0}.studentCard.cardBack{aspect-ratio:85.6/54;min-height:0}.cardBack .backContent{grid-template-columns:1fr 1fr;align-content:center;min-height:0}.cardBackBottom{margin-top:auto}.cardPanel{overflow:hidden}.printCard{box-sizing:border-box}.cardBody{min-height:0}.cardInfo h2{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cardInfo p span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (max-width:700px){.studentCard,.studentCard.cardBack{aspect-ratio:85.6/54}.cardBody{padding:16px}.cardInfo p{grid-template-columns:105px 1fr}.cardTop{padding:14px 18px}.cardFooter{padding:8px 18px}.backContent{gap:12px;padding:18px}.cardBackBottom{padding:8px 18px}}@media print{.studentCard,.studentCard.cardBack{aspect-ratio:85.6/54!important;width:85.6mm!important;height:54mm!important;min-height:54mm!important}.printCard{overflow:hidden!important}.cardBack .backContent{min-height:0!important}}html,body{width:100%;overflow-x:hidden}img,svg{max-width:100%}button{min-height:42px}.shell{width:100%;max-width:100%;padding:clamp(12px,3vw,32px)}.heroCard,.formCard,.centerCard,.panel,.feature{min-width:0}.portalShell{width:100%;min-width:0}.portalHeader,.brandArea,.panelHead,.brandArea>div:last-child{min-width:0}.brandArea h1,.brandArea p{overflow-wrap:anywhere}.portalTabs{scrollbar-width:thin;max-width:100%}.listRow span,.listRow b,.notice,.notice p{overflow-wrap:anywhere;min-width:0}.profileHero>div{min-width:0}.profileHero h1{overflow-wrap:anywhere}.formCard,.grid2,.profileGrid{width:100%}input,select,textarea{min-width:0;max-width:100%}.cardPanel{display:block}.cardHelp{margin:4px 0 0;font-size:12px}.screenCard{width:100%}.studentCard{aspect-ratio:85.6/54;width:min(856px,100%);height:auto;min-height:0;margin:20px auto;position:relative;padding:0!important}.cardFront{flex-direction:column;display:flex}.cardTop{flex:none}.cardBody{flex:1;grid-template-columns:96px minmax(0,1fr);gap:16px;min-height:0;padding:18px 22px}.cardPhoto{align-self:center;width:92px;height:112px}.cardInfo{min-width:0}.cardInfo h2{margin:0 0 9px;font-size:clamp(15px,2.3vw,24px);line-height:1.1}.cardInfo p{grid-template-columns:minmax(88px,110px) minmax(0,1fr);margin:5px 0;font-size:clamp(9px,1.35vw,13px)}.cardInfo p span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cardFooter{flex:none}.cardBackHeader{justify-content:space-between;align-items:center;padding:13px 20px;font-size:12px;display:flex}.cardBackHeader small{letter-spacing:.1em;font-size:8px}.cardBack .backContent{grid-template-columns:1fr 1fr;align-content:center;gap:12px;padding:16px 20px;display:grid}.cardBack .backContent>div{min-width:0}.cardBack .backContent b{font-size:9px}.cardBack .backContent p{overflow-wrap:anywhere;margin:4px 0;font-size:10px;line-height:1.25}.cardTerms{padding:9px!important}.cardTerms p{font-size:8px!important}.cardBackBottom{gap:9px;padding:7px 16px;font-size:8px}.printCardSet{display:none}@media (max-width:700px){.shell{padding:12px}.heroCard{border-radius:22px;padding:24px 18px}.formTop h1,.centerCard h1{font-size:clamp(28px,8vw,38px)}.formCard,.panel{padding:16px}.portalHeader{padding-bottom:12px}.brandArea{gap:11px}.brandMark{border-radius:14px;flex:0 0 52px;width:52px;height:52px}.navActions{gap:8px}.profileHero{flex-wrap:wrap;gap:13px;padding:18px}.profileHero .profileBadge{margin-left:auto}.metric{padding:14px}.metric strong{font-size:22px}.cardActions{gap:6px}.cardActions button{flex:auto}.cardActions .primary{width:100%}.studentCard{margin-top:14px}.cardBody{grid-template-columns:72px minmax(0,1fr);gap:10px;padding:12px 14px}.cardPhoto{width:68px;height:82px}.cardInfo h2{margin-bottom:6px;font-size:15px}.cardInfo p{grid-template-columns:82px minmax(0,1fr);margin:3px 0;font-size:8px}.cardTop{padding:10px 14px}.cardLogo{font-size:15px}.cardTop small{font-size:6px}.cardTop>span{font-size:7px}.cardFooter{padding:6px 14px;font-size:6px}.cardBackHeader{padding:10px 14px;font-size:8px}.cardBack .backContent{gap:8px;padding:10px 14px}.cardBack .backContent b{font-size:7px}.cardBack .backContent p{margin:2px 0;font-size:7px}.cardTerms{padding:6px!important}.cardTerms p{line-height:1.15;font-size:6px!important}.cardBackBottom{gap:7px;padding:5px 10px;font-size:6px}.cardBackBottom svg{flex-basis:42px;width:42px;height:42px}}@media (max-width:430px){.navActions{width:100%}.navActions>*{min-width:0}.brandArea{align-items:flex-start}.brandArea h1{font-size:21px}.brandArea p{font-size:11px}.profileHero .profileBadge{margin-left:0}.cardBody{grid-template-columns:60px minmax(0,1fr);gap:8px;padding:10px}.cardPhoto{border-radius:8px;width:56px;height:70px}.cardInfo h2{font-size:13px}.cardInfo p{grid-template-columns:70px minmax(0,1fr);font-size:7px}.cardFooter{padding:5px 10px;font-size:5.5px}}@media print{@page{size:auto;margin:10mm}body{background:#fff!important}.shell{padding:0!important}.portalHeader,.portalTabs,.successNotice,.cardActions,.screenCard,.cardHelp{display:none!important}.cardPanel{width:auto!important;box-shadow:none!important;border:0!important;margin:0!important;padding:0!important;display:block!important}.printCardSet{display:block!important}.printPage{page-break-after:always;break-after:page;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 20mm);display:flex}.printPage:last-child{page-break-after:auto;break-after:auto}.printPage .studentCard{aspect-ratio:85.6/54!important;width:85.6mm!important;max-width:none!important;height:54mm!important;min-height:54mm!important;box-shadow:none!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border:1px solid #222!important;border-radius:0!important;margin:0!important;display:flex!important;overflow:hidden!important}.printPage .cardBody{grid-template-columns:20mm minmax(0,1fr)!important;gap:3mm!important;padding:4mm!important;display:grid!important}.printPage .cardPhoto{width:18mm!important;height:23mm!important}.printPage .cardInfo h2{margin-bottom:2mm!important;font-size:11pt!important}.printPage .cardInfo p{grid-template-columns:15mm minmax(0,1fr)!important;margin:1.1mm 0!important;font-size:6.2pt!important}.printPage .cardTop{padding:3mm 4mm!important}.printPage .cardLogo{font-size:11pt!important}.printPage .cardTop small,.printPage .cardTop>span,.printPage .cardFooter{font-size:5pt!important}.printPage .cardFooter{padding:2mm 4mm!important}.printPage .cardBackHeader{padding:3mm 4mm!important;font-size:7pt!important}.printPage .cardBack .backContent{grid-template-columns:1fr 1fr!important;gap:2.5mm!important;padding:3.5mm 4mm!important}.printPage .cardBack .backContent b{font-size:5.5pt!important}.printPage .cardBack .backContent p{margin:1mm 0!important;font-size:5.5pt!important;line-height:1.2!important}.printPage .cardTerms{padding:2mm!important}.printPage .cardTerms p{font-size:4.8pt!important;line-height:1.15!important}.printPage .cardBackBottom{padding:2mm 3mm!important;font-size:5pt!important}.printPage .cardBackBottom svg{flex:0 0 14mm!important;width:14mm!important;height:14mm!important}}.cardBack{position:relative}.cardBack .cardTerms{grid-area:2/1/auto/-1;align-self:end;margin-top:0;padding:8px!important}.cardBack .cardTerms b{margin-bottom:2px;display:block}.cardBackBottom span{font-size:8px;line-height:1.2}@media (max-width:700px){.cardBack .backContent{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:7px 10px;padding:9px 12px 5px}.cardBack .cardTerms{grid-area:2/1/auto/-1}.cardBackBottom{gap:8px;padding:5px 10px}.cardBackBottom svg{flex-basis:52px!important;width:52px!important;height:52px!important}.cardBackBottom span{font-size:6px}}@media print{.printPage .cardBack .backContent{grid-template-rows:auto auto!important;grid-template-columns:1fr 1fr!important;gap:2mm 3mm!important;padding:3mm 4mm 1.5mm!important}.printPage .cardBack .cardTerms{grid-area:2/1/auto/-1!important;padding:1.5mm!important}.printPage .cardBack .cardTerms p{font-size:4.8pt!important;line-height:1.1!important}.printPage .cardBackBottom{justify-content:flex-start!important;padding:1.5mm 3mm!important}.printPage .cardBackBottom svg{flex-basis:18mm!important;width:18mm!important;height:18mm!important}.printPage .cardBackBottom span{font-size:5pt!important}@page{size:A4 portrait;margin:10mm}.printCardSet{display:block!important}.printPage{box-sizing:border-box!important;page-break-after:always!important;break-after:page!important;page-break-inside:avoid!important;break-inside:avoid!important;justify-content:center!important;align-items:center!important;width:100%!important;height:270mm!important;min-height:270mm!important;max-height:270mm!important;display:flex!important;overflow:hidden!important}.printPage:last-child{page-break-after:auto!important;break-after:auto!important}.printPage .studentCard{flex:none!important;width:85.6mm!important;height:54mm!important;min-height:54mm!important;max-height:54mm!important;margin:0!important}.screenCard{display:none!important}}.cardBack .backContent{grid-template-rows:auto auto!important;grid-template-columns:1fr 1fr 1fr!important;align-content:space-between!important;gap:7px 12px!important;padding:12px 16px 6px!important}.cardBack .backContent>div:first-child,.cardBack .backContent>div:nth-child(2),.cardBack .backContent>div:nth-child(3){grid-row:1!important}.cardBack .cardTerms{grid-area:2/1/auto/-1!important;margin:0!important;padding:7px 9px!important}.cardBack .cardTerms p{margin:2px 0 0!important;line-height:1.15!important}.cardBackBottom{justify-content:flex-start!important;gap:10px!important;padding:6px 14px!important}.cardBackBottom svg{flex:0 0 64px!important;width:64px!important;height:64px!important}@media (max-width:700px){.cardBack .backContent{grid-template-columns:1fr 1fr 1fr!important;gap:5px 7px!important;padding:9px 10px 4px!important}.cardBack .backContent b{font-size:6.5px!important}.cardBack .backContent p{font-size:6.5px!important;line-height:1.1!important}.cardBack .cardTerms{padding:5px 6px!important}.cardBack .cardTerms p{font-size:5.5px!important}.cardBackBottom{gap:6px!important;padding:4px 8px!important}.cardBackBottom svg{flex-basis:48px!important;width:48px!important;height:48px!important}.cardBackBottom span{font-size:5.5px!important}}@media print{.printPage .cardBack .backContent{grid-template-rows:auto auto!important;grid-template-columns:1fr 1fr 1fr!important;align-content:space-between!important;gap:2mm 2.5mm!important;padding:3mm 3.5mm 1.5mm!important}.printPage .cardBack .backContent>div:first-child,.printPage .cardBack .backContent>div:nth-child(2),.printPage .cardBack .backContent>div:nth-child(3){grid-row:1!important}.printPage .cardBack .cardTerms{grid-area:2/1/auto/-1!important;padding:1.2mm!important}.printPage .cardBack .cardTerms p{margin:.6mm 0 0!important;font-size:4.5pt!important;line-height:1.1!important}.printPage .cardBackBottom{justify-content:flex-start!important;gap:2mm!important;padding:1.2mm 2.5mm!important}.printPage .cardBackBottom svg{flex-basis:17mm!important;width:17mm!important;height:17mm!important}.printPage .cardBackBottom span{font-size:4.5pt!important}}.cardBack{background:#fff!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:20px!important;display:flex!important;position:relative!important}.qrBrand{letter-spacing:.12em;color:#172033;text-align:center;font-size:30px;font-weight:950;line-height:1}.qrBrandSub{letter-spacing:.16em;color:#64748b;text-align:center;margin-top:6px;font-size:9px;font-weight:850}.cardBackQR{place-items:center;margin-top:18px;display:grid}.cardBackQR svg{width:180px!important;max-width:none!important;height:180px!important}@media (max-width:700px){.cardBack{padding:12px!important}.qrBrand{font-size:21px}.qrBrandSub{margin-top:4px;font-size:6px}.cardBackQR{margin-top:10px}.cardBackQR svg{width:120px!important;height:120px!important}}@media print{.printPage .cardBack{justify-content:center!important;align-items:center!important;width:85.6mm!important;height:54mm!important;min-height:54mm!important;max-height:54mm!important;padding:4mm!important;display:flex!important}.printPage .qrBrand{letter-spacing:.12em!important;font-size:12pt!important}.printPage .qrBrandSub{margin-top:1.2mm!important;font-size:4.5pt!important}.printPage .cardBackQR{margin-top:2.5mm!important}.printPage .cardBackQR svg{width:31mm!important;height:31mm!important}}.cardBack{box-sizing:border-box!important;background:#fff!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;padding:18px 18px 10px!important;display:flex!important;position:relative!important}.cardBack .qrBrand{margin-top:2px!important}.cardBack .cardBackQR{place-items:center!important;margin-top:12px!important;display:grid!important}.cardBack .cardBackQR svg{width:150px!important;max-width:none!important;height:150px!important}.cardImportant{text-align:center!important;box-sizing:border-box!important;border-top:1px solid #dbe2ea!important;width:100%!important;margin-top:auto!important;padding:7px 10px 6px!important}.cardImportant b{letter-spacing:.12em!important;color:#172033!important;font-size:9px!important;line-height:1!important;display:block!important}.cardImportant p{color:#64748b!important;max-width:90%!important;margin:3px auto 0!important;font-size:7px!important;line-height:1.15!important}@media (max-width:700px){.cardBack{padding:10px 10px 6px!important}.cardBack .cardBackQR{margin-top:8px!important}.cardBack .cardBackQR svg{width:115px!important;height:115px!important}.cardImportant{padding:5px 7px 4px!important}.cardImportant b{font-size:6.5px!important}.cardImportant p{margin-top:2px!important;font-size:5.5px!important}}@media print{.printPage .cardBack{justify-content:flex-start!important;width:85.6mm!important;height:54mm!important;min-height:54mm!important;max-height:54mm!important;padding:3mm 3.5mm 2mm!important}.printPage .cardBack .cardBackQR{margin-top:2mm!important}.printPage .cardBack .cardBackQR svg{width:29mm!important;height:29mm!important}.printPage .cardImportant{margin-top:auto!important;padding:1.5mm 2mm 1mm!important}.printPage .cardImportant b{font-size:5pt!important}.printPage .cardImportant p{margin-top:.7mm!important;font-size:4.2pt!important;line-height:1.1!important}}