:root{--bg-primary:#F2F2F7;--bg-gradient:linear-gradient(135deg, #F2F2F7 0%, #E0F2FE 100%);--surface-card:rgba(255, 255, 255, 0.85);--surface-glass:rgba(255, 255, 255, 0.7);--surface-elevated:rgba(255, 255, 255, 0.95);--accent-primary:#007AFF;--accent-primary-soft:rgba(0, 122, 255, 0.1);--accent-secondary:#30B0C7;--accent-secondary-soft:rgba(48, 176, 199, 0.1);--accent-success:#34C759;--accent-warning:#FF9500;--accent-danger:#FF3B30;--text-primary:#1C1C1E;--text-secondary:#8E8E93;--text-tertiary:#AEAEB2;--border-subtle:rgba(60, 60, 67, 0.1);--border-divider:rgba(60, 60, 67, 0.06);--sidebar-width:280px;--header-height:80px;--radius-lg:22px;--radius-md:16px;--radius-sm:10px;--radius-pill:40px;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.03), 0 4px 8px rgba(0, 0, 0, 0.04);--shadow-md:0 2px 4px rgba(0, 0, 0, 0.02), 0 8px 16px rgba(0, 0, 0, 0.04), 0 16px 32px rgba(0, 0, 0, 0.03);--shadow-lg:0 4px 8px rgba(0, 0, 0, 0.02), 0 16px 32px rgba(0, 0, 0, 0.05), 0 32px 64px rgba(0, 0, 0, 0.04);--shadow-elevated:0 8px 16px rgba(0, 0, 0, 0.04), 0 24px 48px rgba(0, 0, 0, 0.06);--depth-hover:translateZ(4px);--depth-active:translateZ(2px);--tilt-max:4deg;--parallax-sensitivity:0.02;--duration-instant:180ms;--duration-short:300ms;--duration-medium:500ms;--duration-long:800ms;--duration-extended:1200ms;--ease-ios:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-soft:cubic-bezier(0.16, 1, 0.3, 1);--ease-in-soft:cubic-bezier(0.7, 0, 0.84, 0);--stagger-card:80ms;--stagger-timeline:50ms;--stagger-nav:30ms;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;}[data-mode="doctor"]{--bg-primary:#F5F5F7;--bg-gradient:linear-gradient(135deg, #F5F5F7 0%, #E8F4FD 100%);--surface-card:rgba(255, 255, 255, 0.92);--surface-elevated:rgba(255, 255, 255, 0.98);--accent-primary:#1D4ED8;--accent-primary-soft:rgba(29, 78, 216, 0.1);--accent-secondary:#0D9488;--accent-warning:#F59E0B;--text-primary:#111827;--text-secondary:#6B7280;--border-subtle:rgba(0, 0, 0, 0.06);}@media (prefers-color-scheme:dark){:root{--bg-primary:#000000;--bg-gradient:linear-gradient(135deg, #000000 0%, #0A1628 100%);--surface-card:rgba(28, 28, 30, 0.9);--surface-glass:rgba(44, 44, 46, 0.7);--surface-elevated:rgba(38, 38, 40, 0.95);--text-primary:#FFFFFF;--text-secondary:#8E8E93;--text-tertiary:#636366;--border-subtle:rgba(255, 255, 255, 0.1);--border-divider:rgba(255, 255, 255, 0.05);--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.5), 0 0 8px rgba(0, 122, 255, 0.03);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.6), 0 0 24px rgba(0, 122, 255, 0.04);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.7), 0 0 48px rgba(0, 122, 255, 0.05);}[data-mode="doctor"]{--bg-primary:#0A0A0A;--surface-card:rgba(30, 30, 34, 0.95);--accent-primary:#3B82F6;}}body{background:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-sans);margin:0;padding:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;}@keyframes fadeInSlide{from{opacity:0;transform:translateY(20px) translateZ(0);}to{opacity:1;transform:translateY(0) translateZ(0);}}@keyframes scaleIn{from{opacity:0;transform:scale(0.95) translateZ(0);}to{opacity:1;transform:scale(1) translateZ(0);}}@keyframes pulseComplete{0%, 100%{transform:scale(1);}50%{transform:scale(1.05);}}@keyframes drawLine{from{stroke-dashoffset:100%;}to{stroke-dashoffset:0;}}.fade-in{animation:fadeInSlide var(--duration-medium) var(--ease-ios) forwards;}.scale-in{animation:scaleIn var(--duration-medium) var(--ease-ios) forwards;}