@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');
:root{--primary:#263b80;--accent:#f58220;--soft:#f5f7fb;--dark:#111827}
body{font-family:'Tajawal',Arial,sans-serif;background:linear-gradient(135deg,#f8fafc,#eef2ff);min-height:100vh;color:var(--dark)}
.hero-card,.panel-card{background:rgba(255,255,255,.94);border:1px solid rgba(38,59,128,.08);border-radius:24px;box-shadow:0 20px 55px rgba(15,23,42,.09)}
.brand-badge{display:inline-flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:8px 16px;box-shadow:0 8px 20px rgba(0,0,0,.06);font-weight:800;color:var(--primary)}
.btn-main{background:linear-gradient(135deg,var(--primary),#5269c9);border:0;color:#fff;font-weight:800;border-radius:14px;padding:12px 24px}.btn-main:hover{color:#fff;filter:brightness(.95)}
.form-label{font-weight:700}.required:after{content:' *';color:#dc2626}.select2-container .select2-selection--single{height:42px;border:1px solid #dee2e6;border-radius:.5rem}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:42px}.select2-container--default .select2-selection--single .select2-selection__arrow{height:40px}
.lang-toggle{position:fixed;top:16px;right:16px;z-index:20}.rtl{direction:rtl;text-align:right}.stat-card{border:0;border-radius:22px;box-shadow:0 12px 30px rgba(15,23,42,.08)}
.table thead th{background:#f1f5f9;color:#334155}.attachment-link{font-weight:700;text-decoration:none}.sidebar{background:#111827;min-height:100vh}.sidebar a{color:#cbd5e1;text-decoration:none;display:block;padding:12px 16px;border-radius:12px}.sidebar a:hover,.sidebar a.active{background:#263b80;color:#fff}
.progress{height:22px;border-radius:999px;overflow:hidden}.badge-soft{background:#eef2ff;color:#263b80;border-radius:999px;padding:7px 12px;font-weight:700}
@media(max-width:768px){.sidebar{min-height:auto}.lang-toggle{position:static;margin-bottom:10px}}