@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#1b2b40;font-family:Tajawal,Arial}header{height:70px;background:white;border-bottom:1px solid #e4eaf1;display:flex;justify-content:space-between;align-items:center;padding:0 5vw;color:#173b67}header span,small{color:#738197}main{max-width:1100px;margin:auto;padding:25px 18px}.hero{padding:25px 0}.hero small{color:#159b91;font-weight:bold}.hero h1{font-size:clamp(32px,5vw,50px);line-height:1.3;color:#173b67}.hero em{font-style:normal;color:#2672b8}.hero p{font-size:18px;line-height:1.8;color:#738197;max-width:750px}.layout{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.panel{background:white;border:1px solid #e4eaf1;border-radius:18px;padding:22px;margin-bottom:18px}.panel h2{color:#173b67;margin-top:0}.drop{border:2px dashed #c8d8e8;background:#f9fbfe;border-radius:15px;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:18px;cursor:pointer}.drop input{display:none}.drop img{max-width:100%;max-height:340px;object-fit:contain;border-radius:10px}.hidden{display:none!important}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.actions button{border:0;border-radius:10px;padding:12px 18px;background:#edf3f9;color:#173b67;font-weight:bold}.actions button:last-child{background:#2672b8;color:white}.actions button:disabled{opacity:.45}.privacy{padding:12px;background:#eff9f6;color:#357568;border-radius:10px;font-size:13px}.warning{background:#fff4e8;color:#80521b;padding:13px;border-radius:10px;line-height:1.7}.warning p{margin-bottom:0}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:right;padding:11px;border-bottom:1px solid #e4eaf1}th{background:#f7f9fc;color:#173b67}td input{width:100%;min-width:100px;padding:8px;border:1px solid #dce4ee;border-radius:7px;font:inherit}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.fields label{font-weight:bold}.fields input,.fields textarea{display:block;width:100%;padding:10px;border:1px solid #dce4ee;border-radius:8px;margin-top:6px;font:inherit}.wide{grid-column:1/-1}footer{text-align:center;color:#8792a4;padding:25px}#loading{padding:15px;color:#2672b8}#toast{position:fixed;bottom:18px;left:18px;background:#173b67;color:white;padding:12px;border-radius:9px;opacity:0}#toast.show{opacity:1}@media(max-width:760px){.layout{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.wide{grid-column:auto}header{padding:0 14px}main{padding:15px}}