html{--id-bg:#f7f3ee;--id-panel:#fffdfa;--id-ink:#18253b;--id-muted:#526077;--id-line:#c7cbd3;--id-accent:#8a1f39}html[data-learner-theme=dark]{--id-bg:#101b2c;--id-panel:#1b2a40;--id-ink:#f7f4ef;--id-muted:#c1ccdd;--id-line:#718099;--id-accent:#ffb1c4}
.identityAvatar{display:inline-flex;width:46px;height:46px;flex:none;align-items:center;justify-content:center;border-radius:50%;background:#e8d6bd;color:#18253b;overflow:hidden;border:2px solid #fff;box-shadow:0 0 0 1px #b69767;font-size:24px;font-weight:800}.identityAvatar img{width:100%;height:100%;object-fit:cover}.studentIdentityLink{position:fixed;bottom:16px;inset-inline-start:16px;z-index:85;display:flex;gap:10px;align-items:center;padding:8px 14px;border:1px solid var(--id-line);border-radius:50px;background:var(--id-panel);color:var(--id-ink)!important;text-decoration:none;box-shadow:0 5px 24px #0002;max-width:260px;font:14px/1.5 Tahoma,sans-serif}.studentIdentityLink b{display:block;color:var(--id-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}.studentIdentityLink small{color:var(--id-muted);font-size:11px}.profilePage{margin:0;background:var(--id-bg);color:var(--id-ink);font:16px/1.9 'IBM Plex Sans Arabic',Tahoma,sans-serif;padding-bottom:100px}.profileHeader{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1200px;margin:auto;padding:22px}.profileHeader img{width:52px}.profileHeader a{color:var(--id-accent);font-weight:700}.profileHeader .profileBrand{display:flex;gap:10px;align-items:center;text-decoration:none}.profileBrand b{font-size:24px;color:var(--id-ink)}.profileMain{max-width:1200px;margin:10px auto;padding:18px}.profileColumns{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.profilePanel{background:var(--id-panel);border:1px solid var(--id-line);border-radius:26px;padding:30px;min-width:0}.profilePanel h1{font-size:36px;margin:8px 0}.profilePanel h2{margin-top:0}.profilePanel p,.profilePanel small{color:var(--id-muted)}.profilePanel small{display:block;font-size:13px}.profileEyebrow{color:var(--id-accent);font-weight:700}.profileAvatar{width:112px;height:112px;font-size:48px;margin-top:18px}.profileFields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.profileFields label{font-weight:600}.profileFields input{box-sizing:border-box;width:100%;font:inherit;color:var(--id-ink);background:var(--id-bg);border:1px solid var(--id-line);border-radius:12px;padding:10px}.photoPicker{display:inline-block;font-weight:700;margin:12px 0}.photoPicker input{display:block;max-width:100%;font:inherit;font-size:13px}.profilePanel button,.cardPrintToolbar button{font:700 16px/1.5 Tahoma,sans-serif;border:0;border-radius:12px;background:#8a1f39;color:#fff;padding:14px 22px;cursor:pointer;margin:10px 0}.profilePanel button.secondary{background:var(--id-bg);color:var(--id-ink);border:1px solid var(--id-line);padding:8px 14px}.profilePanel button:disabled{opacity:.6;cursor:wait}.profilePanel .profileError{color:var(--id-accent);font-weight:700}.profilePanel .profileSuccess{color:#20604c;font-weight:700}html[data-learner-theme=dark] .profilePanel .profileSuccess{color:#a0e4c1}.cardPanel{text-align:center}.identityCard{box-sizing:border-box;position:relative;width:100%;max-width:370px;min-height:565px;margin:24px auto;background:#fffaf2;color:#172641!important;text-align:center;border:1px solid #bda16a;border-radius:20px;overflow:hidden;padding:0 22px 20px;box-shadow:0 12px 32px #0002;font-family:Tahoma,Arial,sans-serif;line-height:1.7}.cardTop{margin:0 -22px;padding:20px 20px 36px;background:linear-gradient(120deg,#172b50,#273959);color:white;display:grid;grid-template-columns:44px auto;align-items:center;justify-content:center;gap:0 10px}.cardTop img{width:44px;filter:drop-shadow(0 0 4px #fff)}.cardTop b{font-size:27px}.cardTop small{grid-column:1/-1;color:#f0d5a2!important;font-size:12px}.cardAvatar{width:96px;height:96px;margin:-25px auto 8px;border-width:4px}.identityCard h2{font-size:24px;line-height:1.5;margin:4px 0 7px;color:#172641!important;overflow-wrap:anywhere}.cardNumber{font:800 20px/1.6 system-ui;letter-spacing:2px;color:#8a1f39}.identityCard p{font-size:13px;line-height:1.7;margin:4px 0;color:#35415a!important;overflow-wrap:anywhere}.cardQr{width:158px;margin:14px auto 8px;background:white;padding:6px;line-height:0}.cardQr svg{width:100%;height:auto}.identityCard .cardFooter{color:#536078!important;font-size:10px;display:block}.cardPrintPage{margin:0;background:#e9edf2;font-family:Tahoma,Arial,sans-serif;direction:rtl}.cardPrintToolbar{text-align:center;padding:16px;color:#172641}.cardPrintPage .identityCard{width:100mm;max-width:none;min-height:140mm;box-shadow:none}.cardPrintPage .cardQr{width:40mm}.cardPrintPage .cardTop{print-color-adjust:exact;-webkit-print-color-adjust:exact}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--id-accent);outline-offset:4px}@media(max-width:780px){.profileColumns{grid-template-columns:1fr}.profilePanel{padding:22px}.profileFields{grid-template-columns:1fr}.profileHeader{flex-wrap:wrap}.studentIdentityLink{max-width:190px;padding:6px 10px}.studentIdentityLink b{max-width:115px}.studentIdentityLink .identityAvatar{width:36px;height:36px}.studentIdentityLink small{font-size:10px}}
@page{size:A6 portrait;margin:0}@media print{.cardPrintToolbar,.studentIdentityLink,.learnerThemeToggle{display:none!important}.cardPrintPage{background:#fff}.cardPrintPage .identityCard{margin:4mm auto 0;border-radius:6mm;break-inside:avoid;box-shadow:none}.identityCard{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

.identityCard .cardTop{padding:14px 20px 28px}.identityCard .cardTop img{width:36px}.identityCard .cardAvatar{width:80px;height:80px}.identityCard h2{font-size:22px}.identityCard .cardQr{width:140px;margin:10px auto 6px}.identityCard .cardTop b{font-size:24px}.cardPrintPage .cardQr{width:38mm}