:root{--primary-900: #1a4d2e;--primary-800: #236039;--primary-700: #2D7A4C;--primary-600: #3a8f5f;--primary-500: #47a572;--primary-400: #6ab88a;--primary-300: #8dcaa2;--primary-200: #b0dcba;--primary-100: #d3edd2;--secondary-900: #c93920;--secondary-800: #e03f28;--secondary-700: #F04E30;--secondary-600: #f2654a;--secondary-500: #f47c64;--secondary-400: #f79383;--secondary-300: #f9aaa2;--secondary-200: #fcc1c1;--secondary-100: #fed8e0;--neutral-900: #6b5d4f;--neutral-800: #8d7f71;--neutral-700: #a8998b;--neutral-600: #c3b4a6;--neutral-500: #d4c7b9;--neutral-400: #dfd4c7;--neutral-300: #e4dbd0;--neutral-200: #EDE8DE;--neutral-100: #f5f2eb;--neutral-50: #faf9f6;--gray-900: #111827;--gray-800: #1f2937;--gray-700: #374151;--gray-600: #4b5563;--gray-500: #6b7280;--gray-400: #9ca3af;--gray-300: #d1d5db;--gray-200: #e5e7eb;--gray-100: #f3f4f6;--gray-50: #f9fafb;--success: var(--primary-700);--warning: #f59e0b;--danger: var(--secondary-700);--info: #3b82f6;--bg-primary: #ffffff;--bg-secondary: var(--neutral-50);--bg-tertiary: var(--neutral-200);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-400);--text-on-primary: #ffffff;--text-on-secondary: #ffffff;--border-primary: var(--gray-200);--border-secondary: var(--gray-300);--border-focus: var(--primary-700);--gradient-primary: linear-gradient(135deg, var(--primary-700) 0%, var(--primary-500) 100%);--gradient-secondary: linear-gradient(135deg, var(--secondary-700) 0%, var(--secondary-500) 100%);--gradient-hero: linear-gradient(135deg, var(--primary-800) 0%, var(--primary-600) 50%, var(--secondary-700) 100%);--gradient-card: linear-gradient(to bottom, var(--bg-primary) 0%, var(--neutral-100) 100%);--gradient-overlay: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .7) 100%);--space-0: 0;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--space-8: 4rem;--space-10: 5rem;--space-12: 6rem;--space-16: 8rem;--space-20: 10rem;--font-family-primary: "IBM Plex Sans Arabic", system-ui, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-heading: "IBM Plex Sans Arabic", system-ui, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-weight-normal: 400;--font-weight-medium: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .15);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .06);--shadow-primary: 0 10px 15px rgba(45, 122, 76, .1), 0 4px 6px rgba(45, 122, 76, .05);--shadow-secondary: 0 10px 15px rgba(240, 78, 48, .1), 0 4px 6px rgba(240, 78, 48, .05);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .6s cubic-bezier(.175, .885, .32, 1.275);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--sidebar-width: 280px;--header-height: 64px}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-success{color:var(--success)!important}.text-warning{color:var(--warning)!important}.text-danger{color:var(--danger)!important}.bg-primary{background-color:var(--primary-700)!important}.bg-secondary{background-color:var(--secondary-700)!important}.bg-neutral{background-color:var(--neutral-200)!important}.bg-gradient-primary{background:var(--gradient-primary)!important}.bg-gradient-secondary{background:var(--gradient-secondary)!important}.bg-gradient-hero{background:var(--gradient-hero)!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.skeleton{background:linear-gradient(90deg,var(--gray-100) 0%,var(--gray-200) 50%,var(--gray-100) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:var(--space-2);border-radius:var(--radius-sm)}.skeleton-title{height:2em;width:60%;margin-bottom:var(--space-3)}.skeleton-avatar{width:48px;height:48px;border-radius:var(--radius-full)}.skeleton-card{padding:var(--space-3);background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.loading-spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary-700);border-radius:var(--radius-full);animation:spin .8s linear infinite}.content-loading{filter:blur(2px);opacity:.6;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.animate-fade-in{animation:fadeIn var(--transition-base)}.animate-slide-up{animation:slideUp var(--transition-base)}.animate-scale-in{animation:scaleIn var(--transition-base)}.animate-bounce{animation:bounce var(--transition-bounce)}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-50: #f0fdf4;--primary-100: #dcfce7;--primary-200: #bbf7d0;--primary-300: #86efac;--primary-400: #4ade80;--primary-500: #22c55e;--primary-600: #16a34a;--primary-700: #15803d;--primary-800: #166534;--primary-900: #14532d;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--font-family: "IBM Plex Sans Arabic", system-ui, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1.6;color:var(--neutral-900);background-color:#fff;direction:rtl}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-weight:var(--font-weight-bold);line-height:1.2;color:var(--neutral-900);margin:0}h1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.02em}h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold)}h3{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}h4{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}h5{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium)}h6{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}p{margin:0;color:var(--neutral-700)}a{color:var(--primary-700);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-800)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn--primary{background:var(--primary-700);color:#fff;box-shadow:var(--shadow-md)}.btn--primary:hover{background:var(--primary-800);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn--outline{background:transparent;color:var(--primary-700);border:2px solid var(--primary-700)}.btn--outline:hover{background:var(--primary-50);border-color:var(--primary-800);color:var(--primary-800)}.btn--large{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.btn--small{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.card{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--neutral-200);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-16) 0}.section--large{padding:var(--space-24) 0}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;border-bottom:1px solid var(--neutral-200);box-shadow:var(--shadow-sm)}.nav__container{max-width:1200px;margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;height:72px}.nav__logo-text{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--primary-700)}.nav__list{display:flex;align-items:center;gap:var(--space-8);list-style:none;margin:0;padding:0}.nav__link{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--neutral-700);transition:color var(--transition-fast)}.nav__link:hover{color:var(--primary-700)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--neutral-900);margin-bottom:var(--space-2)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--neutral-900);background:#fff;border:1px solid var(--neutral-300);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary-700);box-shadow:0 0 0 3px #15803d1a}.stats{position:relative;padding:var(--space-16) 0;background:linear-gradient(135deg,var(--primary-800) 0%,var(--primary-600) 50%,#f97316 100%);overflow:hidden}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-8);position:relative;z-index:2}.stat-item{text-align:center;padding:var(--space-6)}.stat-number{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);color:#fff;display:block;margin-bottom:var(--space-2);line-height:1;text-shadow:0 4px 20px rgba(0,0,0,.2)}.stat-label{font-size:var(--font-size-xl);color:#fffffff2;font-weight:var(--font-weight-medium)}.footer{background:var(--neutral-900);color:var(--neutral-300);padding:var(--space-12) 0 var(--space-6)}.footer-content{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8);margin-bottom:var(--space-8)}.footer-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--space-4)}.footer-link{display:block;color:var(--neutral-400);margin-bottom:var(--space-2);transition:color var(--transition-fast)}.footer-link:hover{color:var(--primary-400)}.footer-bottom{text-align:center;padding-top:var(--space-6);border-top:1px solid var(--neutral-800);color:var(--neutral-500);font-size:var(--font-size-sm)}.text-center{text-align:center}.text-primary{color:var(--primary-700)}.text-secondary{color:var(--neutral-600)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}@media (max-width: 768px){:root{--font-size-5xl: 2rem;--font-size-4xl: 1.75rem;--font-size-3xl: 1.5rem}.container{padding:0 var(--space-4)}.section{padding:var(--space-12) 0}.nav__list{gap:var(--space-4)}.stat-number{font-size:var(--font-size-4xl)}}.toast{position:fixed;bottom:var(--space-3);left:50%;transform:translate(-50%) translateY(100px);background:var(--bg-primary);color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-tooltip);opacity:0;transition:all var(--transition-base);min-width:300px;max-width:500px;display:flex;align-items:center;gap:var(--space-2)}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast.success{border-right:4px solid var(--success)}.toast.error{border-right:4px solid var(--danger)}.toast.warning{border-right:4px solid var(--warning)}.toast.info{border-right:4px solid var(--info)}.toast-icon{width:24px;height:24px;flex-shrink:0}.toast-content{flex:1;font-size:var(--text-sm);line-height:var(--line-height-normal)}.toast-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.toast-close:hover{background:var(--gray-100);color:var(--text-primary)}.empty-state{text-align:center;padding:var(--space-8) var(--space-3)}.empty-state-icon{width:80px;height:80px;margin:0 auto var(--space-3);color:var(--gray-300)}.empty-state-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-4);max-width:400px;margin-left:auto;margin-right:auto}.empty-state-action{margin-top:var(--space-4)}.skeleton-container{padding:var(--space-3)}.skeleton-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.skeleton-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--gray-100);animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--gray-100) 0%,var(--gray-200) 50%,var(--gray-100) 100%);background-size:200% 100%}.skeleton-text{flex:1}.skeleton-line{height:16px;background:var(--gray-100);border-radius:var(--radius-sm);margin-bottom:var(--space-2);animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--gray-100) 0%,var(--gray-200) 50%,var(--gray-100) 100%);background-size:200% 100%}.skeleton-line--short{width:60%}.skeleton-line--medium{width:80%}.skeleton-line--long{width:100%}.skeleton-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-sm);margin-bottom:var(--space-2)}.skeleton-table-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);padding:var(--space-2);border-bottom:1px solid var(--border-primary)}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:var(--z-modal);opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.loading-overlay.active{opacity:1;pointer-events:all}.loading-spinner{width:48px;height:48px;border:4px solid var(--gray-200);border-top-color:var(--primary-700);border-radius:var(--radius-full);animation:spin .8s linear infinite}.loading-text{margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal);display:none;align-items:center;justify-content:center;padding:var(--space-3)}.modal.active{display:flex;animation:fadeIn var(--transition-base)}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--transition-base)}.modal-content{position:relative;background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);animation:scaleIn var(--transition-base)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.modal-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.modal-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close:hover{background:var(--gray-100);color:var(--text-primary)}.modal-close:focus{outline:2px solid var(--border-focus);outline-offset:2px}.modal-body{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.modal-footer{display:flex;gap:var(--space-2);justify-content:flex-start}.form-group{margin-bottom:var(--space-3);position:relative}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-1)}.form-label-required:after{content:"*";color:var(--danger);margin-right:4px}.form-input{width:100%;padding:var(--space-2);font-size:var(--text-base);font-family:var(--font-family-primary);border:2px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #2d7a4c1a}.form-input.error{border-color:var(--danger)}.form-input.success{border-color:var(--success);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D7A4C' stroke-width='2'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;background-size:20px;padding-left:40px}.form-error{color:var(--danger);font-size:var(--text-sm);margin-top:var(--space-1);max-height:0;overflow:hidden;opacity:0;transition:all var(--transition-base)}.form-error.show{max-height:100px;opacity:1;margin-top:var(--space-1)}.form-success{color:var(--success);font-size:var(--text-sm);margin-top:var(--space-1);display:flex;align-items:center;gap:var(--space-1);animation:slideUp var(--transition-base)}.form-hint{color:var(--text-tertiary);font-size:var(--text-xs);margin-top:var(--space-1)}.progress-bar{width:100%;height:8px;background:var(--gray-100);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition-slow);position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);line-height:1}.badge-success{background:#2d7a4c1a;color:var(--success)}.badge-warning{background:#f59e0b1a;color:var(--warning)}.badge-danger{background:#f04e301a;color:var(--danger)}.badge-info{background:#3b82f61a;color:var(--info)}.badge-dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.tooltip{position:relative;display:inline-block}.tooltip-content{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--gray-900);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:var(--z-tooltip)}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--gray-900)}.tooltip:hover .tooltip-content{opacity:1}.card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-primary)}.card-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.card-body{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--line-height-relaxed)}.card-footer{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border-primary);display:flex;gap:var(--space-2)}