:root{--color-primary:#002e63;--color-background:#f2f2f2;--color-card:#fff;--color-text:#0d0d0d;--color-border:#b3cce6;--color-shadow:rgba(0,46,99,.15);--color-success:#28a745;--color-error:#dc3545;--color-warning:#ffc107;--color-info:#17a2b8;--font-base:Tajawal,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Arabic,Cairo,Amiri,Arial,sans-serif;--size-radius:8px;--size-padding:16px;--size-margin:12px;--size-header-height:64px;--size-max-width:1200px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--shadow-sm:0 1px 2px var(--color-shadow);--shadow-md:0 4px 6px var(--color-shadow);--shadow-lg:0 10px 15px var(--color-shadow);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{direction:rtl;text-align:right;font-family:var(--font-base);background-color:var(--color-background);color:var(--color-text);line-height:1.6;min-height:100vh}img,svg,video{display:block;max-width:100%;height:auto}button{font-family:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ol,ul{list-style:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@font-face{font-family:Tajawal;src:url(/fonts/Tajawal-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url(/fonts/Tajawal-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--space-md);color:var(--color-text)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--space-md);line-height:1.8}.text-small{font-size:.875rem}.text-large{font-size:1.125rem}.text-bold{font-weight:700}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-muted{color:#6c757d}@media (max-width:768px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}.container{width:100%;max-width:var(--size-max-width);margin:0 auto;padding:0 var(--space-md)}.card{background:var(--color-card);border-radius:var(--size-radius);box-shadow:var(--shadow-md);padding:var(--space-lg);transition:transform var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);font-size:1rem;font-weight:600;border-radius:var(--size-radius);transition:all var(--transition-fast);cursor:pointer;border:none;text-align:center;min-height:44px}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:#003d7a;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.loading{display:inline-block;width:20px;height:20px;border-radius:50%;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.grid{display:grid;grid-gap:var(--space-lg);gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.mt-1{margin-top:var(--space-sm)}.mt-2{margin-top:var(--space-md)}.mt-3{margin-top:var(--space-lg)}.mb-1{margin-bottom:var(--space-sm)}.mb-2{margin-bottom:var(--space-md)}.mb-3{margin-bottom:var(--space-lg)}.pt-1{padding-top:var(--space-sm)}.pt-2{padding-top:var(--space-md)}.pt-3{padding-top:var(--space-lg)}.pb-1{padding-bottom:var(--space-sm)}.pb-2{padding-bottom:var(--space-md)}.pb-3{padding-bottom:var(--space-lg)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:.75rem;font-weight:600;border-radius:12px;background:var(--color-border);color:var(--color-text)}.badge-success{background:var(--color-success);color:#fff}.badge-error{background:var(--color-error);color:#fff}.alert{padding:var(--space-md);border-radius:var(--size-radius);margin-bottom:var(--space-md);border-right:4px solid}.alert-info{background:#d1ecf1;border-color:var(--color-info);color:#0c5460}.alert-success{background:#d4edda;border-color:var(--color-success);color:#155724}.alert-error{background:#f8d7da;border-color:var(--color-error);color:#721c24}.divider{height:1px;background:var(--color-border);margin:var(--space-lg) 0}.empty-state{text-align:center;padding:var(--space-2xl);color:#6c757d}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.5}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:var(--size-radius)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.input{width:100%;padding:var(--space-sm) var(--space-md);font-size:1rem;font-family:var(--font-base);border:2px solid var(--color-border);border-radius:var(--size-radius);background:var(--color-card);color:var(--color-text);transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-primary)}.input::placeholder{color:#999}@media (max-width:768px){.card{padding:var(--space-md)}.btn{width:100%}}