:root{--primary-start: #4F46E5;--primary-end: #7C3AED;--primary-gradient: linear-gradient(135deg, var(--primary-start), var(--primary-end));--patient-start: #14B8A6;--patient-end: #06B6D4;--patient-gradient: linear-gradient(135deg, var(--patient-start), var(--patient-end));--student-start: #F97316;--student-end: #F59E0B;--student-gradient: linear-gradient(135deg, var(--student-start), var(--student-end));--faculty-start: #4338CA;--faculty-end: #3B82F6;--faculty-gradient: linear-gradient(135deg, var(--faculty-start), var(--faculty-end));--clinic-start: #10B981;--clinic-end: #059669;--clinic-gradient: linear-gradient(135deg, var(--clinic-start), var(--clinic-end));--marketplace-start: #EC4899;--marketplace-end: #F43F5E;--marketplace-gradient: linear-gradient(135deg, var(--marketplace-start), var(--marketplace-end));--white: #FFFFFF;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--success: #10B981;--success-light: #D1FAE5;--warning: #F59E0B;--warning-light: #FEF3C7;--error: #EF4444;--error-light: #FEE2E2;--info: #3B82F6;--info-light: #DBEAFE;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Roboto", -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: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--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: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .02), 0 1px 0 rgba(0, 0, 0, .06);--shadow-md: 0 8px 16px -4px rgba(0, 0, 0, .04), 0 4px 6px -2px rgba(0, 0, 0, .02);--shadow-lg: 0 12px 24px -6px rgba(0, 0, 0, .08), 0 8px 12px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 24px 48px -12px rgba(0, 0, 0, .12), 0 12px 24px -8px rgba(0, 0, 0, .04);--shadow-2xl: 0 32px 64px -12px rgba(0, 0, 0, .14);--shadow-primary: 0 10px 20px -5px rgba(79, 70, 229, .3);--shadow-patient: 0 10px 20px -5px rgba(20, 184, 166, .3);--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: .5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}.glass{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5)}.glass-dark{background:#111827b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--gray-900);background-color:var(--gray-50)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-4)}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-bottom:var(--space-4)}a{color:var(--primary-start);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-end)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.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(--primary-start)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-900{color:var(--gray-900)}.text-white{color:var(--white)}.bg-white{background-color:var(--white)}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-100{background-color:var(--gray-100)}.bg-primary-gradient{background:var(--primary-gradient)}.bg-patient-gradient{background:var(--patient-gradient)}.bg-student-gradient{background:var(--student-gradient)}.bg-faculty-gradient{background:var(--faculty-gradient)}.bg-clinic-gradient{background:var(--clinic-gradient)}.bg-marketplace-gradient{background:var(--marketplace-gradient)}.m-0{margin:0}.m-auto{margin:auto}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.w-full{width:100%}.max-w-sm{max-width:640px}.max-w-md{max-width:768px}.max-w-lg{max-width:1024px}.max-w-xl{max-width:1280px}.max-w-2xl{max-width:1536px}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition{transition:all var(--transition-base)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-4)}@media (min-width: 640px){.container{padding:0 var(--space-6)}}@media (min-width: 1024px){.container{padding:0 var(--space-8)}}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:grid-cols-5{grid-template-columns:repeat(5,1fr)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fadeIn{animation:fadeIn var(--transition-base) ease-out}.animate-slideIn{animation:slideIn var(--transition-base) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}html{scroll-behavior:smooth}::selection{background-color:var(--primary-start);color:var(--white)}::-moz-selection{background-color:var(--primary-start);color:var(--white)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full);border:2px solid var(--gray-100)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-scaleIn{animation:scaleIn .4s cubic-bezier(.16,1,.3,1) forwards}.animate-float{animation:float 6s ease-in-out infinite}.glass{background:#ffffffb3;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #1f268712}.glass-dark{background:#111827bf;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.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-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-decoration:none;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.btn:hover:after{left:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-gradient);color:var(--white);box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-patient{background:var(--patient-gradient);color:var(--white);box-shadow:var(--shadow-patient)}.btn-patient:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-student{background:var(--student-gradient);color:var(--white);box-shadow:0 10px 20px -5px #f973164d}.btn-student:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-faculty{background:var(--faculty-gradient);color:var(--white);box-shadow:0 10px 20px -5px #3b82f64d}.btn-faculty:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-clinic{background:var(--clinic-gradient);color:var(--white);box-shadow:0 10px 20px -5px #10b9814d}.btn-clinic:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-marketplace{background:var(--marketplace-gradient);color:var(--white);box-shadow:0 10px 20px -5px #ec48994d}.btn-marketplace:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){border-color:var(--primary-start);color:var(--primary-start);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--gray-700)}.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--gray-900)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.02);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);border-color:#0000000a}.card-glass{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}.card-header{margin-bottom:var(--space-4)}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.card-description{color:var(--gray-600);font-size:var(--font-size-sm)}.card-body{margin-bottom:var(--space-4)}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--gray-100)}.card-gradient{position:relative;background:var(--white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}.card-gradient:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-xl);padding:2px;background:var(--primary-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-2);color:var(--gray-700)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-family:var(--font-body);color:var(--gray-900);background:var(--white);border:2px solid var(--gray-300);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-start);box-shadow:0 0 0 4px #4f46e526}.form-input::placeholder{color:var(--gray-400)}.form-textarea{min-height:120px;resize:vertical}.form-error{color:var(--error);font-size:var(--font-size-sm);margin-top:var(--space-1)}.form-help{color:var(--gray-500);font-size:var(--font-size-sm);margin-top:var(--space-1)}.file-upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);border:2px dashed var(--gray-300);border-radius:var(--radius-lg);background:var(--gray-50);cursor:pointer;transition:all var(--transition-base)}.file-upload:hover{border-color:var(--primary-start);background:var(--gray-100)}.file-upload input[type=file]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-error{background:var(--error-light);color:var(--error)}.badge-info{background:var(--info-light);color:var(--info)}.badge-primary{background:var(--primary-start);color:var(--white)}.progress{width:100%;height:8px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background:var(--primary-gradient);border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress-lg{height:12px}.stat-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md)}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:var(--font-size-2xl);margin-bottom:var(--space-3)}.stat-icon.primary{background:linear-gradient(135deg,#4f46e51a,#7c3aed1a)}.stat-icon.patient{background:linear-gradient(135deg,#14b8a61a,#06b6d41a)}.stat-icon.student{background:linear-gradient(135deg,#f973161a,#f59e0b1a)}.stat-label{font-size:var(--font-size-sm);color:var(--gray-600);margin-bottom:var(--space-2)}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--gray-900)}.stat-change{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);margin-top:var(--space-2)}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--error)}.navbar{background:var(--white);box-shadow:var(--shadow-sm);padding:var(--space-4) 0;position:sticky;top:0;z-index:var(--z-sticky)}.navbar-container{display:flex;align-items:center;justify-content:space-between}.navbar-brand{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-nav{display:flex;gap:var(--space-6);list-style:none}.navbar-link{color:var(--gray-700);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.navbar-link:hover,.navbar-link.active{color:var(--primary-start)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.modal-backdrop.active{opacity:1;pointer-events:all}.modal{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-8);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);transform:scale(.9);transition:transform var(--transition-base)}.modal-backdrop.active .modal{transform:scale(1)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.modal-close{background:none;border:none;font-size:var(--font-size-2xl);cursor:pointer;color:var(--gray-400);transition:color var(--transition-fast)}.modal-close:hover{color:var(--gray-700)}.tooltip{position:relative;display:inline-block}.tooltip-text{visibility:hidden;position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:var(--gray-900);color:var(--white);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);white-space:nowrap;z-index:var(--z-tooltip);opacity:0;transition:opacity var(--transition-fast)}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.alert{padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.alert-success{background:var(--success-light);color:var(--success);border-left:4px solid var(--success)}.alert-warning{background:var(--warning-light);color:var(--warning);border-left:4px solid var(--warning)}.alert-error{background:var(--error-light);color:var(--error);border-left:4px solid var(--error)}.alert-info{background:var(--info-light);color:var(--info);border-left:4px solid var(--info)}.spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top-color:var(--primary-start);border-radius:50%;animation:spin 1s linear infinite}.spinner-sm{width:20px;height:20px;border-width:2px}.avatar{width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--gray-200);font-weight:var(--font-weight-semibold);color:var(--gray-600)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-lg{width:64px;height:64px;font-size:var(--font-size-xl)}.avatar-xl{width:96px;height:96px;font-size:var(--font-size-2xl)}.divider{height:1px;background:var(--gray-200);margin:var(--space-6) 0}.empty-state{text-align:center;padding:var(--space-12) var(--space-6)}.empty-state-icon{font-size:64px;opacity:.3;margin-bottom:var(--space-4)}.empty-state-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin-bottom:var(--space-2)}.empty-state-description{color:var(--gray-600);margin-bottom:var(--space-6)}[dir=rtl]{text-align:right}.hero{background:var(--primary-gradient);color:var(--white);padding:120px 0 80px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-10%;width:500px;height:500px;background:#ffffff1a;border-radius:50%;animation:float 20s infinite ease-in-out}.hero:after{content:"";position:absolute;bottom:-30%;right:-5%;width:400px;height:400px;background:#ffffff0d;border-radius:50%;animation:float 15s infinite ease-in-out reverse}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.hero-title{font-size:56px;font-weight:700;margin-bottom:24px;line-height:1.2}.hero-subtitle{font-size:24px;margin-bottom:40px;opacity:.9}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.hero-button{padding:16px 32px;font-size:18px;background:var(--white);color:var(--primary-start);border-radius:12px;font-weight:600;box-shadow:0 10px 20px #00000026;transition:all .3s}.hero-button:hover{transform:translateY(-4px);box-shadow:0 15px 30px #00000040}.hero-button.secondary{background:transparent;color:var(--white);border:2px solid var(--white)}.stats{padding:60px 0;background:var(--white)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;text-align:center}.stat-item{animation:fadeIn .6s ease-out}.stat-number{font-size:48px;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label{color:var(--gray-600);font-size:16px}.features{padding:80px 0;background:var(--gray-50)}.section-header{text-align:center;max-width:700px;margin:0 auto 60px}.section-title{font-size:40px;margin-bottom:16px}.section-description{font-size:18px;color:var(--gray-600)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.feature-card{background:var(--white);padding:32px;border-radius:16px;box-shadow:var(--shadow-md);transition:all .3s;cursor:pointer}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.feature-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:16px;font-size:32px;margin-bottom:20px}.feature-icon.patient{background:linear-gradient(135deg,#14b8a61a,#06b6d41a)}.feature-icon.student{background:linear-gradient(135deg,#f973161a,#f59e0b1a)}.feature-icon.faculty{background:linear-gradient(135deg,#4338ca1a,#3b82f61a)}.feature-icon.clinic{background:linear-gradient(135deg,#10b9811a,#0596691a)}.feature-icon.marketplace{background:linear-gradient(135deg,#ec48991a,#f43f5e1a)}.feature-title{font-size:22px;font-weight:600;margin-bottom:12px}.feature-description{color:var(--gray-600);line-height:1.6}.how-it-works{padding:80px 0;background:var(--white)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-top:60px}.step{text-align:center;position:relative}.step-number{width:60px;height:60px;background:var(--primary-gradient);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin:0 auto 20px}.step-title{font-size:20px;font-weight:600;margin-bottom:12px}.step-description{color:var(--gray-600)}.cta{background:var(--primary-gradient);color:var(--white);padding:80px 0;text-align:center}.cta-title{font-size:40px;margin-bottom:20px}.cta-description{font-size:20px;margin-bottom:40px;opacity:.9}.footer{background:var(--gray-900);color:var(--gray-300);padding:40px 0 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.footer-section h4{color:var(--white);margin-bottom:16px}.footer-links{list-style:none}.footer-links li{margin-bottom:8px}.footer-links a{color:var(--gray-400);transition:color .3s}.footer-links a:hover{color:var(--white)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid var(--gray-800);color:var(--gray-500)}@media (max-width: 768px){.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.section-title{font-size:32px}}body{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-container{background:var(--white);border-radius:24px;padding:48px;box-shadow:0 20px 60px #0000004d;max-width:450px;width:90%;animation:fadeIn .5s ease-out}.login-header{text-align:center;margin-bottom:32px}.logo{font-size:48px;margin-bottom:16px}.login-title{font-size:28px;font-weight:700;color:var(--gray-900);margin-bottom:8px}.login-subtitle{color:var(--gray-600)}.user-type-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.user-type-btn{padding:16px;border:2px solid var(--gray-300);border-radius:12px;background:var(--white);cursor:pointer;transition:all .3s;text-align:center}.user-type-btn:hover{border-color:var(--primary-start)}.user-type-btn.active{border-color:var(--primary-start);background:linear-gradient(135deg,#4f46e51a,#7c3aed1a)}.user-type-icon{font-size:32px;margin-bottom:8px}.user-type-label{font-size:14px;font-weight:600;color:var(--gray-700)}.form-footer{text-align:center;margin-top:16px;color:var(--gray-600)}.form-footer a{color:var(--primary-start);font-weight:600;text-decoration:none}.title{font-size:36px;font-weight:700;margin-bottom:12px}.subtitle{font-size:18px;opacity:.9}.user-types-grid{border-radius:20px;font-size:40px}.card-icon.patient{background:linear-gradient(135deg,#14b8a633,#06b6d433)}.card-icon.student{background:linear-gradient(135deg,#f9731633,#f59e0b33)}.card-icon.faculty{background:linear-gradient(135deg,#4338ca33,#3b82f633)}.card-icon.clinic{background:linear-gradient(135deg,#10b98133,#05966933)}.card-icon.marketplace{background:linear-gradient(135deg,#ec489933,#f43f5e33)}.card-title{font-size:24px;font-weight:700;margin-bottom:12px;color:var(--gray-900)}.card-description{color:var(--gray-600);line-height:1.6;margin-bottom:20px;min-height:60px}.card-features{list-style:none;text-align:right;margin-bottom:24px}.card-features li{padding:8px 0;color:var(--gray-700);font-size:14px;border-bottom:1px solid var(--gray-200)}.card-features li:last-child{border-bottom:none}.card-features li:before{content:"✓";color:var(--success);font-weight:700;margin-left:8px}.login-link{text-align:center;color:var(--white);margin-top:32px}.login-link a{color:var(--white);font-weight:600;text-decoration:underline}.register-container{max-width:600px;margin:40px auto;padding:0 20px}.register-card{background:var(--white);border-radius:24px;padding:40px;box-shadow:var(--shadow-xl);animation:fadeIn .5s ease-out}.header{text-align:center;margin-bottom:32px}.icon{width:80px;height:80px;background:var(--patient-gradient);color:var(--white);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:40px;margin:0 auto 16px}.title{font-size:28px;font-weight:700;margin-bottom:8px}.subtitle{color:var(--gray-600)}.progress-bar-container{margin-bottom:32px}.progress-steps{display:flex;justify-content:space-between;margin-bottom:8px}.step{font-size:12px;color:var(--gray-500)}.step.active{color:var(--patient-start);font-weight:600}.form-section{margin-bottom:24px}.section-title{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--gray-900)}.terms{display:flex;align-items:start;gap:12px;margin-bottom:24px}.terms input[type=checkbox]{margin-top:4px}.terms label{font-size:14px;color:var(--gray-700)}.btn-group{display:flex;gap:12px}body{background:var(--gray-50)}.diagnosis-container{max-width:900px;margin:40px auto;padding:0 20px}.diagnosis-header{background:var(--patient-gradient);color:var(--white);border-radius:24px;padding:40px;text-align:center;margin-bottom:32px;animation:fadeIn .5s ease-out}.diagnosis-title{font-size:32px;font-weight:700;margin-bottom:12px}.diagnosis-subtitle{font-size:18px;opacity:.9}.upload-section{background:var(--white);border-radius:24px;padding:40px;box-shadow:var(--shadow-md);margin-bottom:32px}.upload-area{border:3px dashed var(--gray-300);border-radius:16px;padding:60px 20px;text-align:center;cursor:pointer;transition:all .3s;position:relative}.upload-area:hover{border-color:var(--patient-start);background:var(--gray-50)}.upload-area.drag-over{border-color:var(--patient-start);background:linear-gradient(135deg,#14b8a60d,#06b6d40d)}.upload-icon{font-size:64px;margin-bottom:16px}.upload-text{font-size:18px;font-weight:600;color:var(--gray-900);margin-bottom:8px}.upload-hint{color:var(--gray-600);font-size:14px}#fileInput{display:none}.preview-container{display:none;text-align:center}.preview-image{max-width:100%;max-height:400px;border-radius:12px;margin-bottom:20px;box-shadow:var(--shadow-lg)}.analyzing-section{display:none;text-align:center;padding:60px 20px}.spinner-large{width:80px;height:80px;border:6px solid var(--gray-200);border-top-color:var(--patient-start);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 24px}.analyzing-text{font-size:20px;font-weight:600;color:var(--gray-900);margin-bottom:12px}.analyzing-subtext{color:var(--gray-600)}.results-section{display:none}.results-header{background:var(--white);border-radius:20px;padding:32px;margin-bottom:24px;box-shadow:var(--shadow-md)}.ai-badge{background:var(--patient-gradient);color:var(--white);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;margin-bottom:16px}.diagnosis-result{font-size:28px;font-weight:700;color:var(--gray-900);margin-bottom:12px}.confidence-bar{display:flex;align-items:center;gap:16px;margin-top:16px}.confidence-label{font-size:14px;color:var(--gray-600);white-space:nowrap}.confidence-value{font-size:18px;font-weight:700;color:var(--patient-start)}.issues-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.issue-card{background:var(--white);border-radius:16px;padding:24px;box-shadow:var(--shadow-md);border:2px solid transparent;transition:all .3s}.issue-card.detected{border-color:var(--warning);background:linear-gradient(135deg,#f59e0b0d,#f973160d)}.issue-icon{font-size:32px;margin-bottom:12px}.issue-name{font-size:16px;font-weight:600;margin-bottom:8px}.issue-status{font-size:12px;padding:4px 12px;border-radius:12px;display:inline-block}.issue-status.detected{background:var(--warning-light);color:var(--warning)}.issue-status.clear{background:var(--success-light);color:var(--success)}.recommendations{background:var(--white);border-radius:20px;padding:32px;box-shadow:var(--shadow-md)}.recommendations h3{font-size:22px;margin-bottom:20px}.recommendation-item{display:flex;gap:16px;padding:16px;border-radius:12px;background:var(--gray-50);margin-bottom:12px}.recommendation-icon{font-size:24px}.recommendation-text{flex:1}.recommendation-title{font-weight:600;margin-bottom:4px}.recommendation-desc{font-size:14px;color:var(--gray-600)}:root{--student-primary: #f97316;--student-secondary: #f59e0b;--student-gradient: linear-gradient(135deg, #f97316 0%, #f59e0b 100%)}body{background-color:#f8fafc}.sidebar{position:fixed;top:0;right:0;width:280px;height:100vh;background:#fff;border-left:1px solid #e2e8f0;z-index:100;transition:transform .3s ease}.sidebar-header{padding:24px;border-bottom:1px solid #f1f5f9}.logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--gray-900);text-decoration:none}.logo-icon{width:40px;height:40px;background:var(--student-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.nav-links{padding:24px 16px;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--gray-600);text-decoration:none;border-radius:12px;transition:all .2s;font-weight:500}.nav-item:hover,.nav-item.active{background:#fff7ed;color:var(--student-primary)}.nav-item i{font-size:20px;width:24px;text-align:center}.user-profile{position:absolute;bottom:0;left:0;right:0;padding:24px;border-top:1px solid #f1f5f9;display:flex;align-items:center;gap:12px}.user-avatar{width:48px;height:48px;border-radius:50%;background:var(--gray-200);overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-info h4{font-size:14px;font-weight:600;color:var(--gray-900);margin:0}.user-info p{font-size:12px;color:var(--gray-500);margin:0}.main-content{margin-right:280px;padding:32px}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.welcome-text h1{font-size:28px;font-weight:700;color:var(--gray-900);margin-bottom:8px}.welcome-text p{color:var(--gray-600)}.header-actions{display:flex;gap:16px}.notification-btn{width:48px;height:48px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:var(--gray-600);font-size:20px;cursor:pointer;position:relative;transition:all .2s}.notification-btn:hover{background:var(--gray-50);color:var(--student-primary)}.notification-badge{position:absolute;top:12px;right:12px;width:8px;height:8px;background:var(--error);border-radius:50%}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:#fff;padding:24px;border-radius:20px;box-shadow:var(--shadow-sm);display:flex;align-items:flex-start;justify-content:space-between}.stat-info h3{font-size:32px;font-weight:700;color:var(--gray-900);margin-bottom:4px}.stat-info p{color:var(--gray-600);font-size:14px}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-icon.orange{background:#fff7ed;color:var(--student-primary)}.stat-icon.blue{background:#eff6ff;color:#3b82f6}.stat-icon.green{background:#f0fdf4;color:#22c55e}.stat-icon.purple{background:#faf5ff;color:#a855f7}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.action-card{background:#fff;padding:24px;border-radius:20px;text-align:center;cursor:pointer;transition:all .3s;border:1px solid transparent}.action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--student-primary)}.action-icon{width:64px;height:64px;background:var(--gray-50);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 16px;transition:all .3s}.action-card:hover .action-icon{background:var(--student-gradient);color:#fff}.action-title{font-weight:600;color:var(--gray-900);margin-bottom:4px}.action-desc{font-size:12px;color:var(--gray-500)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.section-card{background:#fff;border-radius:24px;padding:24px;box-shadow:var(--shadow-sm)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-title{font-size:18px;font-weight:700;color:var(--gray-900)}.view-all{color:var(--student-primary);font-size:14px;font-weight:500;text-decoration:none}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:center;gap:16px;padding:16px;border-radius:16px;background:var(--gray-50);transition:all .2s}.activity-item:hover{background:#fff;box-shadow:var(--shadow-sm)}.activity-icon{width:40px;height:40px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}.activity-details{flex:1}.activity-title{font-weight:600;color:var(--gray-900);margin-bottom:4px}.activity-time{font-size:12px;color:var(--gray-500)}.activity-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-pending{background:#fff7ed;color:#f97316}.status-approved{background:#f0fdf4;color:#22c55e}.schedule-list{display:flex;flex-direction:column;gap:16px}.schedule-item{display:flex;gap:16px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.schedule-date{text-align:center;min-width:50px;background:var(--gray-50);padding:8px;border-radius:12px}.date-day{font-size:18px;font-weight:700;color:var(--student-primary);display:block}.date-month{font-size:12px;color:var(--gray-500);text-transform:uppercase}.schedule-info h4{font-size:14px;font-weight:600;color:var(--gray-900);margin-bottom:4px}.schedule-info p{font-size:12px;color:var(--gray-500);display:flex;align-items:center;gap:4px}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 768px){.sidebar{transform:translate(100%)}.main-content{margin-right:0;padding:20px}.sidebar.active{transform:translate(0)}}.filter-bar{background:#fff;padding:16px 24px;border-radius:16px;box-shadow:var(--shadow-sm);margin-bottom:24px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.search-box{flex:1;position:relative;min-width:200px}.search-box input{width:100%;padding:12px 40px 12px 16px;border:1px solid #e2e8f0;border-radius:12px;font-family:inherit}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--gray-400)}.filter-group{display:flex;gap:12px}.filter-btn{padding:8px 16px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:var(--gray-600);cursor:pointer;transition:all .2s}.filter-btn.active{background:var(--student-primary);color:#fff;border-color:var(--student-primary)}.requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.request-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s;border:1px solid transparent}.request-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--student-primary)}.request-header{padding:20px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:flex-start}.patient-info{display:flex;gap:12px}.patient-avatar{width:48px;height:48px;background:var(--gray-100);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.patient-details h3{font-size:16px;font-weight:600;color:var(--gray-900);margin-bottom:4px}.patient-details p{font-size:12px;color:var(--gray-500)}.urgency-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.urgency-high{background:#fef2f2;color:#ef4444}.urgency-medium{background:#fff7ed;color:#f97316}.request-body{padding:20px}.case-type{display:inline-block;padding:6px 12px;background:#eff6ff;color:#3b82f6;border-radius:8px;font-size:12px;font-weight:600;margin-bottom:12px}.case-description{font-size:14px;color:var(--gray-600);line-height:1.5;margin-bottom:16px}.case-meta{display:flex;gap:16px;font-size:12px;color:var(--gray-500);margin-bottom:16px}.meta-item{display:flex;align-items:center;gap:4px}.request-footer{padding:16px 20px;background:var(--gray-50);display:flex;gap:12px}.btn-accept{flex:1;background:var(--student-gradient);color:#fff;border:none;padding:10px;border-radius:10px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-decline{flex:1;background:#fff;border:1px solid #e2e8f0;color:var(--gray-600);padding:10px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.btn-accept:hover{opacity:.9}.btn-decline:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;align-items:center;justify-content:center}.modal-content{background:#fff;width:90%;max-width:600px;border-radius:24px;padding:32px;position:relative;animation:slideUp .3s ease}.close-modal{position:absolute;top:24px;left:24px;background:none;border:none;font-size:24px;color:var(--gray-400);cursor:pointer}.content-container{max-width:1400px;margin:32px auto;padding:0 20px}.tabs{display:flex;gap:12px;margin-bottom:32px;overflow-x:auto;border-bottom:2px solid var(--gray-200);padding-bottom:16px}.tab-btn{padding:12px 24px;border:none;background:var(--white);border-radius:12px;cursor:pointer;transition:all .3s;font-weight:600;color:var(--gray-700);white-space:nowrap}.tab-btn.active{background:var(--student-gradient);color:var(--white)}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lecture-item{background:var(--white);border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.lecture-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding-bottom:16px;border-bottom:1px solid var(--gray-100)}.lecture-header:hover{color:var(--student-start)}.lecture-title{font-size:20px;font-weight:700}.lecture-body{display:none;padding-top:16px}.lecture-body.open{display:block}.note-section{background:#fff9e6;border-right:4px solid #f59e0b;padding:12px;border-radius:8px;margin-top:12px;display:none}.note-section.visible{display:block}.note-input{width:100%;padding:12px;border:1px solid var(--gray-300);border-radius:8px;margin-top:8px;font-family:inherit}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.image-card{background:var(--white);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s}.image-card:hover{transform:scale(1.05)}.image-placeholder{height:200px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff}.image-label{padding:12px;font-weight:600;text-align:center}.video-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.video-card{background:var(--white);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);cursor:pointer;transition:transform .2s}.video-card:hover{transform:translateY(-4px)}.video-thumbnail{height:180px;background:linear-gradient(45deg,#1e293b,#334155);display:flex;align-items:center;justify-content:center;font-size:64px;color:#fff}.video-info{padding:16px}.quiz-container{background:var(--white);border-radius:20px;padding:32px;box-shadow:var(--shadow-md);max-width:800px}.question{margin-bottom:32px}.question-text{font-size:18px;font-weight:600;margin-bottom:16px}.option{padding:16px;background:var(--gray-50);border-radius:12px;margin-bottom:12px;cursor:pointer;transition:all .2s;border:2px solid transparent}.option:hover{background:#e0f2fe}.option.selected{background:#dbeafe;border-color:var(--primary)}.option.correct{background:#d1fae5;border-color:#10b981}.option.incorrect{background:#fee2e2;border-color:#ef4444}.chat-container{background:var(--white);border-radius:20px;padding:24px;box-shadow:var(--shadow-md);height:600px;display:flex;flex-direction:column}.chat-messages{flex:1;overflow-y:auto;padding:16px;border:1px solid var(--gray-200);border-radius:12px;margin-bottom:16px}.message{margin-bottom:16px;display:flex;gap:12px}.message.user{flex-direction:row-reverse}.message-bubble{max-width:70%;padding:12px 16px;border-radius:16px}.message.ai .message-bubble{background:#f0f0f0}.message.user .message-bubble{background:var(--student-gradient);color:#fff}.chat-input-area{display:flex;gap:12px}.chat-input{flex:1;padding:12px;border:1px solid var(--gray-300);border-radius:12px;font-family:inherit}.container-main{max-width:1200px;margin:32px auto;padding:0 20px}.action-bar{display:flex;gap:12px;margin-bottom:24px}.cases-list{display:grid;gap:20px}.case-item{background:var(--white);border-radius:16px;padding:24px;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s;border:2px solid transparent}.case-item:hover{border-color:var(--student-start);box-shadow:var(--shadow-lg)}.case-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.case-title{font-size:20px;font-weight:700}.case-status{padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-pending{background:#fef3c7;color:#92400e}.status-approved{background:#d1fae5;color:#065f46}.status-draft{background:#e0e7ff;color:#3730a3}.case-meta{display:flex;gap:24px;color:var(--gray-600);font-size:14px}.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:1000;align-items:center;justify-content:center}.modal.active{display:flex}.modal-content{background:#fff;padding:32px;border-radius:24px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.form-section{margin-bottom:32px}.section-title{font-size:18px;font-weight:700;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--gray-200)}.container-main{max-width:1400px;margin:32px auto;padding:0 20px}.profile-header{background:var(--white);border-radius:24px;padding:40px;margin-bottom:32px;box-shadow:var(--shadow-md);animation:scaleIn .5s ease-out}.profile-top{display:flex;gap:32px;align-items:center;margin-bottom:32px}.profile-avatar{width:120px;height:120px;background:var(--student-gradient);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;box-shadow:var(--shadow-lg)}.profile-info h1{font-size:32px;margin-bottom:8px}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px}.stat-box{text-align:center;padding:20px;background:var(--gray-50);border-radius:16px;transition:transform .2s}.stat-box:hover{transform:translateY(-4px);background:var(--white);box-shadow:var(--shadow-sm)}.stat-value{font-size:32px;font-weight:700;color:var(--student-start)}.stat-label{font-size:14px;color:var(--gray-600);margin-top:4px}.badges-section{background:var(--white);border-radius:20px;padding:32px;margin-bottom:32px;box-shadow:var(--shadow-sm);animation:slideUp .6s ease-out}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:24px}.badge-card{text-align:center;padding:20px;background:var(--gray-50);border-radius:16px;transition:transform .2s}.badge-card:hover{transform:translateY(-4px);background:#fffbeb}.badge-icon{font-size:48px;margin-bottom:12px}.badge-name{font-size:14px;font-weight:600}.cases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.case-card{background:var(--white);border-radius:20px;padding:24px;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .3s;border:2px solid transparent;animation:fadeIn .8s ease-out}.case-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--student-start)}.case-number{font-size:12px;color:var(--gray-500);margin-bottom:8px}.case-title{font-size:18px;font-weight:700;margin-bottom:12px}.case-meta{display:flex;gap:16px;font-size:14px;color:var(--gray-600)}.rating{color:#f59e0b;font-weight:600}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}bottom: 0; background: linear-gradient(45deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,0) 100%); pointer-events: none; } .page-title{font-size:36px;font-weight:800;margin-bottom:16px;letter-spacing:-.5px}.page-subtitle{font-size:18px;opacity:.95;max-width:600px;line-height:1.6}.filter-bar{background:var(--white);border-radius:20px;padding:24px;margin-bottom:32px;box-shadow:var(--shadow-md);display:flex;gap:24px;flex-wrap:wrap;align-items:flex-end;border:1px solid var(--gray-100)}.filter-group{flex:1;min-width:200px}.filter-group label{display:block;font-size:14px;font-weight:600;color:var(--gray-700);margin-bottom:8px}.form-select{width:100%;padding:12px 16px;border:2px solid var(--gray-200);border-radius:12px;font-size:15px;transition:all .3s;background-color:var(--gray-50)}.form-select:focus{border-color:var(--patient-start);background-color:var(--white);box-shadow:0 0 0 4px #06b6d41a;outline:none}.tab-buttons{display:flex;gap:16px;margin-bottom:32px;overflow-x:auto;padding-bottom:8px}.tab-btn{padding:14px 28px;border:1px solid var(--gray-200);border-radius:16px;background:var(--white);font-weight:600;font-size:15px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--gray-600);display:flex;align-items:center;gap:8px;white-space:nowrap}.tab-btn:hover{transform:translateY(-2px);border-color:var(--patient-start);color:var(--patient-start)}.tab-btn.active{background:var(--patient-gradient);color:var(--white);border-color:transparent;box-shadow:0 4px 12px #06b6d44d}.btn-contact{flex:1;padding:14px;background:var(--white);color:var(--patient-start);border:2px solid var(--gray-200);border-radius:14px;font-weight:700;box-shadow:0 4px 12px #06b6d44d}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:32px}.suggestion-card{background:var(--white);border-radius:24px;padding:28px;box-shadow:var(--shadow-md);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid var(--gray-100);position:relative;overflow:hidden}.suggestion-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:#06b6d44d}.card-header{display:flex;gap:20px;margin-bottom:24px}.avatar-large{width:72px;height:72px;border-radius:20px;background:var(--patient-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;box-shadow:0 8px 16px #06b6d433}.card-info{flex:1}.best-match-badge{background:linear-gradient(135deg,#10b981,#059669);color:var(--white);padding:6px 12px;border-radius:100px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;box-shadow:0 4px 10px #10b98133}.card-name{font-size:22px;font-weight:800;margin-bottom:6px;color:var(--gray-900)}.card-specialty{color:var(--gray-600);font-size:15px;margin-bottom:10px;font-weight:500}.rating{display:flex;align-items:center;gap:6px;background:#fffbeb;padding:4px 12px;border-radius:8px;width:fit-content}.stars{color:#f59e0b;font-size:14px}.rating-value{font-weight:700;color:#b45309;font-size:14px}.rating-count{color:#b45309;font-size:12px;opacity:.8}.card-details{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.detail-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--gray-50);border-radius:16px;transition:background .3s}.suggestion-card:hover .detail-item{background:#f0fdfa}.detail-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--white);border-radius:10px;box-shadow:var(--shadow-sm)}.detail-text{display:flex;flex-direction:column;gap:2px}.detail-label{color:var(--gray-500);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-weight:700;color:var(--gray-900);font-size:15px}.card-footer{display:flex;gap:16px}.btn-view{flex:2;padding:14px;background:var(--patient-gradient);color:var(--white);border:none;border-radius:14px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #06b6d440}.btn-view:hover{transform:translateY(-2px);box-shadow:0 8px 20px #06b6d459}.btn-contact{flex:1;padding:14px;background:var(--white);color:var(--patient-start);border:2px solid var(--gray-200);border-radius:14px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s}.btn-contact:hover{border-color:var(--patient-start);background:#f0fdfa;color:var(--patient-start)}.page-footer{margin-top:60px;padding:40px 0;border-top:1px solid var(--gray-200);text-align:center;color:var(--gray-500)}.footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:16px}.footer-link{color:var(--gray-600);text-decoration:none;font-weight:500;transition:color .3s}.footer-link:hover{color:var(--patient-start)}@media (prefers-color-scheme: dark){body{background:#111827;color:#f9fafb}.page-header{background:linear-gradient(135deg,#0f766e,#0e7490)}.filter-bar{background:#1f2937;border-color:#374151}.filter-group label{color:#d1d5db}.form-select{background-color:#374151;border-color:#4b5563;color:#f9fafb}.tab-btn{background:#1f2937;border-color:#374151;color:#d1d5db}.suggestion-card{background:#1f2937;border-color:#374151}.card-name{color:#f9fafb}.card-specialty{color:#9ca3af}.detail-item{background:#111827}.detail-icon{background:#1f2937;color:#d1d5db}.detail-label{color:#9ca3af}.detail-value{color:#f3f4f6}.btn-contact{background:transparent;border-color:#2dd4bf;color:#2dd4bf}.btn-contact:hover{background:#2dd4bf;color:#111827}.page-footer{border-color:#374151;color:#9ca3af}.footer-link{color:#d1d5db}}