@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap');
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:'Cairo',Tahoma,Arial,sans-serif;background:#f1f6fb;color:#15304d;line-height:1.7}.page{max-width:1050px;margin:0 auto;padding:28px 18px 50px}.hero{background:#fff;border:1px solid #d9e5f0;border-radius:22px;padding:22px 28px 18px;box-shadow:0 10px 30px #173e6410;margin-bottom:18px}.hero.compact{padding-bottom:16px}.logos,.print-header{display:grid;grid-template-columns:100px 1fr 100px;align-items:center;gap:20px;text-align:center}.logos img,.print-header img{max-width:90px;max-height:90px;object-fit:contain;margin:auto}.eyebrow{color:#c08b1a;font-weight:800;font-size:14px}.hero h1{font-size:31px;color:#0e477f;margin:3px 0}.year{font-weight:700;color:#657a90}.pill{display:inline-block;background:#0e477f;color:#fff;padding:5px 20px;border-radius:30px;font-size:13px;font-weight:700;margin-top:10px}.card{background:#fff;border:1px solid #d9e5f0;border-radius:20px;padding:25px;margin:16px 0;box-shadow:0 8px 25px #173e640b}.login-card{max-width:720px;margin:20px auto}.section-title{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e5edf4;padding-bottom:14px;margin-bottom:20px}.section-title>span{width:42px;height:42px;border-radius:12px;background:#edf5fc;display:grid;place-items:center;font-size:20px}.section-title h2{margin:0;color:#0d477f;font-size:22px}.section-title p{margin:2px 0 0;color:#8293a4;font-size:13px}.form-grid{display:grid;gap:15px}.form-grid label{font-weight:700;color:#294761}.form-grid input{display:block;width:100%;margin-top:6px;padding:13px 15px;border:1px solid #cbdbe8;border-radius:12px;font:inherit;outline:none}.form-grid input:focus{border-color:#397db7;box-shadow:0 0 0 3px #397db715}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:12px;padding:11px 20px;font:700 15px 'Cairo',sans-serif;cursor:pointer}.primary{background:#0e4f8d;color:#fff}.secondary{background:#eef4f8;color:#234766}.full{width:100%;margin-top:8px}.alert,.notice{border-radius:12px;padding:11px 14px;margin:12px 0;font-size:13px}.error{background:#fff0f0;color:#9b2c2c;border:1px solid #f0c7c7}.warning,.notice{background:#fff8e8;color:#7a5b1a;border:1px solid #efd79c}.student-data{display:grid;grid-template-columns:1fr 1fr;gap:12px}.student-data>div{border:1px solid #dbe7f0;border-radius:13px;padding:13px 16px}.student-data small,.selected span,.print-grid span{display:block;color:#7a8d9e;font-size:12px}.student-data strong{font-size:17px}.programs{display:grid;gap:12px}.program-option{position:relative;display:flex;align-items:center;gap:12px;border:1px solid #d6e3ee;border-radius:15px;padding:16px;background:#fbfdff;cursor:pointer;transition:.15s}.program-option:hover{border-color:#4d86b6;background:#f4f9fd}.program-option input{position:absolute;opacity:0}.radio{width:23px;height:23px;border:2px solid #94abc0;border-radius:50%;position:relative;flex:none}.program-option input:checked+.radio{border-color:#0e4f8d}.program-option input:checked+.radio:after{content:'';position:absolute;inset:4px;background:#0e4f8d;border-radius:50%}.program-option:has(input:checked){border-color:#0e4f8d;background:#eef6ff}.program-name{font-size:17px;font-weight:800;color:#173f61}.success-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;border-color:#b9dfcd;background:#f5fcf8}.success-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#daf3e6;color:#158052;font-size:28px;font-weight:900}.success-card h2{margin:0;color:#146d4d}.selected{background:#fff;border:1px solid #dce8ef;border-radius:12px;padding:11px 14px;margin:10px 0}.selected b{font-size:17px}.meta{font-size:12px;color:#657a8c}.actions{display:flex;flex-direction:column;gap:8px}.footer{text-align:center;margin-top:18px}.footer a{color:#496b85}.print-actions{display:flex;gap:10px;justify-content:center;margin-bottom:14px}.a4-sheet{background:#fff;width:210mm;min-height:297mm;margin:0 auto;padding:10mm 11mm;color:#17344f;border:1px solid #d9e4ee;box-shadow:0 5px 20px #173e6414}.print-header{grid-template-columns:75px 1fr 75px;border-bottom:2px solid #0e4f8d;padding-bottom:8px}.print-header img{max-width:65px;max-height:65px}.print-header h1{font-size:27px;margin:0;color:#0c477f}.print-header div{font-size:12px}.status{text-align:center;background:#eaf8f1;color:#14734f;border:1px solid #c7e8d8;border-radius:18px;padding:4px 12px;font-size:11px;font-weight:800;margin:8px auto 10px;width:max-content}.form-section{border:1px solid #d5e2ec;border-radius:11px;margin:8px 0;overflow:hidden}.form-section h2{margin:0;background:#0e477f;color:#fff;padding:6px 11px;font-size:14px}.print-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:7px}.print-grid>div{border:1px solid #e0e9f0;border-radius:7px;padding:5px 9px;min-height:43px}.print-grid b{font-size:13px}.chosen{display:flex;align-items:center;gap:9px;padding:10px 12px;font-size:16px}.num{width:28px;height:28px;border-radius:50%;background:#e9f2fa;color:#0e4f8d;display:grid;place-items:center;font-weight:900}.bottom{display:grid;grid-template-columns:155px 1fr;gap:10px;padding:10px}.qr{text-align:center;border-left:1px solid #e2eaf0;padding-left:10px}.qr img{width:105px;height:105px;display:block;margin:auto}.qr small{font-size:10px;font-weight:700}.declaration h3{margin:0 0 4px;color:#0e477f;font-size:14px}.declaration p{font-size:11px;margin:0 0 12px}.signature{border-top:1px solid #b7c7d3;padding-top:9px;text-align:center;font-size:12px;font-weight:700}.footer-print{text-align:center;border-top:1px solid #dce6ee;margin-top:7px;padding-top:5px;font-size:9px;color:#7d8e9c}.verify{max-width:600px;margin:60px auto;text-align:center}.verify .success-icon{margin:0 auto 12px}.verify h1{color:#0e4f8d}
@media(max-width:700px){.page{padding:12px 10px}.hero{padding:16px}.logos{grid-template-columns:55px 1fr 55px;gap:8px}.logos img{max-width:50px;max-height:55px}.hero h1{font-size:22px}.eyebrow{font-size:11px}.student-data{grid-template-columns:1fr}.success-card{grid-template-columns:auto 1fr}.actions{grid-column:1/-1;flex-direction:row}.a4-sheet{width:100%;min-height:auto;padding:12px}.print-header{grid-template-columns:55px 1fr 55px}.print-header img{max-width:48px;max-height:48px}.print-header h1{font-size:20px}.print-actions{position:sticky;top:0;background:#f1f6fb;padding:7px;z-index:3}.print-grid{grid-template-columns:1fr}.bottom{grid-template-columns:110px 1fr}.qr{padding-left:5px}.qr img{width:85px;height:85px}}
@page{size:A4 portrait;margin:0}
@media print{html,body{background:#fff!important}.page{max-width:none;padding:0;margin:0}.print-actions{display:none!important}.a4-sheet{width:210mm;height:297mm;min-height:297mm;margin:0;border:0;box-shadow:none;padding:8mm 10mm;overflow:hidden}.hero,.card,.footer{display:none!important}.print-header h1{font-size:25px}.form-section{break-inside:avoid}.bottom{break-inside:avoid}}

.photo-card .section-title h2 em{font-style:normal;font-size:.72em;background:#fff3cd;color:#8a6500;padding:5px 10px;border-radius:999px;margin-right:8px;vertical-align:middle}.photo-upload-wrap{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center}.photo-preview{display:flex;flex-direction:column;align-items:center;gap:8px}.photo-preview img,.photo-placeholder{width:150px;height:180px;border-radius:14px;border:1px solid #d8e5f1;object-fit:cover;background:#f7fafc}.photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:40px;color:#78909c}.photo-placeholder small{font-size:12px;margin-top:8px}.photo-ok{font-size:12px;color:#16734a;background:#e9f8f0;padding:5px 9px;border-radius:999px}.photo-form{display:flex;flex-direction:column;gap:10px}.photo-form input[type=file]{display:block;width:100%;padding:12px;border:1px dashed #b9cde0;border-radius:12px;background:#fafcff}.photo-form small{color:#718096}.locked-card{text-align:center;border:1px solid #f0d98c;background:#fffaf0}.photo-print{position:relative}.photo-print-box{display:flex;justify-content:center;align-items:center;min-height:90px}.photo-print-box img{width:82px;height:105px;object-fit:cover;border-radius:8px;border:1px solid #d5e1ec}@media(max-width:700px){.photo-upload-wrap{grid-template-columns:1fr}.photo-preview img,.photo-placeholder{width:120px;height:150px}}
@media print{.photo-print-box img{width:72px;height:92px}.photo-print{break-inside:avoid}}
.student-print-layout{display:grid;grid-template-columns:1fr 92px;gap:8px;align-items:center;padding:7px}.student-print-section .print-grid{padding:0}.student-photo-print{text-align:center}.student-photo-print img{width:78px;height:100px;object-fit:cover;border-radius:7px;border:1px solid #d5e1ec;display:block;margin:auto}.student-photo-print small{display:block;font-size:9px;color:#718394;margin-top:2px}.student-photo-print span{display:grid;place-items:center;width:78px;height:100px;border:1px dashed #c8d6e2;border-radius:7px;font-size:9px;color:#8797a5;margin:auto}@media(max-width:700px){.student-print-layout{grid-template-columns:1fr 78px}}@media print{.student-photo-print img{width:70px;height:90px}.student-photo-print span{width:70px;height:90px}.student-print-layout{grid-template-columns:1fr 82px}}