@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+Arabic:wght@300;400;500;600;700&display=swap";:root{--primary-teal:#2cbcb3;--primary-teal-rgb:44, 188, 179;--accent-purple:#7b3fa0;--accent-purple-rgb:123, 63, 160;--dark-navy:#1a3a4a;--dark-navy-rgb:26, 58, 74;--bg-surface:#fff;--bg-app:#f7f9fb;--border-color:#1a3a4a14;--border-glow:#2cbcb333;--color-success:#10b981;--color-success-bg:#e6f8f2;--color-warning:#f59e0b;--color-warning-bg:#fef6e7;--color-danger:#ef4444;--color-danger-bg:#fee2e2;--color-info:#3b82f6;--color-info-bg:#eff6ff;--font-latin:"Inter", sans-serif;--font-arabic:"Noto Sans Arabic", sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 4px #1a3a4a0a;--shadow-md:0 8px 16px -4px #1a3a4a0f, 0 2px 4px -2px #1a3a4a08;--shadow-lg:0 16px 24px -8px #1a3a4a1a, 0 4px 8px -4px #1a3a4a0d;--shadow-teal:0 10px 20px -8px #2cbcb340;--shadow-purple:0 10px 20px -8px #7b3fa040;--shadow-glass:0 8px 32px 0 #1a3a4a0a;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--dark-navy);font-family:var(--font-arabic), var(--font-latin);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--transition-normal);font-size:15px;line-height:1.6;overflow-x:hidden}[dir=ltr] body{font-family:var(--font-latin), var(--font-arabic)}.gradient-bg{background:linear-gradient(135deg, var(--primary-teal), var(--accent-purple))}.gradient-text{background:linear-gradient(135deg, var(--primary-teal), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-teal-glow{background:linear-gradient(135deg, var(--primary-teal), #2cbcb3b3)}@keyframes pulseGlow{0%,to{transform:scale(1);box-shadow:0 0 #ef444466}50%{transform:scale(1.05);box-shadow:0 0 12px 4px #ef444433}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes meshAnimation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-pulse-red{animation:2s ease-in-out infinite pulseGlow}.shimmer-bg{background:linear-gradient(90deg,#f0f3f6 25%,#e1e6eb 50%,#f0f3f6 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#1a3a4a05}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#2cbcb333}::-webkit-scrollbar-thumb:hover{background:#7b3fa04d}.margin-start-sm{margin-inline-start:var(--space-2)}.margin-start-md{margin-inline-start:var(--space-4)}.margin-end-sm{margin-inline-end:var(--space-2)}.margin-end-md{margin-inline-end:var(--space-4)}.padding-start-sm{padding-inline-start:var(--space-2)}.padding-start-md{padding-inline-start:var(--space-4)}.padding-end-sm{padding-inline-end:var(--space-2)}.padding-end-md{padding-inline-end:var(--space-4)}.border-start-glow{border-inline-start:4px solid var(--primary-teal)}.card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal);background:#ffffffd9;border:1px solid #ffffff80}.card:hover{box-shadow:var(--shadow-md), var(--shadow-teal);transform:translateY(-4px)}.card-static{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);background:#ffffffd9;border:1px solid #ffffff80}.input-field{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:var(--dark-navy);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);background-color:#1a3a4a03;border:1.5px solid #1a3a4a14;outline:none;font-family:inherit;font-size:14px}.input-field:focus{border-color:var(--primary-teal);box-shadow:0 0 0 4px var(--border-glow);background-color:#fff}.input-field::placeholder{color:#1a3a4a66}.input-label{margin-bottom:var(--space-2);color:#1a3a4acc;font-size:13.5px;font-weight:500;display:block}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;border:none;outline:none;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary-teal), var(--accent-purple));color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md), var(--shadow-teal);filter:brightness(1.05);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{color:#1a3a4a59;cursor:not-allowed;box-shadow:none;background:#1a3a4a1a}.btn-secondary{border:1.5px solid var(--primary-teal);color:var(--primary-teal);background:0 0}.btn-secondary:hover:not(:disabled){background-color:#2cbcb30d;transform:translateY(-2px)}.btn-secondary:disabled{color:#1a3a4a4d;cursor:not-allowed;background:0 0;border-color:#1a3a4a1a}.btn-ghost{color:var(--dark-navy);background:0 0}.btn-ghost:hover:not(:disabled){background-color:#1a3a4a0a}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);text-transform:capitalize;font-size:12px;font-weight:600;display:inline-flex}.badge-draft{color:#4b5563;background:#e5e7eb}.badge-pending{background:var(--color-warning-bg);color:var(--color-warning)}.badge-approved{background:var(--color-success-bg);color:var(--color-success)}.badge-rejected{background:var(--color-danger-bg);color:var(--color-danger)}.priority-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid #0000;align-items:center;font-size:11.5px;font-weight:500;display:inline-flex}.priority-low{color:var(--primary-teal);background-color:#2cbcb314;border-color:#2cbcb326}.priority-medium{color:#d97706;background-color:#f59e0b14;border-color:#f59e0b26}.priority-high{color:#ea580c;background-color:#f9731614;border-color:#f9731626}.priority-urgent{background-color:var(--color-danger-bg);color:var(--color-danger);border-color:#ef444440;font-weight:600}.table-container{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:#fff;overflow-x:auto}.table-el{border-collapse:collapse;text-align:start;width:100%}.table-el th{color:var(--dark-navy);padding:var(--space-4);border-bottom:1.5px solid var(--border-color);background-color:#1a3a4a05;font-size:13.5px;font-weight:600}.table-el td{padding:var(--space-4);border-bottom:1px solid var(--border-color);color:#1a3a4ae6;font-size:13.5px}.table-el tr:last-child td{border-bottom:none}.table-el tr:hover td{background-color:#2cbcb304}.sidebar-panel{background:linear-gradient(180deg, var(--dark-navy) 0%, #0d1e27 100%);color:#ffffffd9;box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:#ffffffb3;transition:all var(--transition-normal);border-inline-start:3px solid #0000;font-size:14px;font-weight:400;text-decoration:none;display:flex}.sidebar-link:hover{color:#fff;background:#ffffff08;padding-inline-start:calc(var(--space-4) + 4px)}.sidebar-link-active{color:#fff;border-inline-start-color:var(--primary-teal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;font-weight:500}.header-bar{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);background:#fffc}.wizard-progress-bar{border-radius:var(--radius-full);background-color:#1a3a4a0d;height:6px;position:relative;overflow:hidden}.wizard-progress-fill{background:linear-gradient(90deg, var(--primary-teal), var(--accent-purple));border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.stat-card-icon{border-radius:var(--radius-md);width:48px;height:48px;color:var(--primary-teal);background:linear-gradient(135deg,#2cbcb31a,#7b3fa01a);justify-content:center;align-items:center;display:flex}.segmented-container{border-radius:var(--radius-md);background-color:#1a3a4a0a;border:1px solid #1a3a4a05;padding:4px;display:flex}.segmented-option{text-align:center;padding:var(--space-2) var(--space-4);cursor:pointer;border-radius:calc(var(--radius-md) - 2px);-webkit-user-select:none;user-select:none;transition:all var(--transition-normal);color:#1a3a4a99;flex:1;font-size:13.5px;font-weight:500}.segmented-option-active{color:var(--primary-teal);box-shadow:var(--shadow-sm);background:#fff;font-weight:600}.step-dot{border-radius:var(--radius-full);color:#1a3a4a66;width:32px;height:32px;transition:all var(--transition-normal);background-color:#fff;border:2px solid #1a3a4a1a;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.step-dot-active{border-color:var(--primary-teal);color:var(--primary-teal);box-shadow:0 0 0 4px var(--border-glow)}.step-dot-completed{border-color:var(--color-success);background-color:var(--color-success);color:#fff}.alert-banner{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);font-size:13.5px;display:flex}.alert-warning{background-color:var(--color-warning-bg);color:#92400e;border:1px solid #f59e0b26}.alert-info{background-color:var(--color-info-bg);color:#1e3a8a;border:1px solid #3b82f626}