:root{--font-family-primary: "Almarai", "Cairo Play", "Noto Kufi Arabic", "Segoe UI", "Open Sans", "Helvetica Neue", sans-serif;--font-size-xs: 8px;--font-size-sm: 9px;--font-size-base: 11px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 22px;--font-size-3xl: 24px;--font-size-4xl: 28px;--font-weight-light: 300;--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;--primary-color: #380ac1;--primary-dark-blue: #2a2e70;--primary-medium-blue: #4c68c0;--secondary-color: orangered;--primary-dark-Violet: #4e2a70;--primary-medium-Violet: #7c4cc0;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--success-color: #10b981;--success-dark: #059669;--success-50: #f0fdf4;--success-200: #bbf7d0;--success-700: #15803d;--warning-50: #fffbeb;--warning-200: #fed7aa;--warning-700: #c2410c;--error-50: #fef2f2;--error-200: #fecaca;--error-700: #b91c1c;--info: #3b82f6;--info-50: #eff6ff;--info-200: #bfdbfe;--info-700: #1d4ed8;--light-purple-gray: #dad1de;--dark-blue-gray: #555269;--white: #ffffff;--parties-color: #1a365d;--parties-dark: #2d3748;--identification-color: #744210;--identification-dark: #553c0f;--location-color: #1a202c;--location-dark: #2d3748;--timeline-color: #f7fafc;--timeline-dark: #e2e8f0;--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;--btn-icon-size: 44px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-light: rgba(42, 46, 112, .1);--shadow-medium: rgba(42, 46, 112, .2);--shadow-heavy: rgba(42, 46, 112, .3);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}@keyframes modernSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{transform:rotate(45deg) translate(-100%,-100%)}50%{transform:rotate(45deg) translate(0)}to{transform:rotate(45deg) translate(100%,100%)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--gradient-primary: linear-gradient(135deg, var(--primary-color), var(--primary-dark));--gradient-primary-reverse: linear-gradient(135deg, var(--primary-dark), var(--primary-color));--gradient-secondary: linear-gradient(135deg, var(--secondary-color), var(--secondary-dark));--gradient-bg-light: linear-gradient(135deg, var(--neutral-50) 0%, var(--neutral-200) 100%);--gradient-bg-white: linear-gradient(135deg, #ffffff, #f8fafc);--gradient-parties: linear-gradient(135deg, var(--parties-color), var(--parties-dark));--gradient-identification: linear-gradient(135deg, var(--identification-color), var(--identification-dark));--gradient-location: linear-gradient(135deg, var(--location-color), var(--location-dark));--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 15px;--border-radius-xl: 20px;--box-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--box-shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--box-shadow-lg: 0 4px 12px rgba(0, 0, 0, .15);--box-shadow-xl: 0 8px 25px rgba(0, 0, 0, .2);--box-shadow-primary: 0 2px 8px rgba(76, 104, 192, .2);--box-shadow-danger: 0 2px 8px rgba(220, 38, 38, .1);--transition-all: all .3s ease;--transition-transform: transform .3s ease;--transition-opacity: opacity .3s ease;--transition-colors: background-color .3s ease, color .3s ease;--transform-hover-scale: scale(1.05);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-full: 50%;--primary-dark: #524b6c;--primary-light: #dbeafe;--animation-shimmer: shimmer 3s infinite;--animation-slide-down: slideDown .2s ease-out;--animation-slide-in: slideIn .5s ease;--animation-fade-in: fadeIn .3s ease-in-out;--animation-spin: modernSpin 1s linear infinite;--breakpoint-mobile: 480px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-large: 1200px;--page-background: var(--neutral-100);--page-background-alt: var(--neutral-50);--primary-dark: #1e3a8a;--input-padding: 12px 16px;--input-padding-sm: 8px 12px;--input-padding-lg: 16px 20px;--input-border-radius: var(--radius-md);--input-font-size: var(--font-size-base);--input-min-height: 44px;--input-transition: all var(--transition-normal);--input-bg: var(--current-bg-primary);--input-bg-focus: var(--current-bg-primary);--input-border: 1px solid var(--current-border-primary);--input-border-focus: 1px solid var(--primary-color);--input-color: var(--current-text-primary);--input-placeholder: var(--current-text-secondary);--input-shadow-focus: 0 0 0 3px rgba(37, 99, 235, .1);--input-border-error: 1px solid #dc3545;--input-border-success: 1px solid var(--success-color);--loading-spinner-size: 40px;--loading-spinner-size-sm: 20px;--loading-spinner-size-lg: 60px;--loading-spinner-border: 3px solid var(--neutral-200);--loading-spinner-border-top: 3px solid var(--primary-color);--loading-animation: spin 1s linear infinite;--card-header-border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;--card-header-text-color: white;--card-header-text-shadow: 0 1px 2px rgba(0, 0, 0, .2);--card-content-bg: linear-gradient(135deg, rgba(1, 72, 113, .08) 0%, rgba(74, 143, 163, .12) 50%, rgba(215, 237, 226, .15) 100%);--card-content-border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg)}*{font-family:var(--font-family-primary)}body,body.theme-light{--current-bg-primary: var(--theme-bg-primary);--current-bg-secondary: var(--theme-bg-secondary);--current-bg-tertiary: var(--theme-bg-tertiary);--current-text-primary: var(--theme-text-primary);--current-text-secondary: var(--theme-text-secondary);--current-text-tertiary: var(--theme-text-tertiary);--current-border-primary: var(--theme-border-primary);--current-border-secondary: var(--theme-border-secondary);--current-shadow-light: var(--theme-shadow-light);--current-shadow-medium: var(--theme-shadow-medium);--current-shadow-heavy: var(--theme-shadow-heavy)}body{background-color:var(--current-bg-secondary);color:var(--current-text-primary);transition:background-color .3s ease,color .3s ease}.form-input{padding:var(--input-padding);border-radius:var(--input-border-radius);font-size:var(--input-font-size);font-family:Almarai,Cairo Play,Noto Kufi Arabic,sans-serif;min-height:var(--input-min-height);width:100%;box-sizing:border-box;transition:var(--input-transition);background-color:var(--input-bg);border:var(--input-border);color:var(--input-color);direction:rtl}.form-input::placeholder{color:var(--input-placeholder);opacity:.7}.form-input:focus{outline:none;background-color:var(--input-bg-focus);border:var(--input-border-focus);box-shadow:var(--input-shadow-focus)}.form-input-sm{padding:var(--input-padding-sm);font-size:var(--font-size-sm);min-height:36px}.form-input-lg{padding:var(--input-padding-lg);font-size:var(--font-size-lg);min-height:52px}.form-input-error{border:var(--input-border-error)}.form-input-error:focus{border:var(--input-border-error);box-shadow:0 0 0 3px #dc26261a}.form-input-success{border:var(--input-border-success)}.form-input-success:focus{border:var(--input-border-success);box-shadow:0 0 0 3px #10b9811a}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--current-text-primary);margin-bottom:var(--spacing-xs)}.form-error{font-size:var(--font-size-sm);color:#dc3545;margin-top:var(--spacing-xs)}.form-success{font-size:var(--font-size-sm);color:var(--success-color);margin-top:var(--spacing-xs)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*,*:before,*:after{box-sizing:inherit;-webkit-tap-highlight-color:transparent}