*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f7fa;color:#172033}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.loginPage{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f3f6fa}.loginBox{width:390px;background:#fff;padding:40px;border-radius:16px;box-shadow:0 15px 50px #00000014;text-align:center}.loginBox h1{margin:12px 0 5px}.loginBox p{color:#718096}.shield{width:58px;height:58px;margin:auto;border-radius:50%;background:#174ee8;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}.loginBox input{width:100%;padding:13px;margin-top:14px;border:1px solid #d9dee7;border-radius:8px;outline:none}.loginBox input:focus{border-color:#174ee8}.adminHeader{height:72px;background:#fff;border-bottom:1px solid #e6e9ef;padding:0 6%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:22px;font-weight:700;color:#164ee8}.brand span{margin-right:9px}.headerRight{display:flex;align-items:center;gap:20px}.logoutBtn{border:0;background:none;cursor:pointer;color:#697386}.primaryBtn{display:inline-flex;align-items:center;justify-content:center;border:0;background:#174ee8;color:#fff;padding:13px 20px;border-radius:9px;cursor:pointer;font-weight:600}.primaryBtn:hover{opacity:.9}.smallBtn{padding:10px 15px}.saveBtn{margin-top:20px;min-width:220px}.error{margin-top:15px;padding:11px;background:#fff0f0;color:#c62828;border-radius:7px}.adminMain{width:90%;max-width:1400px;margin:35px auto}.pageTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.pageTop h1{margin-bottom:6px}.pageTop p{color:#718096}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.stats div{background:#fff;padding:22px;border:1px solid #e7ebf1;border-radius:12px}.stats strong{display:block;font-size:28px}.stats span{display:block;margin-top:5px;color:#718096}.searchBox{width:100%;background:#fff;border:1px solid #dce1e8;padding:14px;border-radius:9px;margin-bottom:18px}.tableBox{background:#fff;border:1px solid #e5e8ee;border-radius:12px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:15px;border-bottom:1px solid #edf0f4;text-align:left;white-space:nowrap}th{background:#fafbfd;font-size:13px;color:#657084}.nameCell{display:flex;align-items:center;gap:10px}.nameCell img{width:38px;height:38px;object-fit:cover;border-radius:50%}.status{display:inline-block;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:700}.status.valid{background:#dcfce7;color:#15803d}.status.expired{background:#fee2e2;color:#b91c1c}.status.suspended{background:#fef3c7;color:#92400e}.actions{display:flex;gap:7px}.actions a,.actions button{border:1px solid #dce2eb;background:#fff;padding:7px 10px;border-radius:6px;cursor:pointer;font-size:12px}.actions a{color:#174ee8}.actions .deleteBtn{color:#d32f2f}.empty{text-align:center;padding:50px;color:#788397}.editorBox{background:#fff;border:1px solid #e5e9ef;border-radius:14px;overflow:hidden}.section{padding:28px;border-bottom:1px solid #edf0f4}.section h2{margin-top:0}.section p{color:#718096}.formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.formGrid label{font-weight:600;font-size:14px}.formGrid input,.formGrid select{width:100%;margin-top:7px;padding:12px;border:1px solid #d9dee7;border-radius:8px;outline:none}.formGrid input:focus,.formGrid select:focus{border-color:#174ee8}.readonly{background:#f1f4f8!important;color:#4b5563;font-weight:700}.fieldChecks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fieldChecks label{border:1px solid #e1e6ed;padding:13px;border-radius:8px;cursor:pointer}.fieldChecks input{margin-right:8px}.verifyPage{min-height:100vh;background:#f4f4f4;padding:45px 20px}.certificate{width:760px;max-width:100%;margin:auto}.certificateFront,.certificateBack{background:#fff;border:1px solid #cfd3d8}.certificateBack{margin-top:15px}.certificateHeader{height:82px;background:#145568;color:#fff;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:0 22px}.logo{text-align:center}.logoIcon{font-size:30px;font-weight:700}.logo small{display:block;font-size:8px}.headerCenter{text-align:center;border-left:1px solid rgba(255,255,255,.7);border-right:1px solid rgba(255,255,255,.7)}.headerCenter strong{display:block;font-size:20px}.headerCenter span{display:block;margin-top:7px;font-size:13px;font-weight:700}.arabic{text-align:center;direction:rtl;font-size:18px}.arabic small{display:block;font-size:9px;margin-top:6px}.certificateContent{min-height:230px;padding:22px 30px;display:flex;gap:22px;align-items:center}.certificatePhoto{width:145px;height:155px;object-fit:cover;border-radius:3px}.certificateInfo{flex:1}.certificateInfo h2{margin:0 0 10px;font-size:19px}.certificateInfo p{margin:7px 0;font-size:15px}.trainingText{margin-top:20px!important;font-size:12px!important;font-weight:700}.certificateBottom{height:32px;background:#145568;color:#fff;display:flex;justify-content:center;align-items:center;font-size:9px;font-weight:700}.backHeader{height:82px;background:#145568;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 38px;font-size:25px}.backHeader span{direction:rtl}.backContent{padding:22px 30px;display:flex;gap:20px;align-items:center;min-height:230px}.qrImage{width:190px;height:190px}.backDetails{flex:1}.backDetails p{font-size:15px;margin:8px 0}.certificateNote{font-size:10px;line-height:1.5;margin-top:20px;font-weight:700}.scanText{background:#145568;color:#fff;text-align:center;padding:9px;font-size:10px}.notFound{background:#fff;max-width:500px;margin:100px auto;padding:50px;text-align:center;border-radius:12px}@media(max-width:800px){.adminHeader{padding:0 20px}.headerRight{gap:8px}.headerRight>a:first-child{display:none}.stats,.formGrid,.fieldChecks{grid-template-columns:1fr}.pageTop{align-items:flex-start;gap:15px}.certificateHeader{grid-template-columns:1fr 2fr 1fr}.certificateContent{padding:15px}.certificatePhoto{width:110px;height:120px}.certificateInfo p{font-size:12px}.backContent{padding:15px}.qrImage{width:140px;height:140px}}