@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;900&display=swap";:root{--navy:#0b1f3a;--blue:#0f3d6e;--mid:#1a5fa8;--sky:#0ea5e9;--light:#38bdf8;--white:#fff;--off:#f0f6ff;--gray:#e8f0fb;--text:#1e2d42;--muted:#64748b;--green:#059669;--gold:#d97706;--red:#dc2626;--border:#d1e3f7}body{color:var(--text);direction:rtl;background:#fff;font-family:Cairo,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:Cairo,sans-serif}input,textarea,select{font-family:Cairo,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:700;transition:all .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--mid), var(--sky));color:#fff;box-shadow:0 4px 20px #0ea5e94d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0ea5e966}.btn-outline{color:var(--sky);border:2px solid var(--sky);background:0 0}.btn-outline:hover{background:var(--sky);color:#fff}.btn-white{color:var(--navy);background:#fff;box-shadow:0 4px 20px #0000001a}.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000026}.card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:24px;transition:all .3s}.card:hover{border-color:var(--sky);transform:translateY(-3px);box-shadow:0 8px 30px #0ea5e91a}.badge{border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.badge-green{color:#065f46;background:#d1fae5}.badge-blue{color:#1e40af;background:#dbeafe}.badge-gold{color:#92400e;background:#fef3c7}.badge-red{color:#991b1b;background:#fee2e2}.badge-gray{color:#475569;background:#f1f5f9}.form-group{margin-bottom:20px}.form-label{color:var(--navy);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.form-input{border:1.5px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:10px;padding:12px 16px;font-family:Cairo,sans-serif;font-size:14px;transition:all .3s}.form-input:focus{border-color:var(--sky);outline:none;box-shadow:0 0 0 3px #0ea5e91a}.form-input::placeholder{color:#94a3b8}.section{padding:80px 0}.section-title{color:var(--navy);margin-bottom:8px;font-size:32px;font-weight:900}.section-sub{color:var(--muted);margin-bottom:48px;font-size:15px}.loading{color:var(--muted);justify-content:center;align-items:center;padding:60px;font-size:16px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--sky);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.alert{border-right:4px solid;border-radius:10px;margin-bottom:16px;padding:14px 18px;font-size:13px}.alert-success{border-color:var(--green);color:#065f46;background:#f0fdf4}.alert-error{border-color:var(--red);color:#991b1b;background:#fef2f2}.alert-info{border-color:var(--sky);color:#1e40af;background:#eff6ff}.alert-gold{border-color:var(--gold);color:#92400e;background:#fffbeb}.table-wrap{border:1px solid var(--border);border-radius:12px;overflow:hidden}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{background:linear-gradient(135deg, var(--navy), var(--blue));color:#fff;text-align:right;padding:12px 16px;font-weight:700}.table td{color:var(--text);border-bottom:1px solid #f0f4fc;padding:12px 16px}.table tr:last-child td{border-bottom:none}.table tr:nth-child(2n) td{background:#f8faff}.table tr:hover td{background:#eff6ff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:var(--sky);border-radius:3px}*{box-sizing:border-box;margin:0;padding:0}