:root{--color-primary: #59786c;--color-primary-light: #738f85;--color-primary-dark: #435c52;--color-primary-50: #f4f4f1;--color-primary-100: #dde5e2;--color-primary-200: #b8cec8;--color-accent: #F5A623;--color-accent-light: #FBBF5A;--color-accent-dark: #D48A12;--color-success: #59786c;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--color-white: #FFFFFF;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--color-bg: #fdfcfb;--color-surface: #FFFFFF;--color-border: #e8e8e4;--color-border-light: #f0efeb;--color-text-primary: #1c2b26;--color-text-secondary: #4a5e58;--color-text-muted: #8fa39d;--color-text-on-primary:#FFFFFF;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--font-arabic: "Cairo", "Noto Sans Arabic", system-ui, sans-serif;--font-latin: "Inter", system-ui, -apple-system, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-size-5xl: 48px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.05);--shadow-lg: 0 10px 40px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.06);--shadow-card: 0 2px 12px rgba(89,120,108,.08);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--container-max: 1280px;--container-pad: 24px;--sidebar-width: 260px;--navbar-height: 72px}@media(max-width:480px){:root{--container-pad: 16px;--navbar-height: 64px}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{max-width:100%;display:block}input,button,textarea,select{font:inherit}button{cursor:pointer;background:none;border:none}ul,ol{list-style:none}table{border-collapse:collapse}html{font-size:var(--font-size-base);line-height:var(--line-height-normal)}[dir=rtl],:lang(ar){font-family:var(--font-arabic);letter-spacing:0}[dir=ltr],:lang(en){font-family:var(--font-latin)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin:0}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-dark)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}[dir=rtl] .icon-chevron-right,[dir=rtl] .icon-chevron-left{transform:scaleX(-1)}[dir=rtl] .dashboard-sidebar{inset-inline-end:0;inset-inline-start:unset;border-inline-end:none;border-inline-start:1px solid var(--color-border)}[dir=ltr] .dashboard-sidebar{inset-inline-start:0;border-inline-end:1px solid var(--color-border)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.grid{display:grid}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-inline:var(--space-4)}.px-6{padding-inline:var(--space-6)}.py-4{padding-block:var(--space-4)}.py-6{padding-block:var(--space-6)}.py-12{padding-block:var(--space-12)}.py-16{padding-block:var(--space-16)}.py-20{padding-block:var(--space-20)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ms-auto{margin-inline-start:auto}.me-auto{margin-inline-end:auto}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-card{box-shadow:var(--shadow-card)}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.divider{height:1px;background:var(--color-border);width:100%}.badge-featured{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;background:var(--color-accent);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.badge-verified{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;background:var(--color-primary-50);color:var(--color-primary-dark);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.tag{display:inline-flex;align-items:center;padding:4px 12px;background:var(--color-gray-100);color:var(--color-text-secondary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.section-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);border:none;outline:none;text-decoration:none;background:var(--color-primary);color:var(--color-text-on-primary)}.btn-primary:focus-visible{box-shadow:0 0 0 3px #3d7a5c59}.btn-primary:hover{background:var(--color-primary-dark)}.btn-outline{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);border:none;outline:none;text-decoration:none;background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn-outline:focus-visible{box-shadow:0 0 0 3px #3d7a5c59}.btn-outline:hover{background:var(--color-primary-50)}.btn-ghost{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);border:none;outline:none;text-decoration:none;background:transparent;color:var(--color-text-secondary)}.btn-ghost:focus-visible{box-shadow:0 0 0 3px #3d7a5c59}.btn-ghost:hover{background:var(--color-gray-100);color:var(--color-text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeIn .25s ease forwards}