:root{--primary-50:#f0f9f7;--primary-100:#dcf2ed;--primary-200:#b8e5db;--primary-300:#8dd4c7;--primary-400:#5bc0b0;--primary-500:#38685f;--primary-600:#2d534b;--primary-700:#24423c;--primary-800:#1e3631;--primary-900:#182b27;--secondary-25:#fdf2f8;--secondary-50:#fce7f3;--secondary-100:#fbcfe8;--secondary-200:#f9a8d4;--secondary-300:#f472b6;--secondary-400:#f06292;--secondary-500:#e62fa5;--secondary-600:#db2777;--secondary-700:#be185d;--secondary-800:#9d174d;--secondary-900:#831843;--accent-50:#f7fee7;--accent-100:#ecfccb;--accent-200:#d9f99d;--accent-300:#bef264;--accent-400:#a3e635;--accent-500:#84cc16;--accent-600:#65a30d;--accent-700:#4d7c0f;--accent-800:#3f6212;--accent-900:#365314;--success-50:#f0fdf4;--success-100:#dcfce7;--success-200:#bbf7d0;--success-300:#86efac;--success-400:#4ade80;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--success-800:#166534;--success-900:#14532d;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-300:#fcd34d;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--warning-800:#92400e;--warning-900:#78350f;--danger-50:#fef2f2;--danger-100:#fee2e2;--danger-200:#fecaca;--danger-300:#fca5a5;--danger-400:#f87171;--danger-500:#ef4444;--danger-600:#dc2626;--danger-700:#b91c1c;--danger-800:#991b1b;--danger-900:#7f1d1d;--error-50:var(--danger-50);--error-100:var(--danger-100);--error-200:var(--danger-200);--error-300:var(--danger-300);--error-400:var(--danger-400);--error-500:var(--danger-500);--error-600:var(--danger-600);--error-700:var(--danger-700);--error-800:var(--danger-800);--error-900:var(--danger-900);--neutral-50:#fafaf9;--neutral-100:#f5f5f4;--neutral-200:#e7e5e4;--neutral-300:#d6d3d1;--neutral-400:#a8a29e;--neutral-500:#78716c;--neutral-600:#57534e;--neutral-700:#44403c;--neutral-800:#292524;--neutral-900:#1c1917;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-secondary:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.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-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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:0.125rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000f;--transition-fast:150ms ease-in-out;--transition-normal:300ms ease-in-out;--transition-slow:500ms ease-in-out;--transition-bounce:300ms cubic-bezier(0.68,-0.55,0.265,1.55);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*{margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafaf9;background-color:var(--neutral-50);color:#292524;color:var(--neutral-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in-down{animation:fadeInDown .6s ease-out}.animate-scale-in{animation:scaleIn .4s ease-out}.animate-slide-in-left{animation:slideInLeft .5s ease-out}.animate-slide-in-right{animation:slideInRight .5s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-bounce{animation:bounce 1s infinite}.animate-heart-beat{animation:heartBeat 1.3s ease-in-out infinite}.heading-1{color:#1e3631;color:var(--primary-800);font-size:3rem;font-size:var(--font-size-5xl)}.heading-1,.heading-2{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-secondary);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight)}.heading-2{color:#24423c;color:var(--primary-700);font-size:2.25rem;font-size:var(--font-size-4xl)}.heading-3{font-size:1.875rem;font-size:var(--font-size-3xl)}.heading-3,.heading-4{color:#2d534b;color:var(--primary-600);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-secondary);font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.25;line-height:var(--line-height-tight)}.heading-4{font-size:1.5rem;font-size:var(--font-size-2xl)}.heading-5{font-size:1.25rem;font-size:var(--font-size-xl)}.heading-5,.heading-6{color:#2d534b;color:var(--primary-600);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-secondary);font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.25;line-height:var(--line-height-tight)}.body-large,.heading-6{font-size:1.125rem;font-size:var(--font-size-lg)}.body-large{line-height:1.75;line-height:var(--line-height-relaxed)}.body-large,.body-medium{color:#44403c;color:var(--neutral-700)}.body-medium{font-size:1rem;font-size:var(--font-size-base)}.body-medium,.body-small{line-height:1.5;line-height:var(--line-height-normal)}.body-small{color:#57534e;color:var(--neutral-600);font-size:.875rem;font-size:var(--font-size-sm)}.caption{color:#78716c;color:var(--neutral-500);font-size:.75rem;font-size:var(--font-size-xs)}.btn,.caption{line-height:1.5;line-height:var(--line-height-normal)}.btn{align-items:center;border:2px solid #0000;border-radius:.75rem;border-radius:var(--radius-xl);display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--space-2);justify-content:center;overflow:hidden;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--transition-bounce);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn:active{transform:translateY(1px)}.btn:disabled{transform:none}.btn-primary{background:linear-gradient(135deg,#38685f,#2d534b);background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.btn-primary:hover{background:linear-gradient(135deg,#2d534b,#24423c);background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:linear-gradient(135deg,#e62fa5,#db2777);background:linear-gradient(135deg,var(--secondary-500) 0,var(--secondary-600) 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,#db2777,#be185d);background:linear-gradient(135deg,var(--secondary-600) 0,var(--secondary-700) 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{background:#0000;border-color:#8dd4c7;border-color:var(--primary-300);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#2d534b;color:var(--primary-600)}.btn-outline:hover{background:#f0f9f7;background:var(--primary-50);border-color:#38685f;border-color:var(--primary-500);color:#24423c;color:var(--primary-700);transform:translateY(-2px)}.btn-danger,.btn-outline:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--danger-500) 0,var(--danger-600) 100%);color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);background:linear-gradient(135deg,var(--danger-600) 0,var(--danger-700) 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--success-500) 0,var(--success-600) 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff}.btn-success:hover{background:linear-gradient(135deg,#16a34a,#15803d);background:linear-gradient(135deg,var(--success-600) 0,var(--success-700) 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-sm{border-radius:.5rem;border-radius:var(--radius-lg);font-size:.75rem;font-size:var(--font-size-xs);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.btn-lg{border-radius:1rem;border-radius:var(--radius-2xl);font-size:1.125rem;font-size:var(--font-size-lg);padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.btn-full{width:100%}.form-group{margin-bottom:1rem;margin-bottom:var(--space-4)}.auth-body label{color:#44403c;color:var(--neutral-700);display:block;font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.5rem;margin-bottom:var(--space-2);transition:color .3s ease-in-out;transition:color var(--transition-normal)}.auth-body input,.auth-body label{font-size:.875rem;font-size:var(--font-size-sm)}.auth-body input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #0000;border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f,inset 0 1px 0 #ffffffb3;color:#292524;color:var(--neutral-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5;line-height:var(--line-height-normal);outline:none;padding:1rem 1.25rem;padding:var(--space-4) var(--space-5);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.auth-body input:hover{background:linear-gradient(135deg,#fff,#f1f5f9);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f,inset 0 1px 0 #fffc;transform:translateY(-1px)}.auth-body input:focus{background:linear-gradient(135deg,#fff,#f0f9ff);border-color:#5bc0b0;border-color:var(--primary-400);box-shadow:0 0 0 4px #dcf2ed,0 8px 25px #3b82f626,0 4px 10px #0000001a,inset 0 1px 0 #ffffffe6;box-shadow:0 0 0 4px var(--primary-100),0 8px 25px #3b82f626,0 4px 10px #0000001a,inset 0 1px 0 #ffffffe6;transform:translateY(-2px) scale(1.02)}.auth-body input::placeholder{color:#a8a29e;color:var(--neutral-400);font-weight:400;font-weight:var(--font-weight-normal);opacity:.7;transition:opacity .3s ease}.auth-body input:focus::placeholder{opacity:.5}.auth-body input.error{animation:shake .5s ease-in-out;background:linear-gradient(135deg,#fef2f2,#fdf2f8);border-color:#f87171;border-color:var(--danger-400);box-shadow:0 0 0 4px #fee2e2,0 8px 25px #ef444426,0 4px 10px #0000001a,inset 0 1px 0 #ffffffe6;box-shadow:0 0 0 4px var(--danger-100),0 8px 25px #ef444426,0 4px 10px #0000001a,inset 0 1px 0 #ffffffe6}@keyframes shake{0%,20%,40%,60%,80%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-3px)}}.auth-body input:disabled{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);box-shadow:inset 0 2px 4px #0000001a,0 1px 2px #0000000d;color:#78716c;color:var(--neutral-500);cursor:not-allowed;opacity:.7}.auth-body input:disabled::placeholder{color:#a8a29e;color:var(--neutral-400);opacity:.5}.auth-body input.success{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#4ade80;border-color:var(--success-400);box-shadow:0 0 0 4px #dcfce7,0 8px 25px #22c55e26,0 4px 10px #0000001a,inset 0 1px 0 #ffffffe6;box-shadow:0 0 0 4px var(--success-100),0 8px 25px #22c55e26,0 4px 10px #0000001a,inset 0 1px 0 #ffffffe6}.auth-form .auth-body input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:2px solid #e2e8f0cc;font-size:1rem;font-size:var(--font-size-base);font-weight:500;letter-spacing:.025em}.auth-form .auth-body input:focus{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(135deg,#fffffffa,#f0f9fffa);box-shadow:0 0 0 4px #dcf2ed,0 20px 40px #3b82f61a,0 8px 25px #3b82f626,0 4px 10px #0000001a,inset 0 1px 0 #ffffffe6;box-shadow:0 0 0 4px var(--primary-100),0 20px 40px #3b82f61a,0 8px 25px #3b82f626,0 4px 10px #0000001a,inset 0 1px 0 #ffffffe6;transform:translateY(-2px) scale(1.01)}.auth-body label{color:#57534e;color:var(--neutral-600);font-weight:600;position:relative;transition:all .3s ease}.form-group:focus-within .auth-body label{color:#2d534b;color:var(--primary-600);transform:translateY(-2px)}.auth-body input{animation:slideIn .4s ease-out}.auth-body select{animation:slideIn .4s ease-out;-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:16px 12px;border:2px solid #0000;border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f,inset 0 1px 0 #ffffffb3;color:#292524;color:var(--neutral-800);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5;line-height:var(--line-height-normal);outline:none;padding:1rem 1.25rem;padding:var(--space-4) var(--space-5);padding-right:calc(1.25rem + 24px);padding-right:calc(var(--space-5) + 24px);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.auth-body select:hover{background:linear-gradient(135deg,#fff,#f1f5f9);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23374151' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:16px 12px;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f,inset 0 1px 0 #fffc;transform:translateY(-1px)}.auth-body select:focus{background:linear-gradient(135deg,#fff,#f0f9ff);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%233b82f6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:16px 12px;border-color:#5bc0b0;border-color:var(--primary-400);box-shadow:0 0 0 4px #dcf2ed,0 8px 25px #3b82f626,0 4px 10px #0000001a,inset 0 1px 0 #ffffffe6;box-shadow:0 0 0 4px var(--primary-100),0 8px 25px #3b82f626,0 4px 10px #0000001a,inset 0 1px 0 #ffffffe6;transform:translateY(-2px) scale(1.02)}.auth-body select.error{animation:shake .5s ease-in-out;background:linear-gradient(135deg,#fef2f2,#fdf2f8);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23ef4444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:16px 12px;border-color:#f87171;border-color:var(--danger-400);box-shadow:0 0 0 4px #fee2e2,0 8px 25px #ef444426,0 4px 10px #0000001a,inset 0 1px 0 #ffffffe6;box-shadow:0 0 0 4px var(--danger-100),0 8px 25px #ef444426,0 4px 10px #0000001a,inset 0 1px 0 #ffffffe6}.auth-body select:disabled{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:16px 12px;box-shadow:inset 0 2px 4px #0000001a,0 1px 2px #0000000d;color:#78716c;color:var(--neutral-500);cursor:not-allowed;opacity:.7}.auth-body select.success{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2322c55e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:16px 12px;border-color:#4ade80;border-color:var(--success-400);box-shadow:0 0 0 4px #dcfce7,0 8px 25px #22c55e26,0 4px 10px #0000001a,inset 0 1px 0 #ffffffe6;box-shadow:0 0 0 4px var(--success-100),0 8px 25px #22c55e26,0 4px 10px #0000001a,inset 0 1px 0 #ffffffe6}.auth-form .auth-body select{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:16px 12px;border:2px solid #e2e8f0cc;font-size:1rem;font-size:var(--font-size-base);font-weight:500;letter-spacing:.025em}.auth-form .auth-body select:focus{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(135deg,#fffffffa,#f0f9fffa);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%233b82f6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:16px 12px;box-shadow:0 0 0 4px #dcf2ed,0 20px 40px #3b82f61a,0 8px 25px #3b82f626,0 4px 10px #0000001a,inset 0 1px 0 #ffffffe6;box-shadow:0 0 0 4px var(--primary-100),0 20px 40px #3b82f61a,0 8px 25px #3b82f626,0 4px 10px #0000001a,inset 0 1px 0 #ffffffe6;transform:translateY(-2px) scale(1.01)}.auth-body input[type=checkbox]{animation:slideIn .4s ease-out;-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #0000;border-radius:.125rem;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f,inset 0 1px 0 #ffffffb3;cursor:pointer;flex-shrink:0;height:10px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:10px}.auth-body input[type=checkbox]:hover{background:linear-gradient(135deg,#fff,#f1f5f9);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f,inset 0 1px 0 #fffc;transform:translateY(-1px) scale(1.05)}.auth-body input[type=checkbox]:focus{background:linear-gradient(135deg,#fff,#f0f9ff);border-color:#5bc0b0;border-color:var(--primary-400);box-shadow:0 0 0 4px #dcf2ed,0 8px 25px #3b82f626,0 4px 10px #0000001a,inset 0 1px 0 #ffffffe6;box-shadow:0 0 0 4px var(--primary-100),0 8px 25px #3b82f626,0 4px 10px #0000001a,inset 0 1px 0 #ffffffe6;outline:none;transform:translateY(-2px) scale(1.1)}.auth-body input[type=checkbox]:checked{background:linear-gradient(135deg,#38685f,#2d534b);background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border-color:#38685f;border-color:var(--primary-500);box-shadow:0 4px 12px #3b82f64d,0 2px 4px #0000001a,inset 0 1px 0 #fff3}.auth-body input[type=checkbox]:checked:before{border:solid #fff;border-width:0 1px 1px 0;content:"";height:5px;left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-60%) rotate(45deg);transition:opacity .2s ease;width:3px}.auth-body input[type=checkbox]:checked:hover{box-shadow:0 6px 16px #3b82f666,0 4px 6px #0000001a,inset 0 1px 0 #ffffff4d;transform:translateY(-1px) scale(1.05)}.auth-body input[type=checkbox]:checked:focus,.auth-body input[type=checkbox]:checked:hover{background:linear-gradient(135deg,#5bc0b0,#38685f);background:linear-gradient(135deg,var(--primary-400) 0,var(--primary-500) 100%)}.auth-body input[type=checkbox]:checked:focus{box-shadow:0 0 0 4px #dcf2ed,0 8px 25px #3b82f640,0 6px 16px #3b82f666,0 4px 10px #0000001a,inset 0 1px 0 #ffffff4d;box-shadow:0 0 0 4px var(--primary-100),0 8px 25px #3b82f640,0 6px 16px #3b82f666,0 4px 10px #0000001a,inset 0 1px 0 #ffffff4d;transform:translateY(-2px) scale(1.1)}.auth-body input[type=checkbox].error{animation:shake .5s ease-in-out;background:linear-gradient(135deg,#fef2f2,#fdf2f8);border-color:#f87171;border-color:var(--danger-400);box-shadow:0 0 0 4px #fee2e2,0 8px 25px #ef444426,0 4px 10px #0000001a,inset 0 1px 0 #ffffffe6;box-shadow:0 0 0 4px var(--danger-100),0 8px 25px #ef444426,0 4px 10px #0000001a,inset 0 1px 0 #ffffffe6}.auth-body input[type=checkbox].error:checked{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--danger-500) 0,var(--danger-600) 100%);border-color:#ef4444;border-color:var(--danger-500);box-shadow:0 0 0 4px #fee2e2,0 8px 25px #ef444440,0 4px 12px #ef44444d,0 2px 4px #0000001a,inset 0 1px 0 #fff3;box-shadow:0 0 0 4px var(--danger-100),0 8px 25px #ef444440,0 4px 12px #ef44444d,0 2px 4px #0000001a,inset 0 1px 0 #fff3}.auth-body input[type=checkbox].success{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#4ade80;border-color:var(--success-400);box-shadow:0 0 0 4px #dcfce7,0 8px 25px #22c55e26,0 4px 10px #0000001a,inset 0 1px 0 #ffffffe6;box-shadow:0 0 0 4px var(--success-100),0 8px 25px #22c55e26,0 4px 10px #0000001a,inset 0 1px 0 #ffffffe6}.auth-body input[type=checkbox].success:checked{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--success-500) 0,var(--success-600) 100%);border-color:#22c55e;border-color:var(--success-500);box-shadow:0 0 0 4px #dcfce7,0 8px 25px #22c55e40,0 4px 12px #22c55e4d,0 2px 4px #0000001a,inset 0 1px 0 #fff3;box-shadow:0 0 0 4px var(--success-100),0 8px 25px #22c55e40,0 4px 12px #22c55e4d,0 2px 4px #0000001a,inset 0 1px 0 #fff3}.auth-body input[type=checkbox]:disabled{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#d6d3d1;border-color:var(--neutral-300);box-shadow:inset 0 2px 4px #0000001a,0 1px 2px #0000000d;color:#78716c;color:var(--neutral-500);cursor:not-allowed;opacity:.6;transform:none}.auth-body input[type=checkbox]:disabled:checked{background:linear-gradient(135deg,#a8a29e,#78716c);background:linear-gradient(135deg,var(--neutral-400) 0,var(--neutral-500) 100%);border-color:#a8a29e;border-color:var(--neutral-400)}.auth-body input[type=checkbox]:disabled:checked:before{border-color:#ffffffb3}.auth-form .auth-body input[type=checkbox]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #e2e8f0cc;height:11px;width:11px}.auth-form .auth-body input[type=checkbox]:focus{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 0 0 4px #dcf2ed,0 20px 40px #3b82f61a,0 8px 25px #3b82f626,0 4px 10px #0000001a,inset 0 1px 0 #ffffffe6;box-shadow:0 0 0 4px var(--primary-100),0 20px 40px #3b82f61a,0 8px 25px #3b82f626,0 4px 10px #0000001a,inset 0 1px 0 #ffffffe6;transform:translateY(-2px) scale(1.1)}.auth-form .auth-body input[type=checkbox]:checked{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(135deg,#38685f,#2d534b);background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);box-shadow:0 8px 32px #3b82f633,0 4px 12px #3b82f64d,0 2px 4px #0000001a,inset 0 1px 0 #fff3}.auth-form .auth-body input[type=checkbox]:checked:focus{box-shadow:0 0 0 4px #dcf2ed,0 20px 40px #3b82f626,0 8px 32px #3b82f640,0 4px 12px #3b82f64d,0 2px 4px #0000001a,inset 0 1px 0 #ffffff4d;box-shadow:0 0 0 4px var(--primary-100),0 20px 40px #3b82f626,0 8px 32px #3b82f640,0 4px 12px #3b82f64d,0 2px 4px #0000001a,inset 0 1px 0 #ffffff4d}.auth-body label.checkbox-label{align-items:center;color:#44403c;color:var(--neutral-700);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:.75rem;gap:var(--space-3);transition:color .3s ease;-webkit-user-select:none;user-select:none}.auth-body label.checkbox-label:hover{color:#292524;color:var(--neutral-800)}.auth-body label.checkbox-label:focus-within{color:#2d534b;color:var(--primary-600)}.error-message{animation:fadeInUp .3s ease-out;color:#dc2626;color:var(--danger-600);display:block}.error-message,.help-text{font-size:.75rem;font-size:var(--font-size-xs);margin-top:.25rem;margin-top:var(--space-1)}.help-text{color:#78716c;color:var(--neutral-500)}.card{border:1px solid #e7e5e4;border:1px solid var(--neutral-200);border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--transition-bounce)}.card:hover{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-4px)}.card:before{background:linear-gradient(90deg,#38685f,#e62fa5);background:linear-gradient(90deg,var(--primary-500),var(--secondary-500));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out;transition:opacity var(--transition-normal)}.card:hover:before{opacity:1}.card-header{background:linear-gradient(135deg,#f0f9f7,#fce7f3);background:linear-gradient(135deg,var(--primary-50) 0,var(--secondary-50) 100%);border-bottom:1px solid #e7e5e4;border-bottom:1px solid var(--neutral-200)}.card-body,.card-footer,.card-header{padding:1.5rem;padding:var(--space-6)}.card-footer{background:#fafaf9;background:var(--neutral-50);border-top:1px solid #e7e5e4;border-top:1px solid var(--neutral-200)}.container{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--space-4);width:100%}.grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4)}.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)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem;gap:var(--space-1)}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-3{gap:.75rem;gap:var(--space-3)}.gap-4{gap:1rem;gap:var(--space-4)}.gap-6{gap:1.5rem;gap:var(--space-6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.text-primary{color:#2d534b;color:var(--primary-600)}.text-secondary{color:#db2777;color:var(--secondary-600)}.text-success{color:#16a34a;color:var(--success-600)}.text-warning{color:#d97706;color:var(--warning-600)}.text-danger{color:#dc2626;color:var(--danger-600)}.bg-primary{background-color:#f0f9f7;background-color:var(--primary-50)}.bg-secondary{background-color:#fce7f3;background-color:var(--secondary-50)}.bg-success{background-color:#f0fdf4;background-color:var(--success-50)}.bg-warning{background-color:#fffbeb;background-color:var(--warning-50)}.bg-danger{background-color:#fef2f2;background-color:var(--danger-50)}.mb-1{margin-bottom:.25rem;margin-bottom:var(--space-1)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-2)}.mb-3{margin-bottom:.75rem;margin-bottom:var(--space-3)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.mt-1{margin-top:.25rem;margin-top:var(--space-1)}.mt-2{margin-top:.5rem;margin-top:var(--space-2)}.mt-3{margin-top:.75rem;margin-top:var(--space-3)}.mt-4{margin-top:1rem;margin-top:var(--space-4)}.mt-6{margin-top:1.5rem;margin-top:var(--space-6)}.p-1{padding:.25rem;padding:var(--space-1)}.p-2{padding:.5rem;padding:var(--space-2)}.p-3{padding:.75rem;padding:var(--space-3)}.p-4{padding:1rem;padding:var(--space-4)}.p-6{padding:1.5rem;padding:var(--space-6)}.rounded{border-radius:.5rem;border-radius:var(--radius-lg)}.rounded-lg{border-radius:.75rem;border-radius:var(--radius-xl)}.rounded-xl{border-radius:1rem;border-radius:var(--radius-2xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.w-full{width:100%}.h-full{height:100%}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f5f5f4;background:var(--neutral-100)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8dd4c7,#f472b6);background:linear-gradient(135deg,var(--primary-300),var(--secondary-300));-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out;-webkit-transition:background var(--transition-normal);transition:background var(--transition-normal)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5bc0b0,#f06292);background:linear-gradient(135deg,var(--primary-400),var(--secondary-400))}:focus{outline:2px solid #5bc0b0;outline:2px solid var(--primary-400);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media print{*{background:#0000!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}.btn,.card{border:1px solid #ccc!important}}body,html{height:100%;margin:0;padding:0}#root{height:100vh;height:-webkit-fill-available;overflow:hidden;position:relative}*{box-sizing:border-box}@media (max-width:768px){.btn{padding:5px}.btn-sm{font-size:.75rem;font-size:var(--font-size-xs);padding:3px}.btn-lg{padding:8px}.btn-full,.form-input{min-height:44px}.form-input{font-size:16px;padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.form-input:focus{transform:translateY(-1px) scale(1.01)}.auth-body select{font-size:16px;min-height:44px;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);padding-right:calc(1rem + 24px);padding-right:calc(var(--space-4) + 24px)}.auth-body select:focus{transform:translateY(-1px) scale(1.01)}.auth-body input[type=checkbox]{border-radius:.375rem;border-radius:var(--radius-md);height:9px;min-height:44px;min-width:44px;width:9px}.auth-body input[type=checkbox]:checked:focus,.auth-body input[type=checkbox]:checked:hover,.auth-body input[type=checkbox]:focus,.auth-body input[type=checkbox]:hover{transform:translateY(-1px) scale(1.03)}.auth-form .auth-body input[type=checkbox]{height:10px;width:10px}.auth-body label.checkbox-label{font-size:16px;gap:1rem;gap:var(--space-4);margin:-var(--space-2);padding:.5rem;padding:var(--space-2)}}.profile-page{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;position:relative}.profile-page:before{background:radial-gradient(ellipse at top left,#ec489926 0,#0000 50%),radial-gradient(ellipse at bottom right,#a755dd26 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.profile-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ec4899f2,#a755ddf2);border-bottom:1px solid #fff3;overflow:hidden;padding:1.5rem 1rem;padding:var(--space-6) var(--space-4);position:relative}.profile-header:before{background:linear-gradient(45deg,#ffffff1a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.profile-avatar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border-radius:50%;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014,inset 0 1px 0 #ffffffe6;color:#2d534b;color:var(--primary-600);display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;font-weight:var(--font-weight-bold);height:64px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:64px}.profile-avatar:hover{box-shadow:0 12px 48px #00000026,0 6px 24px #0000001a,inset 0 1px 0 #fffffff2;transform:translateY(-2px) scale(1.05)}.profile-header-content{align-items:center;display:flex;gap:1rem;gap:var(--space-4);position:relative;z-index:1}.profile-header-info h1{color:#fff;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);margin:0 0 .5rem;margin:0 0 var(--space-2) 0;text-shadow:0 2px 8px #0003}.profile-header-subtitle{color:#ffffffe6;font-size:.875rem;font-size:var(--font-size-sm);margin:0;text-shadow:0 1px 4px #0003}.profile-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border-bottom:1px solid #e2e8f0cc;padding:0 1rem;padding:0 var(--space-4);position:-webkit-sticky;position:sticky;top:0;z-index:10}.profile-nav-tabs{-ms-overflow-style:none;display:flex;gap:.5rem;gap:var(--space-2);overflow-x:auto;scrollbar-width:none}.profile-nav-tabs::-webkit-scrollbar{display:none}.profile-nav-tab{background:#0000;border:none;border-radius:.5rem .5rem 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:#57534e;color:var(--neutral-600);cursor:pointer;flex-shrink:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.profile-nav-tab:before{background:linear-gradient(90deg,#38685f,#e62fa5);background:linear-gradient(90deg,var(--primary-500) 0,var(--secondary-500) 100%);border-radius:9999px;border-radius:var(--radius-full);bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.profile-nav-tab:hover{background:linear-gradient(135deg,#ec48990d,#a755dd0d);color:#2d534b;color:var(--primary-600)}.profile-nav-tab.active{background:linear-gradient(135deg,#ec48991a,#a755dd1a);color:#24423c;color:var(--primary-700);font-weight:600;font-weight:var(--font-weight-semibold)}.profile-nav-tab.active:before{transform:scaleX(1)}.profile-content{margin:0 auto;max-width:4xl;padding:1.5rem 1rem;padding:var(--space-6) var(--space-4);position:relative;z-index:1}.profile-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #e2e8f0cc;border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 4px 20px #00000014,0 2px 12px #0000000a,inset 0 1px 0 #ffffffe6;margin-bottom:1.5rem;margin-bottom:var(--space-6);overflow:hidden;padding:1.5rem;padding:var(--space-6);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-card:before{background:linear-gradient(90deg,#0000,#ec48994d 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.profile-card:hover{box-shadow:0 8px 40px #0000001f,0 4px 24px #0000000f,inset 0 1px 0 #fffffff2;transform:translateY(-2px)}.profile-section-title{align-items:center;color:#292524;color:var(--neutral-800);display:flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);gap:.75rem;gap:var(--space-3);margin:0 0 1rem;margin:0 0 var(--space-4) 0}.profile-section-title:before{background:linear-gradient(135deg,#38685f,#e62fa5);background:linear-gradient(135deg,var(--primary-500) 0,var(--secondary-500) 100%);border-radius:9999px;border-radius:var(--radius-full);content:"";flex-shrink:0;height:1.2em;width:3px}.profile-form-group{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.profile-form-label{color:#44403c;color:var(--neutral-700);display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.025em;margin-bottom:.5rem;margin-bottom:var(--space-2)}.profile-form-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:2px solid #e2e8f0cc;border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f,inset 0 1px 0 #ffffffb3;color:#292524;color:var(--neutral-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:500;letter-spacing:.025em;line-height:1.5;line-height:var(--line-height-normal);outline:none;padding:1rem 1.25rem;padding:var(--space-4) var(--space-5);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.profile-form-input:hover{background:linear-gradient(135deg,#fffffffa,#f0f9fffa);border-color:#94a3b899;box-shadow:0 4px 12px #3b82f61a,0 2px 6px #0000000d,inset 0 1px 0 #ffffffe6;transform:translateY(-1px)}.profile-form-input:focus{background:linear-gradient(135deg,#fff,#fce7f380);border-color:#5bc0b0;border-color:var(--primary-400);box-shadow:0 0 0 4px #ec48991a,0 8px 32px #ec489926,0 4px 16px #00000014,inset 0 1px 0 #fff;transform:translateY(-2px) scale(1.02)}.profile-form-select{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 1rem center;background-position:right var(--space-4) center;background-repeat:no-repeat;background-size:16px 12px;border:2px solid #e2e8f0cc;border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f,inset 0 1px 0 #ffffffb3;color:#292524;color:var(--neutral-800);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:500;letter-spacing:.025em;line-height:1.5;line-height:var(--line-height-normal);outline:none;padding:1rem 1.25rem;padding:var(--space-4) var(--space-5);padding-right:calc(1.25rem + 24px);padding-right:calc(var(--space-5) + 24px);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.profile-form-select:hover{background-color:#fffffffa;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%233b82f6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");border-color:#94a3b899;box-shadow:0 4px 12px #3b82f61a,0 2px 6px #0000000d,inset 0 1px 0 #ffffffe6;transform:translateY(-1px)}.profile-form-select:focus{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23ec4899' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");border-color:#5bc0b0;border-color:var(--primary-400);box-shadow:0 0 0 4px #ec48991a,0 8px 32px #ec489926,0 4px 16px #00000014,inset 0 1px 0 #fff;transform:translateY(-2px) scale(1.02)}.profile-checkbox-container{align-items:flex-start;background:linear-gradient(135deg,#fff9,#f8fafc99);border:1px solid #e2e8f0cc;border-radius:.75rem;border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:.75rem;gap:var(--space-3);padding:1rem;padding:var(--space-4);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-checkbox-container:hover{background:linear-gradient(135deg,#ec48990d,#a755dd0d);border-color:#ec48994d;transform:translateY(-1px)}.profile-checkbox{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:2px solid #e2e8f0cc;border-radius:.375rem;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f,inset 0 1px 0 #ffffffb3;cursor:pointer;flex-shrink:0;height:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}.profile-checkbox:hover{border-color:#5bc0b0;border-color:var(--primary-400);transform:scale(1.05)}.profile-checkbox:focus{box-shadow:0 0 0 4px #ec48991a,0 4px 12px #ec489926,0 2px 6px #0000000d,inset 0 1px 0 #fffc;outline:none}.profile-checkbox:checked{background:linear-gradient(135deg,#38685f,#e62fa5);background:linear-gradient(135deg,var(--primary-500) 0,var(--secondary-500) 100%);border-color:#38685f;border-color:var(--primary-500)}.profile-checkbox:checked:before{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-65%) rotate(45deg);transition:opacity .2s ease;width:5px}.profile-radio-group{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.profile-radio-option{align-items:flex-start;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:2px solid #e2e8f0cc;border-radius:.75rem;border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:.75rem;gap:var(--space-3);padding:1rem;padding:var(--space-4);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-radio-option:hover{background:linear-gradient(135deg,#ec48990d,#a755dd0d);border-color:#ec48994d;transform:translateY(-1px)}.profile-radio-option.selected{background:linear-gradient(135deg,#fce7f3cc,#f3e8ffcc);border-color:#5bc0b0;border-color:var(--primary-400)}.profile-radio{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:2px solid #e2e8f0cc;border-radius:50%;cursor:pointer;flex-shrink:0;height:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}.profile-radio:hover{border-color:#5bc0b0;border-color:var(--primary-400);transform:scale(1.05)}.profile-radio:checked{background:linear-gradient(135deg,#38685f,#e62fa5);background:linear-gradient(135deg,var(--primary-500) 0,var(--secondary-500) 100%);border-color:#38685f;border-color:var(--primary-500)}.profile-radio:checked:before{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.profile-btn{background:linear-gradient(135deg,#38685f,#e62fa5);background:linear-gradient(135deg,var(--primary-500) 0,var(--secondary-500) 100%);border:none;border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 4px 12px #ec489940,0 2px 6px #0000000d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:.025em;line-height:1.5;line-height:var(--line-height-normal);overflow:hidden;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-btn:before{background:linear-gradient(90deg,#0000,#fff3 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.profile-btn:hover{box-shadow:0 8px 24px #ec48994d,0 4px 12px #00000014,inset 0 1px 0 #ffffff40;transform:translateY(-2px)}.profile-btn:hover:before{left:100%}.profile-btn:active{transform:translateY(-1px)}.profile-btn:disabled{background:linear-gradient(135deg,#a8a29e,#78716c);background:linear-gradient(135deg,var(--neutral-400) 0,var(--neutral-500) 100%);cursor:not-allowed;opacity:.7}.profile-btn:disabled:hover{box-shadow:0 4px 12px #9ca3af40,0 2px 6px #0000000d;transform:none}.profile-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:2px solid #e2e8f0cc;color:#44403c;color:var(--neutral-700)}.profile-btn-secondary:hover{background:linear-gradient(135deg,#ec48990d,#a755dd0d);border-color:#8dd4c7;border-color:var(--primary-300);color:#2d534b;color:var(--primary-600)}.health-summary-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem;margin-bottom:var(--space-6)}.health-metric-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #e2e8f0cc;border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 4px 16px #0000000f,0 2px 8px #0000000a,inset 0 1px 0 #ffffffe6;overflow:hidden;padding:1.25rem;padding:var(--space-5);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.health-metric-card:before{background:linear-gradient(90deg,#38685f,#e62fa5);background:linear-gradient(90deg,var(--primary-500) 0,var(--secondary-500) 100%);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.health-metric-card:hover{box-shadow:0 12px 32px #0000001a,0 6px 16px #0000000f,inset 0 1px 0 #fffffff2;transform:translateY(-4px)}.health-metric-card:hover:before{opacity:1}.health-metric-icon{display:block;font-size:1.5rem;font-size:var(--font-size-2xl);margin-bottom:.75rem;margin-bottom:var(--space-3)}.health-metric-title{color:#57534e;color:var(--neutral-600);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.05em;margin-bottom:.5rem;margin-bottom:var(--space-2);text-transform:uppercase}.health-metric-value{color:#292524;color:var(--neutral-800);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight);margin:0}.onboarding-progress{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #e2e8f0cc;border-radius:1rem;border-radius:var(--radius-2xl);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:1.5rem;padding:var(--space-6)}.progress-step{align-items:center;border-radius:.75rem;border-radius:var(--radius-xl);display:flex;gap:1rem;gap:var(--space-4);margin-bottom:.75rem;margin-bottom:var(--space-3);padding:1rem;padding:var(--space-4);transition:all .3s cubic-bezier(.4,0,.2,1)}.progress-step:last-child{margin-bottom:0}.progress-step.completed{background:linear-gradient(135deg,#22c55e1a,#16a34a1a);border:1px solid #22c55e4d}.progress-step.current{background:linear-gradient(135deg,#ec48991a,#a755dd1a);border:1px solid #ec48994d;transform:scale(1.02)}.progress-step.pending{background:linear-gradient(135deg,#94a3b81a,#64748b1a);border:1px solid #94a3b84d}.progress-step-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1rem;font-size:var(--font-size-base);height:32px;justify-content:center;width:32px}.progress-step.completed .progress-step-icon{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--success-500) 0,var(--success-600) 100%);color:#fff}.progress-step.current .progress-step-icon{background:linear-gradient(135deg,#38685f,#e62fa5);background:linear-gradient(135deg,var(--primary-500) 0,var(--secondary-500) 100%);color:#fff}.progress-step.pending .progress-step-icon{background:linear-gradient(135deg,#a8a29e,#78716c);background:linear-gradient(135deg,var(--neutral-400) 0,var(--neutral-500) 100%);color:#fff}.progress-step-content{flex:1 1}.progress-step-title{color:#292524;color:var(--neutral-800);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.25rem;margin-bottom:var(--space-1)}.progress-step-description{color:#57534e;color:var(--neutral-600);font-size:.875rem;font-size:var(--font-size-sm);margin:0}.privacy-toggle-group{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.privacy-toggle-item{align-items:center;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #e2e8f0cc;border-radius:.75rem;border-radius:var(--radius-xl);display:flex;justify-content:space-between;padding:1.25rem;padding:var(--space-5);transition:all .3s cubic-bezier(.4,0,.2,1)}.privacy-toggle-item:hover{background:linear-gradient(135deg,#ec489905,#a755dd05);border-color:#ec48994d}.privacy-toggle-content{flex:1 1}.privacy-toggle-title{color:#292524;color:var(--neutral-800);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.25rem;margin-bottom:var(--space-1)}.privacy-toggle-description{color:#57534e;color:var(--neutral-600);font-size:.875rem;font-size:var(--font-size-sm);margin:0}.toggle-switch{background:#d6d3d1;background:var(--neutral-300);border-radius:14px;cursor:pointer;height:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.toggle-switch.active{background:linear-gradient(135deg,#38685f,#e62fa5);background:linear-gradient(135deg,var(--primary-500) 0,var(--secondary-500) 100%)}.toggle-switch:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:24px;left:2px;position:absolute;top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.toggle-switch.active:before{transform:translateX(20px)}@media (max-width:768px){.profile-header{padding:1rem .75rem;padding:var(--space-4) var(--space-3)}.profile-header-content{flex-direction:column;gap:.75rem;gap:var(--space-3);text-align:center}.profile-avatar{font-size:1.25rem;height:56px;width:56px}.profile-header-info h1{font-size:1.25rem;font-size:var(--font-size-xl)}.profile-nav-tab{font-size:16px;padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.profile-content{padding:1rem .75rem;padding:var(--space-4) var(--space-3)}.profile-card{padding:1rem;padding:var(--space-4)}.health-summary-grid{gap:.75rem;gap:var(--space-3);grid-template-columns:1fr}.profile-form-input,.profile-form-select{font-size:16px;min-height:44px;padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.profile-btn{font-size:16px;min-height:44px;width:100%}.privacy-toggle-item{padding:1rem;padding:var(--space-4)}.toggle-switch{min-height:28px;min-width:48px}}.onboarding-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative}.onboarding-container:before{background:radial-gradient(ellipse at top left,#ec489926 0,#0000 50%),radial-gradient(ellipse at bottom right,#a755dd26 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.onboarding-header{animation:slideInDown .6s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ec4899f2,#a755ddf2);border-bottom:1px solid #fff3;overflow:hidden;padding:1.5rem 1rem;padding:var(--space-6) var(--space-4);position:relative}.onboarding-header:before{background:linear-gradient(45deg,#ffffff1a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.onboarding-progress-indicator{align-items:center;color:#fff;display:flex;gap:1rem;gap:var(--space-4);justify-content:center;position:relative;z-index:1}.progress-text{font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:.025em;text-shadow:0 1px 4px #0003}.progress-bar-container{margin-top:1rem;margin-top:var(--space-4);position:relative;z-index:1}.progress-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;box-shadow:inset 0 2px 4px #0000001a;height:8px}.progress-bar,.progress-bar-fill{border-radius:9999px;border-radius:var(--radius-full)}.progress-bar-fill{background:linear-gradient(90deg,#fff,#ffffffe6);height:100%;overflow:hidden;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-bar-fill:after{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff9 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.onboarding-main{margin:0 auto;max-width:4xl;padding:2rem 1rem;padding:var(--space-8) var(--space-4);position:relative;z-index:1}.onboarding-step-card{animation:scaleIn .6s cubic-bezier(.4,0,.2,1) .3s both;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #e2e8f0cc;border-radius:1.5rem;box-shadow:0 8px 40px #0000001f,0 4px 24px #0000000f,inset 0 1px 0 #ffffffe6;position:relative;transition:all .6s cubic-bezier(.4,0,.2,1)}.onboarding-step-card:before{background:linear-gradient(90deg,#0000,#ec489999 50%,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.onboarding-step-card:hover{box-shadow:0 16px 64px #00000029,0 8px 32px #00000014,inset 0 1px 0 #fffffff2;transform:translateY(-4px)}.onboarding-step-header{background:linear-gradient(135deg,#ec4899f2,#a755ddf2);color:#fff;overflow:hidden;padding:1.5rem;position:relative}.onboarding-step-header:before{background:linear-gradient(45deg,#ffffff1a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.onboarding-step-title{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .5s both;font-size:1.5rem;font-weight:700;margin:0 0 .5rem;margin:0 0 var(--space-2) 0;position:relative;text-shadow:0 2px 8px #0003;z-index:1}.onboarding-step-subtitle{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .7s both;color:#ffffffe6;font-size:1rem;line-height:1.75;margin:0;position:relative;text-shadow:0 1px 4px #0003;z-index:1}.onboarding-step-content{animation:fadeIn .6s cubic-bezier(.4,0,.2,1) .9s both;padding:1.5rem;position:relative}.onboarding-info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border:1px solid #e2e8f0cc;border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 4px 16px #00000014,0 2px 8px #0000000a,inset 0 1px 0 #fffc;margin-bottom:1.5rem;margin-bottom:var(--space-6);overflow:hidden;padding:1.5rem;padding:var(--space-6);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.onboarding-info-card:before{background:linear-gradient(135deg,#38685f,#e62fa5);background:linear-gradient(135deg,var(--primary-500) 0,var(--secondary-500) 100%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.onboarding-info-card:hover{box-shadow:0 8px 32px #0000001f,0 4px 16px #0000000f,inset 0 1px 0 #ffffffe6;transform:translateY(-2px)}.onboarding-info-card:hover:before{opacity:1}.disclaimer-section{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) 1.1s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border:2px solid #fbbf244d;border-radius:1rem;box-shadow:0 4px 16px #fbbf241a,0 2px 8px #0000000a;margin-bottom:1.5rem;padding:1.5rem;position:relative}.disclaimer-title{color:#92400e;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;gap:.75rem;gap:var(--space-3);margin-bottom:1rem}.disclaimer-title:before{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.25rem;font-size:var(--font-size-xl)}.disclaimer-content{color:#78350f;font-size:.875rem;line-height:1.75}.disclaimer-content p{margin-bottom:.75rem}.disclaimer-content strong{color:#92400e;font-weight:600;font-weight:var(--font-weight-semibold)}.privacy-section{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) 1.3s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#22c55e1a,#16a34a1a);border:2px solid #22c55e4d;border-radius:1rem;box-shadow:0 4px 16px #22c55e1a,0 2px 8px #0000000a;margin-bottom:1.5rem;padding:1.5rem;position:relative}.privacy-title{color:#15803d;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;gap:.75rem;gap:var(--space-3);margin-bottom:1rem}.privacy-title:before{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.25rem;font-size:var(--font-size-xl)}.privacy-content{color:#166534;font-size:.875rem;line-height:1.75}.privacy-content p{margin-bottom:.75rem}.doctor-credits{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .9s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ec489914,#a755dd14);border:1px solid #ec489933;border-radius:1rem;border-radius:var(--radius-2xl);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:1.25rem;padding:var(--space-5);text-align:center}.doctor-credits p{color:#57534e;color:var(--neutral-600);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.75;line-height:var(--line-height-relaxed);margin:0}.doctor-credits strong{color:#24423c;color:var(--primary-700);font-weight:600;font-weight:var(--font-weight-semibold)}.onboarding-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border-top:1px solid #e2e8f0cc;padding:1.5rem;padding:var(--space-6);text-align:center}.onboarding-btn-primary{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) 1.5s both;background:linear-gradient(135deg,#38685f,#e62fa5);background:linear-gradient(135deg,var(--primary-500) 0,var(--secondary-500) 100%);border:none;border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 8px 24px #ec489940,0 4px 12px #0000000d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:.025em;line-height:1.5;line-height:var(--line-height-normal);min-width:200px;overflow:hidden;padding:1rem 2rem;padding:var(--space-4) var(--space-8);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.onboarding-btn-primary:before{background:linear-gradient(90deg,#0000,#fff3 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.onboarding-btn-primary:hover{box-shadow:0 12px 36px #ec489959,0 6px 20px #00000014,inset 0 1px 0 #ffffff40;transform:translateY(-3px) scale(1.02)}.onboarding-btn-primary:hover:before{left:100%}.onboarding-btn-primary:active{transform:translateY(-1px) scale(1.01)}.onboarding-btn-primary:disabled{background:linear-gradient(135deg,#a8a29e,#78716c);background:linear-gradient(135deg,var(--neutral-400) 0,var(--neutral-500) 100%);cursor:not-allowed;opacity:.7;transform:none}.onboarding-btn-primary:disabled:hover{box-shadow:0 8px 24px #9ca3af40,0 4px 12px #0000000d;transform:none}.onboarding-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:2px solid #e2e8f0cc;border-radius:1rem;border-radius:var(--radius-2xl);color:#44403c;color:var(--neutral-700);cursor:pointer;display:inline-block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);margin-top:1rem;margin-top:var(--space-4);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.onboarding-btn-secondary:hover{background:linear-gradient(135deg,#ec48990d,#a755dd0d);border-color:#8dd4c7;border-color:var(--primary-300);color:#2d534b;color:var(--primary-600);transform:translateY(-1px)}.onboarding-help-text{animation:fadeIn .6s cubic-bezier(.4,0,.2,1) 1.7s both;margin-top:1.5rem;margin-top:var(--space-6);padding:1rem;padding:var(--space-4)}.onboarding-help-text p{color:#78716c;color:var(--neutral-500);font-size:.75rem;font-size:var(--font-size-xs);line-height:1.75;line-height:var(--line-height-relaxed);margin:0}.onboarding .form-input,.onboarding .profile-form-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:2px solid #e2e8f0cc;border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f,inset 0 1px 0 #ffffffb3;color:#292524;color:var(--neutral-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:500;letter-spacing:.025em;line-height:1.5;line-height:var(--line-height-normal);outline:none;padding:1rem 1.25rem;padding:var(--space-4) var(--space-5);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.onboarding .form-input:focus,.onboarding .profile-form-input:focus{background:linear-gradient(135deg,#fff,#fce7f380);border-color:#5bc0b0;border-color:var(--primary-400);box-shadow:0 0 0 4px #ec48991a,0 8px 32px #ec489926,0 4px 16px #00000014,inset 0 1px 0 #fff;transform:translateY(-2px) scale(1.01)}.onboarding-step-content button{align-items:center;border:none;border-radius:1rem;border-radius:var(--radius-2xl);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--space-2);justify-content:center;letter-spacing:.025em;line-height:1.5;line-height:var(--line-height-normal);outline:none;overflow:hidden;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.onboarding-step-content button:not(.profile-btn-secondary):not(.onboarding-btn-secondary){background:linear-gradient(135deg,#38685f,#e62fa5);background:linear-gradient(135deg,var(--primary-500) 0,var(--secondary-500) 100%);box-shadow:0 8px 24px #ec489940,0 4px 12px #0000000d,inset 0 1px 0 #fff3;color:#fff;font-size:1.125rem;font-size:var(--font-size-lg);min-width:160px;padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.onboarding-step-content button:not(.profile-btn-secondary):not(.onboarding-btn-secondary):before{background:linear-gradient(90deg,#0000,#fff3 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.onboarding-step-content button:not(.profile-btn-secondary):not(.onboarding-btn-secondary):hover{box-shadow:0 12px 36px #ec489959,0 6px 20px #00000014,inset 0 1px 0 #ffffff40;transform:translateY(-3px) scale(1.02)}.onboarding-step-content button:not(.profile-btn-secondary):not(.onboarding-btn-secondary):hover:before{left:100%}.onboarding-step-content button:not(.profile-btn-secondary):not(.onboarding-btn-secondary):active{transform:translateY(-1px) scale(1.01)}.onboarding-step-content button.onboarding-btn-secondary,.onboarding-step-content button.profile-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:2px solid #e2e8f0cc;color:#44403c;color:var(--neutral-700);font-size:1rem;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6)}.onboarding-step-content button.onboarding-btn-secondary:hover,.onboarding-step-content button.profile-btn-secondary:hover{background:linear-gradient(135deg,#ec48990d,#a755dd0d);border-color:#8dd4c7;border-color:var(--primary-300);color:#2d534b;color:var(--primary-600);transform:translateY(-1px)}.onboarding-step-content button:disabled{background:linear-gradient(135deg,#a8a29e,#78716c)!important;background:linear-gradient(135deg,var(--neutral-400) 0,var(--neutral-500) 100%)!important;color:#fffc!important;cursor:not-allowed!important;opacity:.7!important}.onboarding-step-content button:disabled,.onboarding-step-content button:disabled:hover{box-shadow:0 4px 12px #9ca3af40,0 2px 6px #0000000d!important;transform:none!important}.onboarding-step-content button:disabled:before{display:none}.onboarding-step-content button[data-loading=true]{opacity:.8;pointer-events:none}.onboarding-step-content button[data-loading=true]:before{display:none}.onboarding-step-content button.btn-sm{border-radius:.75rem;border-radius:var(--radius-xl);font-size:.875rem;font-size:var(--font-size-sm);min-width:100px;padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.onboarding-step-content button.btn-lg{border-radius:1.5rem;border-radius:var(--radius-3xl);font-size:1.25rem;font-size:var(--font-size-xl);min-width:200px;padding:1.25rem 2.5rem;padding:var(--space-5) var(--space-10)}.onboarding-step-content button.btn-full{justify-content:center;width:100%}@keyframes slideInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,30px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.mb-20{margin-bottom:20px!important}.auth-form textarea,.form-group textarea,.profile-form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:2px solid #e2e8f0cc;border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f,inset 0 1px 0 #ffffffb3;color:#292524;color:var(--neutral-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:500;letter-spacing:.025em;line-height:1.75;line-height:var(--line-height-relaxed);min-height:120px;outline:none;padding:1rem 1.25rem;padding:var(--space-4) var(--space-5);resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.auth-form textarea:hover,.form-group textarea:hover,.profile-form-group textarea:hover{background:linear-gradient(135deg,#fffffffa,#f8fafcfa);border-color:#8dd4c7;border-color:var(--primary-300);box-shadow:0 4px 6px #00000012,0 1px 3px #0000000f,inset 0 1px 0 #fffc,0 0 0 3px #ec489914;transform:translateY(-1px)}.auth-form textarea:focus,.form-group textarea:focus,.profile-form-group textarea:focus{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#5bc0b0;border-color:var(--primary-400);box-shadow:0 8px 25px #00000026,0 3px 10px #0000001a,inset 0 1px 0 #fff,0 0 0 4px #ec489926;transform:translateY(-2px)}.auth-form textarea.error,.form-group textarea.error,.profile-form-group textarea.error{background:linear-gradient(135deg,#fef2f2f2,#fee2e2f2);border-color:#f87171;border-color:var(--error-400);box-shadow:0 4px 6px #ef44441a,0 1px 3px #ef44440f,inset 0 1px 0 #ffffffb3,0 0 0 3px #ef44441a}.auth-form textarea.error:focus,.form-group textarea.error:focus,.profile-form-group textarea.error:focus{box-shadow:0 8px 25px #ef444426,0 3px 10px #ef44441a,inset 0 1px 0 #fff,0 0 0 4px #ef444426}.auth-form textarea.success,.form-group textarea.success,.profile-form-group textarea.success{background:linear-gradient(135deg,#f0fdf4f2,#dcfce7f2);border-color:#4ade80;border-color:var(--success-400);box-shadow:0 4px 6px #22c55e1a,0 1px 3px #22c55e0f,inset 0 1px 0 #ffffffb3,0 0 0 3px #22c55e1a}.auth-form textarea:disabled,.form-group textarea:disabled,.profile-form-group textarea:disabled{background:linear-gradient(135deg,#f8fafc99,#f1f5f999);border-color:#cbd5e180;box-shadow:0 1px 2px #0000000d,inset 0 1px 0 #fff6;color:#a8a29e;color:var(--neutral-400);cursor:not-allowed;transform:none}.auth-form textarea::placeholder,.form-group textarea::placeholder,.profile-form-group textarea::placeholder{color:#a8a29e;color:var(--neutral-400);font-weight:400;opacity:1;transition:opacity .3s ease}.auth-form textarea:focus::placeholder,.form-group textarea:focus::placeholder,.profile-form-group textarea:focus::placeholder{opacity:.6}@media (max-width:768px){.auth-form textarea,.form-group textarea,.profile-form-group textarea{border-radius:.75rem;border-radius:var(--radius-xl);font-size:16px;min-height:100px;padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.auth-form textarea:hover,.form-group textarea:hover,.profile-form-group textarea:hover{transform:none}.auth-form textarea:focus,.form-group textarea:focus,.profile-form-group textarea:focus{transform:translateY(-1px)}}#nudge_time{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:2px solid #e2e8f0cc;border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f,inset 0 1px 0 #ffffffb3;color:#292524;color:var(--neutral-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:500;letter-spacing:.025em;line-height:1.5;line-height:var(--line-height-normal);outline:none;padding:1rem 1.25rem;padding:var(--space-4) var(--space-5);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}#nudge_time:hover{background:linear-gradient(135deg,#fffffffa,#f8fafcfa);border-color:#8dd4c7;border-color:var(--primary-300);box-shadow:0 4px 6px #00000012,0 1px 3px #0000000f,inset 0 1px 0 #fffc,0 0 0 3px #ec489914;transform:translateY(-1px)}#nudge_time:focus{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#5bc0b0;border-color:var(--primary-400);box-shadow:0 8px 25px #00000026,0 3px 10px #0000001a,inset 0 1px 0 #fff,0 0 0 4px #ec489926;transform:translateY(-2px)}#nudge_time.error{background:linear-gradient(135deg,#fef2f2f2,#fee2e2f2);border-color:#f87171;border-color:var(--error-400);box-shadow:0 4px 6px #ef44441a,0 1px 3px #ef44440f,inset 0 1px 0 #ffffffb3,0 0 0 3px #ef44441a}#nudge_time.error:focus{box-shadow:0 8px 25px #ef444426,0 3px 10px #ef44441a,inset 0 1px 0 #fff,0 0 0 4px #ef444426}#nudge_time.success{background:linear-gradient(135deg,#f0fdf4f2,#dcfce7f2);border-color:#4ade80;border-color:var(--success-400);box-shadow:0 4px 6px #22c55e1a,0 1px 3px #22c55e0f,inset 0 1px 0 #ffffffb3,0 0 0 3px #22c55e1a}#nudge_time:disabled{background:linear-gradient(135deg,#f8fafc99,#f1f5f999);border-color:#cbd5e180;box-shadow:0 1px 2px #0000000d,inset 0 1px 0 #fff6;color:#a8a29e;color:var(--neutral-400);cursor:not-allowed;transform:none}#nudge_time::placeholder{color:#a8a29e;color:var(--neutral-400);font-weight:400;opacity:1;transition:opacity .3s ease}#nudge_time:focus::placeholder{opacity:.6}#nudge_time[type=time]{cursor:pointer}#nudge_time[type=time]::-webkit-calendar-picker-indicator{background:#0000;bottom:0;color:#0000;cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto}#nudge_time[type=time]::-webkit-clear-button,#nudge_time[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;display:none}@media (max-width:768px){#nudge_time{border-radius:.75rem;border-radius:var(--radius-xl);font-size:16px;padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}#nudge_time:hover{transform:none}#nudge_time:focus{transform:translateY(-1px)}}.skip-button-modern{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffffb3,#f8fafcb3);border:1.5px solid #cbd5e199;border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0000000f,0 1px 2px #0000000a,inset 0 1px 0 #ffffffe6;color:#57534e;color:var(--neutral-600);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;gap:.5rem;gap:var(--space-2);justify-content:center;letter-spacing:.01em;line-height:1.5;line-height:var(--line-height-normal);min-height:40px;outline:none;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.skip-button-text{flex-shrink:0;transition:color .3s ease}.skip-button-icon{flex-shrink:0;height:16px;opacity:.7;transition:all .3s ease;width:16px}.skip-button-modern:hover{background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border-color:#94a3b8cc;box-shadow:0 4px 12px #0000001a,0 2px 6px #0000000f,inset 0 1px 0 #fff;color:#44403c;color:var(--neutral-700);transform:translateY(-1px)}.skip-button-modern:hover .skip-button-icon{opacity:1;transform:translateX(2px)}.skip-button-modern:hover .skip-button-text{color:#292524;color:var(--neutral-800)}.skip-button-modern:focus,.skip-button-modern:focus-visible{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#8dd4c7;border-color:var(--primary-300);box-shadow:0 6px 20px #0000001f,0 3px 8px #00000014,inset 0 1px 0 #fff,0 0 0 3px #ec48991a;color:#292524;color:var(--neutral-800);transform:translateY(-1px)}.skip-button-modern:focus .skip-button-icon,.skip-button-modern:focus-visible .skip-button-icon{opacity:1;transform:translateX(3px)}.skip-button-modern:active{box-shadow:0 2px 8px #00000014,0 1px 4px #0000000a,inset 0 1px 0 #fffc;transform:translateY(0)}.skip-button-modern:disabled{background:linear-gradient(135deg,#f8fafc80,#f1f5f980);border-color:#cbd5e166;box-shadow:0 1px 2px #0000000a,inset 0 1px 0 #fff9;color:#a8a29e;color:var(--neutral-400);cursor:not-allowed;transform:none}.skip-button-modern:disabled .skip-button-icon{opacity:.4;transform:none}.skip-button-modern:disabled .skip-button-text{color:#a8a29e;color:var(--neutral-400)}.skip-button-modern.skip-button-underline{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-bottom:1px solid #0000;border-radius:0;box-shadow:none;color:#78716c;color:var(--neutral-500);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);text-decoration:underline;-webkit-text-decoration-color:#0000;text-decoration-color:#0000;text-underline-offset:4px;transition:all .3s ease}.skip-button-modern.skip-button-underline:hover{background:#0000;border-bottom-color:#a8a29e;border-bottom-color:var(--neutral-400);box-shadow:none;color:#44403c;color:var(--neutral-700);-webkit-text-decoration-color:#a8a29e;text-decoration-color:#a8a29e;-webkit-text-decoration-color:var(--neutral-400);text-decoration-color:var(--neutral-400);transform:none}.skip-button-modern.skip-button-underline:focus{background:#0000;border-bottom-color:#5bc0b0;border-bottom-color:var(--primary-400);box-shadow:0 0 0 2px #ec48991a;color:#292524;color:var(--neutral-800);-webkit-text-decoration-color:#5bc0b0;text-decoration-color:#5bc0b0;-webkit-text-decoration-color:var(--primary-400);text-decoration-color:var(--primary-400);transform:none}@media (max-width:768px){.skip-button-modern{border-radius:.5rem;border-radius:var(--radius-lg);font-size:16px;min-height:44px;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5)}.skip-button-modern:focus,.skip-button-modern:hover{transform:none}.skip-button-icon{height:18px;width:18px}.skip-button-modern.skip-button-underline{font-size:16px;min-height:44px;padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.onboarding-header,.onboarding-main{padding:1rem .75rem;padding:var(--space-4) var(--space-3)}.onboarding-step-header{padding:1rem;padding:var(--space-4)}.onboarding-step-title{font-size:1.25rem;font-size:var(--font-size-xl)}.disclaimer-section,.onboarding-info-card,.onboarding-step-content,.privacy-section{padding:1rem;padding:var(--space-4)}.onboarding-btn-primary{font-size:1rem;font-size:var(--font-size-base);min-height:48px;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);width:100%}.progress-text{font-size:.875rem;font-size:var(--font-size-sm)}.onboarding-step-content button{font-size:16px;min-height:48px;min-width:140px;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.onboarding-step-content button:not(.profile-btn-secondary):not(.onboarding-btn-secondary){font-size:1rem;font-size:var(--font-size-base);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.onboarding-step-content button.onboarding-btn-secondary,.onboarding-step-content button.profile-btn-secondary{font-size:16px;padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5)}.onboarding-step-content button.btn-lg{font-size:1.125rem;font-size:var(--font-size-lg);min-width:180px;padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.onboarding-step-content button.btn-sm{font-size:.875rem;font-size:var(--font-size-sm);min-width:100px;padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.onboarding-step-content button.btn-full{min-height:48px;width:100%}.onboarding-step-content button:not(.profile-btn-secondary):not(.onboarding-btn-secondary):hover{transform:translateY(-2px) scale(1.01)}.onboarding-step-content button.onboarding-btn-secondary:hover,.onboarding-step-content button.profile-btn-secondary:hover{transform:translateY(-1px)}}.bg-gradient-to-r.from-pink-500.to-purple-600{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ec4899f2,#a755ddf2)!important}.bg-white.rounded-xl.shadow-lg{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:linear-gradient(135deg,#fffffff2,#f8fafcf2)!important;border:1px solid #e2e8f0cc!important;box-shadow:0 8px 40px #0000001f,0 4px 24px #0000000f,inset 0 1px 0 #ffffffe6!important}@media (min-width:390px) and (max-width:767px){.onboarding-container{min-height:100vh;overflow-x:hidden;padding:0}.onboarding-header{min-height:80px;padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.onboarding-progress-indicator{flex-direction:column;gap:.5rem;gap:var(--space-2);text-align:center}.progress-text{font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:.5rem;margin-bottom:var(--space-2)}.progress-bar-container{margin-top:.5rem;margin-top:var(--space-2);width:100%}.progress-bar{height:6px;margin:0 auto;max-width:250px}.onboarding-main{max-width:100%;padding:1rem .75rem;padding:var(--space-4) var(--space-3)}.onboarding-step-card{border-radius:.75rem;border-radius:var(--radius-xl);display:flex;flex-direction:column;margin-bottom:1rem;margin-bottom:var(--space-4);min-height:calc(100vh - 160px)}.onboarding-step-header{padding:1rem;padding:var(--space-4) var(--space-4);text-align:center}.onboarding-step-title{font-size:1.25rem;font-size:var(--font-size-xl);line-height:1.25;line-height:var(--line-height-tight);margin-bottom:.5rem;margin-bottom:var(--space-2)}.onboarding-step-subtitle{font-size:.875rem;font-size:var(--font-size-sm);line-height:1.75;line-height:var(--line-height-relaxed)}.onboarding-step-content{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:1rem;padding:var(--space-4)}.onboarding-info-card{border-radius:.5rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--space-4)}.onboarding .form-group,.onboarding-info-card{margin-bottom:1rem;margin-bottom:var(--space-4)}.onboarding .form-label{display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.5rem;margin-bottom:var(--space-2)}.onboarding .form-input,.onboarding .profile-form-input{border-radius:.5rem;border-radius:var(--radius-lg);box-sizing:border-box;font-size:16px;min-height:48px;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);width:100%}.onboarding select.form-input{background-position:right .75rem center;background-position:right var(--space-3) center;background-size:16px}.onboarding textarea.form-input{min-height:100px;resize:vertical}.onboarding-actions{margin-top:auto;padding:1rem;padding:var(--space-4)}.onboarding-btn-primary,.onboarding-btn-secondary{padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.onboarding-btn-primary,.onboarding-btn-secondary,.onboarding-step-content button{border-radius:.5rem;border-radius:var(--radius-lg);font-size:16px;margin-bottom:.75rem;margin-bottom:var(--space-3);min-height:48px;width:100%}.onboarding-step-content button.btn-lg{font-size:1.125rem;font-size:var(--font-size-lg);min-height:52px;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.onboarding-step-content button.btn-sm{font-size:.875rem;font-size:var(--font-size-sm);min-height:40px;padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.grid{gap:.75rem;gap:var(--space-3)}.grid,.grid-cols-2,.grid-cols-3{grid-template-columns:1fr!important}.consent-content{padding:1rem;padding:var(--space-4)}.consent-text{font-size:.875rem;font-size:var(--font-size-sm);line-height:1.75;line-height:var(--line-height-relaxed);margin-bottom:1rem;margin-bottom:var(--space-4)}.privacy-content{padding:1rem;padding:var(--space-4)}.privacy-cards{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.privacy-card{border-radius:.5rem;border-radius:var(--radius-lg);padding:.75rem;padding:var(--space-3);text-align:center}.personal-info-content{padding:1rem;padding:var(--space-4)}.birth-year-input,.country-select,.menopause-stage-select{margin-bottom:.75rem;margin-bottom:var(--space-3);width:100%}.menstrual-health-content{padding:1rem;padding:var(--space-4)}.hrt-options,.period-options{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2);margin-bottom:1rem;margin-bottom:var(--space-4)}.hrt-option,.period-option{align-items:center;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;justify-content:center;min-height:48px;padding:.75rem;padding:var(--space-3);text-align:center}.symptom-checkin-content{padding:1rem;padding:var(--space-4)}.symptom-list{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.symptom-item{background:#fffc;border-radius:.5rem;border-radius:var(--radius-lg);padding:.75rem;padding:var(--space-3)}.symptom-question{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.5rem;margin-bottom:var(--space-2)}.symptom-options{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2)}.symptom-option{border-radius:.375rem;border-radius:var(--radius-md);flex:1 1;font-size:.75rem;font-size:var(--font-size-xs);min-width:calc(50% - .25rem);min-width:calc(50% - var(--space-1));padding:.5rem;padding:var(--space-2);text-align:center}.symptom-snapshot-content{padding:1rem;padding:var(--space-4)}.symptom-selection{margin-bottom:1rem;margin-bottom:var(--space-4)}.symptom-grid{grid-gap:.75rem;grid-gap:var(--space-3);display:grid;gap:.75rem;gap:var(--space-3);grid-template-columns:1fr}.symptom-card{border-radius:.5rem;border-radius:var(--radius-lg);padding:.75rem;padding:var(--space-3);text-align:center}.severity-slider-container{margin-top:.75rem;margin-top:var(--space-3)}.severity-slider{margin:.5rem 0;margin:var(--space-2) 0;width:100%}.severity-labels{color:var(--text-secondary);display:flex;font-size:.75rem;font-size:var(--font-size-xs);justify-content:space-between}.goals-preferences-content{padding:1rem;padding:var(--space-4)}.goals-section,.preferences-section{margin-bottom:1rem;margin-bottom:var(--space-4)}.goals-list,.preferences-list{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.goal-item,.preference-item{justify-content:flex-start;text-align:left}.checkbox-item,.goal-item,.preference-item,.radio-item{align-items:center;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;min-height:48px;padding:.75rem;padding:var(--space-3)}.checkbox-item input,.radio-item input{margin-right:.75rem;margin-right:var(--space-3);transform:scale(1.2)}.onboarding-help-text{margin-top:1rem;margin-top:var(--space-4);padding:.75rem;padding:var(--space-3);text-align:center}.onboarding-help-text p{font-size:.75rem;font-size:var(--font-size-xs);line-height:1.75;line-height:var(--line-height-relaxed)}.skip-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #0000001a;border-radius:9999px;border-radius:var(--radius-full);color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem .75rem;padding:var(--space-2) var(--space-3);position:fixed;right:1rem;right:var(--space-4);top:1rem;top:var(--space-4);z-index:100}.animate-fade-in-up{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.onboarding-btn-primary,.onboarding-btn-secondary,.onboarding-step-card,.onboarding-step-content button{animation:none;transition:none}.onboarding-btn-primary:hover,.onboarding-btn-secondary:hover,.onboarding-step-card:hover,.onboarding-step-content button:hover{transform:none}}.onboarding .form-input:focus,.onboarding .profile-form-input:focus,.onboarding-btn-primary:focus,.onboarding-btn-secondary:focus,.onboarding-step-content button:focus{box-shadow:0 0 0 4px #ec489933;outline:2px solid #38685f;outline:2px solid var(--primary-500);outline-offset:2px}.goal-item,.onboarding-btn-primary,.onboarding-btn-secondary,.onboarding-step-content button,.preference-item,.symptom-option{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.onboarding-container{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.onboarding-main{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom));padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom))}}@media (max-width:768px){.onboarding-step-content .card .flex.gap-3{display:block!important}}.auth-page,.chat-page{animation:gradientShift 8s ease infinite;background:linear-gradient(135deg,#f0f9f7,#fce7f3 50%,#f0f9f7);background-size:400% 400%;position:relative}.auth-page:after,.chat-page:after{animation:float 20s ease-in-out infinite;background-image:radial-gradient(circle at 20% 20%,#38685f1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#e62fa51a 0,#0000 50%),radial-gradient(circle at 40% 60%,#38685f0d 0,#0000 50%),radial-gradient(circle at 60% 40%,#e62fa50d 0,#0000 50%);background-position:0 0,100px 100px,50px 50px,150px 150px;background-size:200px 200px,300px 300px,150px 150px,250px 250px;z-index:0}.auth-page:after,.auth-page:before,.chat-page:after,.chat-page:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.auth-page:before,.chat-page:before{animation:gradientShift 8s ease infinite;background:linear-gradient(135deg,#f0f9f7cc,#fce7f3cc 50%,#f0f9f7cc);background-size:400% 400%;z-index:1}.auth-container,.chat-header,.chat-input-area,.chat-messages{position:relative;z-index:2}.health-modal .video-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(1deg)}}body,html{height:100%;overflow:hidden;width:100%}body{-webkit-overflow-scrolling:touch;margin:0;min-height:-webkit-fill-available;padding:0;position:fixed}*{max-width:100%}.container,.main-content,.wrapper{overflow-x:hidden;width:100%}@supports (-webkit-touch-callout:none){body{-webkit-overflow-scrolling:touch;overflow-x:hidden}.auth-page,.chat-page,.main-container{min-height:-webkit-fill-available;overflow-x:hidden}}.auth-page{align-items:center;display:flex;height:100vh;justify-content:center;min-height:100vh;padding:var(--space-4)}.auth-container,.auth-page{overflow:hidden;position:relative}.auth-container{animation:fadeInUp .8s ease-out;max-height:100vh;max-width:480px;width:100%;z-index:1}.auth-card{animation:scaleIn .6s ease-out .2s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:calc(100vh - 2rem);overflow:hidden;position:relative}.auth-card:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,var(--primary-500),var(--secondary-500),var(--primary-400));background-size:200% 100%;content:"";height:6px;left:0;position:absolute;right:0;top:0}.auth-header{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 25%,var(--secondary-500) 75%,var(--secondary-600) 100%);color:#fff;flex-shrink:0;overflow:hidden;padding:10px;position:relative;text-align:center}.auth-header:before{animation:float 15s ease-in-out infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='4' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.auth-header-content{position:relative;z-index:1}.auth-logo{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);display:flex;font-size:40px;justify-content:center}.auth-logo,.auth-title{font-weight:var(--font-weight-bold)}.auth-title{animation:fadeInUp .6s ease-out .4s both;color:#fff;font-size:var(--font-size-2xl);margin-bottom:var(--space-1)}.auth-subtitle{animation:fadeInUp .6s ease-out .6s both;color:#fff;font-size:var(--font-size-sm);opacity:.9}.auth-body{animation:fadeInUp .6s ease-out .8s both;flex:1 1;min-height:0;overflow-y:auto;padding:10px}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-form .grid{gap:10px!important}.auth-form .form-group{animation:fadeInUp .6s ease-out;margin-bottom:10px}.auth-form .form-group:first-child{animation-delay:.1s}.auth-form .form-group:nth-child(2){animation-delay:.2s}.auth-form .form-group:nth-child(3){animation-delay:.3s}.auth-form .form-group:nth-child(4){animation-delay:.4s}.auth-form .form-group:nth-child(5){animation-delay:.5s}.auth-form .form-group:nth-child(6){animation-delay:.6s}.auth-footer{animation:fadeInUp .6s ease-out 1s both;background:linear-gradient(135deg,var(--primary-50) 0,var(--secondary-50) 100%);border-top:1px solid var(--secondary-200);flex-shrink:0;padding:20px 15px;text-align:center}.auth-link{color:var(--primary-600);font-weight:var(--font-weight-medium);position:relative;text-decoration:none}.auth-link,.auth-link:after{transition:all var(--transition-bounce)}.auth-link:after{background:linear-gradient(90deg,var(--primary-500),var(--secondary-500));bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}.auth-link:hover{color:var(--primary-700);transform:translateY(-1px)}.auth-link:hover:after{background:linear-gradient(90deg,var(--primary-700),var(--secondary-600));height:3px}.chat-page{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;position:relative}.chat-header{animation:fadeInDown .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid var(--secondary-200);box-shadow:var(--shadow-lg);flex-shrink:0;justify-content:space-between;min-height:64px;padding:var(--space-3) var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.chat-header,.chat-header-left{align-items:center;display:flex}.chat-header-left{gap:var(--space-3)}.chat-avatar{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,var(--primary-500) 0,var(--secondary-500) 100%);border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:#fff;display:flex;height:36px;justify-content:center;width:36px}.chat-avatar,.chat-info h2{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.chat-info h2{color:var(--primary-700);margin:0}.chat-status{align-items:center;color:var(--success-600);display:flex;font-size:var(--font-size-xs);gap:var(--space-1)}.status-dot{animation:pulse 2s infinite;background:var(--success-500);border-radius:var(--radius-full);height:6px;width:6px}.chat-header-right{align-items:center;display:flex;gap:var(--space-2)}.chat-messages{-webkit-overflow-scrolling:touch;background:#0000;height:calc(100vh - 144px);height:calc(100dvh - 144px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-4);padding-bottom:calc(var(--space-4) + 20px);position:relative;z-index:1}.messages-container{display:flex;flex-direction:column;gap:var(--space-3);margin:0 auto;max-width:800px;min-height:100%}.message{animation:fadeInUp .4s ease-out;display:flex;gap:var(--space-2)}.message.user{animation:slideInRight .4s ease-out}.message.bot{animation:slideInLeft .4s ease-out}.message-avatar{align-items:center;animation:scaleIn .3s ease-out;border-radius:var(--radius-full);display:flex;flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);height:28px;justify-content:center;width:28px}.message.user .message-avatar{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);box-shadow:var(--shadow-sm);color:#fff}.message.bot .message-avatar{background:linear-gradient(135deg,var(--secondary-500) 0,var(--secondary-600) 100%);box-shadow:var(--shadow-sm);color:#fff}.message-content{animation:scaleIn .3s ease-out;border-radius:var(--radius-xl);max-width:70%;padding:var(--space-2) var(--space-3);position:relative}.message.user .message-content{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border-bottom-right-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#fff}.message.bot .message-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid var(--secondary-200);border-bottom-left-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--neutral-800)}.message-text{word-wrap:break-word;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.message-text p{margin:0 0 8px}.message-text p:last-child{margin-bottom:0}.message-text ol,.message-text ul{margin:8px 0;padding-left:20px}.message-text li{line-height:var(--line-height-relaxed);margin:4px 0}.message-text h4{font-size:var(--font-size-base);margin:12px 0 6px}.message-text h4,.message-text strong{color:var(--text-primary);font-weight:600}.message-text em{color:var(--text-secondary);font-style:italic}.message-time{display:block;font-size:var(--font-size-xs);margin-top:var(--space-1);opacity:.7}.message.user .message-time{text-align:right}.message-links{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2)}.message-link{align-items:center;background:#0000001a;border-radius:var(--radius-md);color:inherit;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);text-decoration:none;transition:all var(--transition-smooth)}.message-link:hover{background:#0003;transform:translateY(-1px)}.message.user .message-link{background:#fff3}.message.user .message-link:hover{background:#ffffff4d}.message-meta{align-items:center;display:flex;gap:var(--space-2);margin-top:var(--space-1)}.message.error .message-content{background:linear-gradient(135deg,var(--error-100) 0,var(--error-50) 100%);border:1px solid var(--error-200);color:var(--error-800)}.typing-indicator{align-items:center;display:flex;gap:4px;padding:var(--space-1) 0}.typing-dot{animation:typingAnimation 1.4s infinite;background:var(--secondary-400);border-radius:50%;height:8px;width:8px}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingAnimation{0%,60%,to{opacity:.5;transform:scale(1)}30%{opacity:1;transform:scale(1.2)}}.chat-input-area{animation:fadeInUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-top:1px solid var(--secondary-200);bottom:0;box-shadow:0 -4px 6px -1px #0000001a;left:250px;min-height:80px;padding:var(--space-3) var(--space-6);position:fixed;right:0;z-index:100}.chat-input-container{align-items:center;display:flex;gap:var(--space-2);margin:0 auto;max-width:800px}.chat-input-wrapper{flex:1 1;position:relative}.chat-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid var(--secondary-300);border-radius:var(--radius-2xl);font-family:var(--font-family-primary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);max-height:80px;min-height:40px;outline:none;padding:var(--space-2) var(--space-3);padding-right:var(--space-10);resize:none;transition:all var(--transition-bounce);width:100%}.chat-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-100);transform:translateY(-1px)}.chat-input::placeholder{color:var(--secondary-400)}.chat-actions{bottom:10px;flex-direction:column-reverse;gap:var(--space-1);position:absolute;right:var(--space-2)}.chat-action-btn,.chat-actions{align-items:center;display:flex;justify-content:center}.chat-action-btn{background:none;border:none;border-radius:var(--radius-full);color:var(--secondary-500);cursor:pointer;font-size:var(--font-size-base);height:32px;line-height:1;padding:var(--space-1);width:32px}.chat-action-btn,.chat-action-btn svg{transition:all var(--transition-bounce)}.chat-action-btn svg{height:20px;width:20px}.chat-action-btn:hover{background:var(--secondary-100);transform:scale(1.1)}.chat-action-btn:hover svg path,.chat-action-btn:hover svg rect{stroke:var(--secondary-700)}.chat-action-btn.btn-danger{background:var(--danger-100)}.chat-action-btn.btn-danger svg path,.chat-action-btn.btn-danger svg rect{stroke:var(--danger-600)}.chat-action-btn.btn-danger:hover{background:var(--danger-200)}.chat-action-btn.btn-danger:hover svg path,.chat-action-btn.btn-danger:hover svg rect{stroke:var(--danger-700)}.chat-send-btn{align-items:center;background:#38685f;border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);height:40px;justify-content:center;min-width:40px;padding:var(--space-2) var(--space-3);transition:all var(--transition-bounce)}.chat-send-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px) scale(1.05)}.chat-send-btn:disabled{cursor:not-allowed;opacity:1;transform:none}.video-modal-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;display:flex;inset:0;justify-content:center;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-2);padding-bottom:var(--space-4);padding-top:var(--space-4);position:fixed;touch-action:manipulation;z-index:var(--z-modal-backdrop)}.video-modal{animation:scaleIn .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;height:auto;margin-bottom:auto;margin-top:auto;max-height:calc(100vh - 8rem);max-width:720px;overflow:hidden;transition:all var(--transition-bounce);width:100%}.video-modal-header{align-items:center;background:#ffffff1a;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:var(--space-3)}.video-modal-title{color:var(--neutral-800);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.video-modal-close{align-items:center;border-radius:var(--radius-full);color:var(--neutral-600);display:flex;font-size:var(--font-size-2xl);height:32px;justify-content:center;padding:var(--space-1);transition:all var(--transition-bounce);width:32px}.video-modal-close:hover{background:var(--danger-100);color:var(--danger-600);transform:scale(1.1)}.video-modal-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-3);min-height:0;overflow-y:auto;padding:var(--space-3)}.video-container{align-items:center;background:var(--neutral-900);border-radius:var(--radius-xl);display:flex;flex:1 1;justify-content:center;min-height:300px;overflow:hidden;position:relative}.video-element{border-radius:var(--radius-xl);height:100%;object-fit:cover;width:100%}.recording-indicator{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#dc2626e6;border-radius:var(--radius-full);color:#fff;display:flex;font-weight:var(--font-weight-medium);gap:var(--space-2);left:var(--space-3);padding:var(--space-2) var(--space-3);position:absolute;top:var(--space-3)}.recording-dot,.recording-indicator{animation:pulse 1s ease-in-out infinite}.recording-dot{background:#fff;border-radius:50%;height:8px;width:8px}.video-controls{align-items:center;display:flex;gap:var(--space-3);justify-content:center;padding:var(--space-2)}.video-control-btn{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-weight:var(--font-weight-medium);min-width:120px;padding:var(--space-2) var(--space-4);transition:all var(--transition-bounce)}.video-control-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px) scale(1.05)}.video-control-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.video-control-btn.btn-danger{background:linear-gradient(135deg,var(--danger-500) 0,var(--danger-600) 100%)}.health-modal{max-width:720px;width:100%}.health-progress-container{margin-bottom:var(--space-4);text-align:center}.health-progress-bar{background:var(--neutral-200);height:8px;margin-bottom:var(--space-2);overflow:hidden;width:100%}.health-progress-bar,.health-progress-fill{border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.health-progress-fill{background:linear-gradient(90deg,var(--primary-500) 0,var(--secondary-500) 100%);height:100%;transition:width .5s ease-in-out}.health-progress-text{color:var(--neutral-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.health-questions{display:flex;flex-direction:column;max-height:none;overflow:visible}.health-question-card{animation:fadeInUp .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid var(--secondary-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-4);transition:all var(--transition-bounce)}.health-question-card:hover{background:#fffffffa;border-color:var(--primary-300);box-shadow:var(--shadow-xl);transform:translateY(-3px)}.health-question-category{background:var(--secondary-50);border-radius:var(--radius-full);color:var(--secondary-600);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;margin-bottom:var(--space-2);padding:var(--space-1) var(--space-2);text-transform:uppercase}.health-question-text{color:var(--primary-700);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.health-question-help{color:var(--neutral-600);font-size:var(--font-size-sm);font-style:italic;line-height:var(--line-height-relaxed);margin-bottom:var(--space-3)}.health-answer-buttons{display:flex;gap:var(--space-3)}.health-answer-btn{background:#fff;border:2px solid var(--secondary-300);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--secondary-700);cursor:pointer;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);min-height:48px;overflow:hidden;padding:var(--space-3) var(--space-4);position:relative;transition:all var(--transition-bounce)}.health-answer-btn:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.health-answer-btn:hover:before{left:100%}.health-answer-btn:hover{background:var(--primary-50);border-color:var(--primary-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}.health-answer-btn.selected{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border-color:var(--primary-600);box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-2px)}.health-answer-btn.selected:hover{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);border-color:var(--primary-700);box-shadow:var(--shadow-xl);transform:translateY(-3px)}.health-navigation{align-items:center;border-top:1px solid var(--neutral-200);display:flex;gap:var(--space-3);justify-content:space-between;padding-top:var(--space-4)}.health-nav-btn{background:#fff;border:2px solid var(--neutral-300);border-radius:var(--radius-xl);color:var(--neutral-700);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-height:40px;min-width:100px;padding:var(--space-2) var(--space-4);transition:all var(--transition-bounce)}.health-nav-btn:hover:not(.disabled){background:var(--primary-50);border-color:var(--primary-400);box-shadow:var(--shadow-md);color:var(--primary-700);transform:translateY(-2px)}.health-nav-btn.disabled{cursor:not-allowed;opacity:.5;transform:none}.health-nav-center{display:flex;flex:1 1;justify-content:right}.health-summary-card{animation:scaleIn .6s ease-out;background:linear-gradient(135deg,var(--success-50) 0,var(--success-100) 100%);border:1px solid var(--success-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-4);text-align:center;transition:all var(--transition-bounce)}.health-summary-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-4px)}.health-summary-icon{animation:heartBeat 2s ease-in-out infinite;font-size:var(--font-size-4xl);margin-bottom:var(--space-2);transition:transform var(--transition-bounce)}.health-summary-card:hover .health-summary-icon{transform:scale(1.2)}.health-summary-title{color:var(--success-800);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.health-summary-text{color:var(--success-700);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3)}.health-redirect-message{animation:pulse 2s infinite;background:var(--success-100);border:1px solid var(--success-300);border-radius:var(--radius-xl);color:var(--success-800);font-weight:var(--font-weight-medium);padding:var(--space-2);transition:all var(--transition-bounce)}.health-redirect-message:hover{background:var(--success-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:768px){.auth-container{margin:0 var(--space-3);max-width:100%}.video-modal{margin:var(--space-2);width:95%}.video-container{min-height:150px}.health-modal{margin:var(--space-2);max-height:calc(100vh - 4rem);width:95%}.health-question-card{padding:var(--space-3)}.health-answer-buttons{flex-direction:column;gap:var(--space-2)}.health-answer-btn{font-size:var(--font-size-lg);min-height:56px}.health-navigation{flex-direction:column;gap:var(--space-3)}.health-nav-btn{font-size:var(--font-size-base);min-height:48px;width:100%}.health-nav-center{width:100%}.health-nav-center .btn{min-height:48px;width:100%}}@media (max-width:480px){.auth-page{padding:var(--space-2)}.chat-header-left{gap:var(--space-2)}.chat-input-area{box-sizing:border-box;margin:0;padding:var(--space-2) var(--space-3);width:100%}.chat-input-container{gap:var(--space-1);margin:0;max-width:100%;padding:0}.chat-input{box-sizing:border-box;min-width:0;width:100%}.chat-actions{flex-shrink:0;gap:var(--space-1)}.chat-action-btn{height:28px;min-width:28px;padding:var(--space-1);width:28px}.chat-messages{box-sizing:border-box;padding:var(--space-2) var(--space-3);width:100%}.message,.message-content{word-wrap:break-word;max-width:100%;overflow-wrap:break-word}.auth-container{max-width:100%;padding:0 var(--space-2)}.auth-card,.auth-container{box-sizing:border-box;margin:0;width:100%}.chat-avatar{height:32px;width:32px}.chat-avatar,.chat-info h2{font-size:var(--font-size-sm)}.message-content{max-width:90%}.auth-logo{font-size:40px;height:100%;margin:0 auto;width:100%}.auth-title{font-size:var(--font-size-xl)}.auth-subtitle{font-size:var(--font-size-xs)}.health-summary-card{padding:var(--space-4)}.health-summary-title{font-size:var(--font-size-lg)}.health-modal{margin:var(--space-1);max-height:calc(100vh - 2rem);width:98%}.health-question-card{padding:var(--space-3)}.health-question-text{font-size:var(--font-size-sm)}.health-answer-btn{font-size:var(--font-size-base);padding:var(--space-3)}.health-progress-text{font-size:var(--font-size-xs)}.video-modal-content{padding:var(--space-2)}}.phone-prefix{align-items:center;background:linear-gradient(135deg,var(--primary-100) 0,var(--secondary-100) 100%);border:2px solid var(--secondary-300);border-bottom-left-radius:var(--radius-xl);border-right:none;border-top-left-radius:var(--radius-xl);color:var(--primary-700);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);justify-content:center;padding:0 var(--space-3)}.input-no-left-radius{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.otp-modal{max-width:480px;width:100%}.otp-modal-content{display:flex;flex-direction:column;gap:var(--space-4)}.otp-header{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 25%,var(--secondary-500) 75%,var(--secondary-600) 100%);color:#fff;flex-shrink:0;overflow:hidden;padding:10px;position:relative;text-align:center}.otp-header:before{animation:float 15s ease-in-out infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='4' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.otp-logo{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);display:flex;font-size:40px;font-weight:var(--font-weight-bold);justify-content:center;margin-bottom:var(--space-2)}.otp-logo,.otp-subtitle{position:relative;z-index:1}.otp-subtitle{animation:fadeInUp .6s ease-out .6s both;color:#fff;font-size:var(--font-size-sm);margin:0;opacity:.9}.otp-form{display:flex;flex-direction:column;gap:var(--space-4)}.otp-input-container{display:flex;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-2)}.otp-input{background:#fff;border:2px solid var(--neutral-300);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--neutral-800);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);height:60px;text-align:center;transition:all var(--transition-bounce);width:60px}.otp-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none;transform:translateY(-2px)}.otp-input.error{border-color:var(--error-500);box-shadow:0 0 0 3px var(--error-100)}.otp-input:hover:not(:focus){border-color:var(--primary-400);transform:translateY(-1px)}.otp-footer{border-top:1px solid var(--neutral-200);padding-top:var(--space-3);text-align:center}.otp-resend-section{margin-bottom:var(--space-3);text-align:center}.otp-resend-container{margin-top:var(--space-3)}.notification{animation:slideInRight .3s ease-out;max-width:400px;position:fixed;right:var(--space-4);top:var(--space-4);z-index:1000}.notification.success{background:linear-gradient(135deg,var(--success-500) 0,var(--success-600) 100%);border:1px solid var(--success-400);color:#fff}.notification.error{background:linear-gradient(135deg,var(--error-500) 0,var(--error-600) 100%);border:1px solid var(--error-400);color:#fff}.notification-content{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.notification-icon{flex-shrink:0;font-size:var(--font-size-lg)}.notification-message{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.error-message.error-critical{background:var(--error-50);border:1px solid var(--error-200);border-radius:var(--radius-lg);color:var(--error-600);font-weight:var(--font-weight-semibold);margin-top:var(--space-2);padding:var(--space-2)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:480px){.otp-modal{margin:var(--space-2);width:95%}.otp-header{padding:10px}.otp-logo{font-size:32px}.otp-input-container{gap:var(--space-2)}.otp-input{font-size:var(--font-size-lg);height:50px;width:50px}.notification{left:var(--space-2);max-width:none;right:var(--space-2);top:var(--space-2)}.notification-content{padding:var(--space-2) var(--space-3)}}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{color:#2d3748;font-weight:600;margin:12px 0 8px}.markdown-content h1{font-size:1.5em}.markdown-content h2{font-size:1.3em}.markdown-content h3{font-size:1.1em}.markdown-content p{line-height:1.6;margin:8px 0}.markdown-content strong{color:#2d3748;font-weight:600}.markdown-content em{color:#4a5568;font-style:italic}.markdown-content ol,.markdown-content ul{margin:8px 0;padding-left:20px}.markdown-content li{line-height:1.5;margin:4px 0}.markdown-content h2:contains("Heart Rate"),.markdown-content h2:contains("Key Insights"),.markdown-content h2:contains("Personalized Recommendations"),.markdown-content h2:contains("Stress Level"),.markdown-content h2:contains("Technical Details"){background:linear-gradient(135deg,var(--primary-50),var(--secondary-50));border-left:4px solid var(--primary-500);border-radius:8px;margin:16px 0 12px;padding:8px 12px}.markdown-content ul li{list-style-type:none;padding:2px 0;position:relative}.markdown-content ul li:before{color:var(--primary-500);content:"•";font-weight:700;left:-15px;position:absolute}.markdown-content strong:contains("Good"),.markdown-content strong:contains("Low Stress"),.markdown-content strong:contains("Normal"){background:var(--success-50);border-radius:4px;color:var(--success-600);font-size:.9em;padding:2px 6px}.markdown-content em:last-child,.markdown-content p:last-child em{background:var(--warning-50);border:1px solid var(--warning-200);border-radius:6px;color:var(--warning-800);display:block;font-size:.85em;margin-top:16px;padding:8px}.markdown-content blockquote{background-color:#f7fafc;border-left:4px solid #667eea;border-radius:0 6px 6px 0;color:#2d3748;font-style:italic;margin:12px 0;padding:12px 16px}.markdown-content code{border-radius:4px;color:#667eea;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9em;padding:2px 6px}.markdown-content code,.markdown-content pre{background-color:#f7fafc;border:1px solid #e2e8f0}.markdown-content pre{border-radius:6px;margin:12px 0;overflow-x:auto;padding:12px}.markdown-content pre code{background:none;border:none;color:#2d3748;padding:0}.message.health-summary{background:linear-gradient(135deg,#f8fbff,#e3f2fd);border-left:4px solid #2196f3;border-radius:8px;box-shadow:0 2px 8px #2196f31a}.message.health-summary .message-content{padding:16px}.message.health-summary .message-text{color:#1565c0;font-weight:500}.health-summary-metadata{align-items:center;background:#2196f31a;border:1px solid #2196f333;border-radius:6px;color:#1565c0;display:flex;font-size:.9em;gap:8px;margin-top:12px;padding:10px}.health-summary-metadata:before{content:"📊";font-size:1.1em}.btn.btn-primary:disabled{background-color:#90caf9;cursor:not-allowed;opacity:.7}.profile-display{display:flex;flex-direction:column;gap:var(--space-4)}.profile-section{background:linear-gradient(135deg,var(--primary-50) 0,var(--secondary-50) 100%);border:1px solid var(--secondary-200);border-radius:var(--radius-xl);padding:var(--space-3)}.profile-section h4{border-bottom:2px solid var(--primary-200);color:var(--primary-700);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3) 0;padding-bottom:var(--space-1)}.profile-field{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2);padding:var(--space-1) 0}.profile-field:last-child{margin-bottom:0}.profile-field label{color:var(--neutral-700);flex-shrink:0;font-weight:var(--font-weight-medium);min-width:120px}.profile-field span{color:var(--neutral-800);flex-grow:1;font-weight:var(--font-weight-normal);text-align:right}.status-active{background:var(--success-100);border:1px solid var(--success-300);border-radius:var(--radius-full);color:var(--success-800)}.status-active,.status-inactive{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2)}.status-inactive{background:var(--error-100);border:1px solid var(--error-300);border-radius:var(--radius-full);color:var(--error-800)}.profile-actions{border-top:1px solid var(--secondary-200);margin-top:var(--space-4);padding-top:var(--space-3)}@media (max-width:768px){.profile-field{align-items:flex-start;flex-direction:column;gap:var(--space-1)}.profile-field label{min-width:auto}.profile-field span{text-align:left}.profile-section h4{font-size:var(--font-size-sm)}}.user-menu-container{display:inline-block;position:relative}.user-menu-trigger{border:none!important;box-shadow:var(--shadow-md)!important;transition:all var(--transition-bounce)!important}.user-menu-trigger:hover{box-shadow:var(--shadow-lg)!important;transform:translateY(-1px)!important}.user-menu-dropdown{animation:dropdownFadeIn .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid var(--secondary-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:var(--z-dropdown)}.user-menu-item{align-items:center;background:#0000;border:none;color:var(--neutral-700);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-3);text-align:left;transition:all var(--transition-smooth);width:100%}.user-menu-item:hover{background:var(--primary-50);color:var(--primary-700);transform:translateX(2px)}.user-menu-item.logout{color:var(--error-600)}.user-menu-item.logout:hover{background:var(--error-50);color:var(--error-700)}.user-menu-divider{background:var(--secondary-200);height:1px;margin:var(--space-1) 0}.menu-icon{flex-shrink:0;font-size:var(--font-size-sm)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.user-menu-dropdown{min-width:140px;right:-10px}.user-menu-trigger span:last-child{display:none}}.health-answer-section{margin-top:24px}.health-multiple-choice{display:flex;flex-direction:column;gap:12px}.health-checkbox-option{align-items:center;background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;padding:12px 16px;transition:all .2s ease}.health-checkbox-option:hover{background:#fff5f8;border-color:#e91e63}.health-checkbox-option input[type=checkbox]{accent-color:#e91e63;cursor:pointer;height:18px;margin-right:12px;width:18px}.health-checkbox-option input[type=checkbox]:checked+.health-checkbox-label{color:#e91e63;font-weight:600}.health-checkbox-label{color:#333;cursor:pointer;flex:1 1;font-size:16px}.health-single-choice{display:flex;flex-direction:column;gap:12px}.health-radio-option{align-items:center;background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;padding:12px 16px;transition:all .2s ease}.health-radio-option:hover{background:#fff5f8;border-color:#e91e63}.health-radio-option input[type=radio]{accent-color:#e91e63;cursor:pointer;height:18px;margin-right:12px;width:18px}.health-radio-option input[type=radio]:checked+.health-radio-label{color:#e91e63;font-weight:600}.health-radio-label{color:#333;cursor:pointer;flex:1 1;font-size:16px}.health-number-input,.health-text-input{display:flex;flex-direction:column}.health-input-field{background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:16px;padding:14px 16px;transition:all .2s ease}.health-input-field:focus{background:#fff;border-color:#e91e63;box-shadow:0 0 0 3px #e91e631a;outline:none}.health-input-field::placeholder{color:#999}.health-boolean-buttons{display:flex;gap:16px;justify-content:center}.health-boolean-buttons .health-answer-btn{flex:1 1;max-width:120px}.health-unknown-type{border:1px dashed #ddd;border-radius:8px;color:#999;font-style:italic;padding:20px;text-align:center}.health-modal .video-modal-content{display:flex;flex-direction:column;height:100%}.health-questions{flex:1 1;margin-bottom:var(--space-4);overflow-y:auto;padding-right:var(--space-1)}.health-questions::-webkit-scrollbar{width:6px}.health-questions::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.health-questions::-webkit-scrollbar-thumb{background:#e91e634d;border-radius:3px}.health-questions::-webkit-scrollbar-thumb:hover{background:#e91e6380}.health-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-top:1px solid #0000001a;flex-shrink:0;margin-top:auto;padding-top:var(--space-3)}.action-ui-elements{margin-top:12px}.follow-up-suggestions{background-color:#f8f9fa;border-left:3px solid #007bff;border-radius:8px;display:none!important;margin-top:12px;padding:10px}.suggestions-label{color:#495057;font-size:.9em;font-weight:500;margin:0 0 8px}.suggestion-button{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:block;font-size:.9em;margin-bottom:6px;padding:8px 12px;text-align:left;transition:all .2s ease;width:100%}.suggestion-button:hover{background-color:#e9ecef;border-color:#adb5bd}.suggestion-button:last-child{margin-bottom:0}.action-buttons .btn{transition:all .2s ease}.action-buttons .btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.symptom-tracker .badge{font-size:.75em;padding:.25em .5em}.mood-tracker{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vitals-display{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.resource-links a{transition:all .2s ease}.resource-links a:hover{background-color:#cce7ff!important;transform:translateX(4px)}.quick-actions{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.booking-options{max-width:100%}.booking-options>div{transition:all .2s ease}.booking-options>div:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.message.bot.has-actions .message-content:after{background:linear-gradient(180deg,#007bff,#28a745);border-radius:2px;content:"";height:60%;left:-8px;position:absolute;top:50%;transform:translateY(-50%);width:4px}@media (max-width:768px){.action-buttons{display:flex;flex-direction:column;gap:6px}.action-buttons .btn{margin-bottom:0!important;margin-right:0!important}.booking-options>div{margin-bottom:12px}.quick-actions>div{flex-direction:column;gap:8px}body,html{height:100%;overflow:hidden;position:fixed;width:100%}#root{height:100vh;height:-webkit-fill-available;overflow:hidden}.chat-page,.main-app{box-sizing:border-box;height:100%;overflow:hidden;width:100%}.chat-messages{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overscroll-behavior-y:contain}.chat-header{box-sizing:border-box;flex-direction:column;padding:var(--space-2) var(--space-3);width:100%}.chat-header-left{margin-bottom:20px}.chat-header-right .btn{padding:12px!important}.chat-messages{box-sizing:border-box;height:calc(100vh - 160px);height:calc(100dvh - 160px);padding:var(--space-2) var(--space-3);padding-bottom:calc(var(--space-2) + 15px)}.chat-input-area{min-height:100px;padding:var(--space-2) var(--space-3)}.chat-input,.message-text,input,textarea{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:break-word}.health-modal,.rppg-modal,.video-modal{box-sizing:border-box;max-width:calc(100vw - 2rem)}img{height:auto;max-width:100%}table{table-layout:fixed;width:100%}.flex-container{flex-wrap:wrap}}@supports (-webkit-touch-callout:none) and (not (translate:none)){body{min-height:-webkit-fill-available;overflow-x:hidden}.chat-page{height:-webkit-fill-available}.chat-messages{height:calc(-webkit-fill-available - 64px - 80px)}input,select,textarea{font-size:16px}.chat-messages{-webkit-overflow-scrolling:touch}.chat-input-area{padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom, 0px))}}@media (max-width:375px){.chat-input-area{padding:var(--space-2)}.chat-input-container{gap:var(--space-1)}.chat-action-btn{height:24px;min-width:24px;width:24px}.auth-container{padding:0 var(--space-1)}}@media screen and (max-device-width:767px){html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{-webkit-touch-callout:none;overflow-x:hidden;-webkit-user-select:none;user-select:none}.chat-input,.message-text,input,textarea{-webkit-user-select:text;user-select:text}}.mobile-header{height:0;overflow:hidden;pointer-events:none;visibility:hidden}.mobile-action-bar,.mobile-header,.mobile-header-container,.mobile-menu-backdrop,.mobile-menu-dropdown{display:none!important}@media (max-width:768px) and (min-width:641px){.chat-input-area{left:200px}}@media (max-width:640px){.mobile-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid var(--secondary-200);box-shadow:var(--shadow-lg);display:flex!important;height:auto!important;justify-content:space-between;min-height:64px;padding:var(--space-2) var(--space-3);pointer-events:auto!important;position:-webkit-sticky;position:sticky;top:0;visibility:visible!important;z-index:1000}.mobile-menu-backdrop,.mobile-menu-dropdown{display:block!important}.mobile-header-left{align-items:center;display:flex;gap:var(--space-2)}.mobile-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-500) 0,var(--secondary-500) 100%);border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:var(--font-size-sm);height:36px;justify-content:center;width:36px}.mobile-avatar,.mobile-info h2{font-weight:var(--font-weight-semibold)}.mobile-info h2{color:var(--primary-700);font-size:var(--font-size-base);margin:0}.mobile-status{align-items:center;color:var(--success-600);display:flex;font-size:var(--font-size-xs);gap:var(--space-1)}.mobile-header-container{align-items:center;display:flex!important;position:relative}.desktop-menu,.sidebar{display:none!important}.chat-input-area{left:0}.mobile-menu-container{align-items:center;display:flex;position:relative}.mobile-action-bar{background:#f3f4f6;border-bottom:1px solid var(--secondary-200);box-shadow:0 2px 8px #0000000d;display:block!important;padding:var(--space-3) var(--space-3)}.mobile-action-container{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:600px}.mobile-action-btn{align-items:center;background:#38685f;border:2px solid #38685f;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;flex-direction:column;gap:var(--space-1);justify-content:center;min-height:80px;padding:var(--space-3) var(--space-2);transition:all var(--transition-smooth)}.mobile-action-btn:hover:not(:disabled){background:#2d5449;border-color:#2d5449;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.mobile-action-btn:active:not(:disabled){box-shadow:0 2px 6px #00000026;transform:translateY(0)}.mobile-action-btn:disabled{cursor:not-allowed;opacity:.5}.mobile-action-btn.active{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626}.mobile-action-btn .action-icon{font-size:28px;line-height:1}.mobile-action-btn .action-label{color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.2;text-align:center}.hamburger-menu-btn{align-items:center;background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;display:flex;height:44px;justify-content:center;padding:10px;transition:all var(--transition-bounce);width:44px}.hamburger-menu-btn:hover{box-shadow:var(--shadow-lg);transform:scale(1.05)}.hamburger-menu-btn:active{transform:scale(.95)}.hamburger-icon{display:flex;flex-direction:column;height:18px;justify-content:space-between;width:24px}.hamburger-icon span{background:#fff;border-radius:2px;display:block;height:3px;transition:all .3s ease;width:100%}.mobile-menu-dropdown{animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid var(--secondary-200);box-shadow:0 4px 12px #00000026;left:0;overflow:hidden;position:fixed;right:0;top:64px;width:100%;z-index:999}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-backdrop{animation:fadeIn .2s ease-out;background:#0000004d;bottom:0;cursor:pointer;left:0;position:fixed;right:0;top:0;z-index:998}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-item{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-bottom:1px solid var(--secondary-200);color:var(--neutral-700);cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);gap:var(--space-3);min-height:60px;padding:var(--space-4) var(--space-4);position:relative;text-align:left;transition:all var(--transition-smooth);user-select:none;-webkit-user-select:none;width:100%;z-index:1000}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item:hover:not(:disabled){background:var(--primary-50);color:var(--primary-700)}.mobile-menu-item:active{background:var(--primary-100);transform:scale(.98)}.mobile-menu-item:disabled{cursor:not-allowed;opacity:.6}.mobile-menu-item.active{background:var(--danger-50);color:var(--danger-700)}.mobile-menu-item .menu-icon{flex-shrink:0;font-size:24px}.mobile-menu-item.logout{color:var(--danger-600)}.mobile-menu-item.logout:hover:not(:disabled){background:var(--danger-50);color:var(--danger-700)}.mobile-menu-divider{background:var(--secondary-200);height:1px;margin:var(--space-1) 0}.mobile-menu-actions{grid-gap:var(--space-2);background:#f9fafb;display:grid;gap:var(--space-2);grid-template-columns:repeat(3,1fr);padding:var(--space-3)}.mobile-menu-action-btn{align-items:center;background:#fff;border:2px solid #38685f;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;flex-direction:column;gap:var(--space-1);justify-content:center;min-height:80px;padding:var(--space-3) var(--space-2);transition:all var(--transition-smooth)}.mobile-menu-action-btn:hover:not(:disabled){background:#f0fdf4;border-color:#2d5449;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.mobile-menu-action-btn:active:not(:disabled){box-shadow:0 2px 6px #00000026;transform:translateY(0)}.mobile-menu-action-btn:disabled{cursor:not-allowed;opacity:.5}.mobile-menu-action-btn.active{background:#fef2f2;border-color:#dc2626}.mobile-menu-action-btn .action-icon{font-size:28px;line-height:1}.mobile-menu-action-btn .action-label{color:#1f2937;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.2;text-align:center}.chat-page .chat-header,.chat-page .mobile-menu-container{display:none}}.rppg-results-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 25px #0000001a;margin:16px 0;max-width:600px;overflow:hidden;padding:0}.rppg-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.rppg-header h3{font-size:18px;font-weight:600;margin:0}.close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;transition:background-color .2s;width:32px}.close-button:hover{background:#ffffff4d}.rppg-content{overflow-y:auto;padding:20px}.loading-spinner{padding:40px 20px;text-align:center}.spinner{border:4px solid #e2e8f0;border-top-color:#667eea;margin:0 auto 16px}.error-message{color:#ef4444;padding:40px 20px;text-align:center}.retry-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:16px;padding:8px 16px;transition:background-color .2s}.retry-button:hover{background:#5a67d8}.analysis-quality{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.model-info,.quality-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;color:#fff;font-size:12px;font-weight:500;padding:6px 12px}.model-info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.metric-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:20px}.metric-section.technical{background:#f8fafc;border:1px solid #e2e8f0}.metric-section.insights{background:linear-gradient(135deg,#fef3e3,#fef7ed);border:1px solid #fed7aa}.metric-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:16px}.metric-header h4{color:#374151;font-size:16px;font-weight:600;margin:0}.status-badge{border-radius:16px;color:#fff;font-size:12px;font-weight:500;padding:4px 12px}.metric-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.metric-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;text-align:center;transition:transform .2s,box-shadow .2s}.metric-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.metric-card.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.metric-value{font-size:24px;font-weight:700;margin-bottom:4px}.metric-unit{font-size:12px;font-weight:500;opacity:.8}.chart-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.mini-chart{align-items:end;display:flex;gap:2px;height:80px;justify-content:space-between;margin-bottom:12px}.chart-bar{background:linear-gradient(0deg,#667eea,#764ba2);border-radius:4px 4px 0 0;cursor:pointer;transition:opacity .2s;width:8px}.chart-bar:hover{opacity:.8}.chart-info{color:#6b7280;font-size:12px;text-align:center}.technical-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tech-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:8px 0}.tech-item:last-child{border-bottom:none}.tech-label{color:#6b7280;font-size:13px;font-weight:500}.tech-value{color:#374151;font-size:13px;font-weight:600}.insights-list{display:flex;flex-direction:column;gap:12px}.insight-card{background:#fff;border-left:4px solid #d1d5db;border-radius:8px;padding:16px}.insight-card.positive{border-left-color:#10b981}.insight-card.warning{border-left-color:#f59e0b}.insight-card.info{border-left-color:#3b82f6}.insight-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.insight-icon{font-size:16px}.insight-description{color:#4b5563;font-size:14px;line-height:1.5;margin:8px 0}.insight-recommendation{background:#f9fafb;border-left:2px solid #e5e7eb;border-radius:4px;color:#6b7280;font-size:13px;padding:8px}.disclaimer{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-top:20px;padding:12px}.disclaimer p{color:#991b1b;font-size:12px;line-height:1.4;margin:0}@media (max-width:640px){.rppg-results-container{margin:8px 0}.rppg-content{padding:16px}.metric-grid{grid-template-columns:1fr}.analysis-quality,.metric-header{flex-direction:column}.metric-header{align-items:flex-start}.technical-grid{grid-template-columns:1fr}}.no-results{color:#6b7280;padding:40px 20px;text-align:center}.face-detection-video-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:640px;width:100%}.video-modal-controls{align-items:center;display:flex;gap:8px}.video-toggle-btn{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;color:#495057;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.video-toggle-btn:hover{background:#e9ecef;border-color:#adb5bd}.video-modal-close{background:none;border:none;color:#6c757d;cursor:pointer;font-size:18px;padding:8px 12px;transition:color .2s ease}.video-modal-close:hover{color:#495057}.video-wrapper{background:#000;border-radius:12px;box-shadow:0 8px 32px #0000004d;overflow:hidden;position:relative;width:100%}.detection-status-overlay{align-items:flex-start;display:flex;justify-content:space-between;left:16px;pointer-events:none;position:absolute;right:16px;top:16px;z-index:10}.face-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff1a;border-radius:20px;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 12px}.face-status.detected{background:#0f03;border-color:#00ff004d;color:#0f0}.face-status.not-detected{background:#ff303033;border-color:#ff30304d;color:#ff3030}.status-icon{font-size:16px;font-weight:700}.quality-indicators{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:8px 12px}.quality-item{align-items:center;color:#fff;display:flex;font-size:12px;gap:8px}.quality-bar{background:#ffffff4d;border-radius:2px;height:4px;overflow:hidden;width:60px}.quality-fill{border-radius:2px;height:100%;transition:all .3s ease}.guidance-overlay{bottom:16px;display:flex;justify-content:center;left:16px;pointer-events:none;position:absolute;right:16px;z-index:10}.guidance-message{word-wrap:break-word;background:#000c;border:1px solid #ffffff1a;border-radius:25px;font-weight:500;max-width:90%;text-align:center;transition:all .3s ease}.guidance-message,.recording-indicator-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:16px;padding:12px 20px}.recording-indicator-overlay{align-items:center;background:#ff0000e6;border-radius:25px;box-shadow:0 4px 20px #ff00004d;display:flex;font-weight:700;gap:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:15}.recording-dot-pulse{animation:pulse 1s infinite;background:#fff;border-radius:50%;height:12px;width:12px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;color:#fff;display:flex;flex-direction:column;font-size:16px;gap:16px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}.recording-controls{display:flex;gap:16px;justify-content:center;margin-top:20px}.record-btn,.stop-btn{align-items:center;border:none;border-radius:25px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:160px;padding:12px 24px;transition:all .3s ease}.record-btn.ready{background:linear-gradient(135deg,red,#c00);box-shadow:0 4px 15px #ff00004d;color:#fff}.record-btn.ready:hover{background:linear-gradient(135deg,#c00,#900);box-shadow:0 6px 20px #f006;transform:translateY(-2px)}.record-btn.disabled{background:#ccc;color:#666;cursor:not-allowed;opacity:.6}.stop-btn{background:linear-gradient(135deg,#333,#555);box-shadow:0 4px 15px #0000004d;color:#fff}.stop-btn:hover{background:linear-gradient(135deg,#555,#777);box-shadow:0 6px 20px #0006;transform:translateY(-2px)}canvas{left:0;position:absolute;top:0;z-index:5}@media (max-width:768px){.face-detection-video-container{padding:0 16px}.detection-status-overlay{flex-direction:column;gap:8px;left:12px;right:12px;top:12px}.guidance-overlay{bottom:12px;left:12px;right:12px}.guidance-message{font-size:14px;padding:10px 16px}.quality-indicators{align-self:flex-end}.recording-controls{margin-top:16px}.record-btn,.stop-btn{font-size:14px;min-width:140px;padding:10px 20px}}@media (max-width:480px){.guidance-message{font-size:12px;padding:8px 12px}.face-status{font-size:12px;padding:6px 10px}.quality-item{font-size:11px}.quality-bar{width:50px}}@media (prefers-reduced-motion:reduce){.guidance-message,.loading-spinner,.quality-fill,.record-btn,.recording-dot-pulse,.stop-btn{animation:none;transition:none}}@media (prefers-contrast:high){.face-status,.guidance-message,.quality-indicators{background:#000000e6;border:2px solid #fff}.face-status.detected{border-color:#0f0}.face-status.not-detected{border-color:red}}.symptom-modal-overlay{-webkit-overflow-scrolling:touch;align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;overscroll-behavior:contain;padding:20px!important;position:fixed;right:0;top:0;touch-action:none;z-index:1000}.progress-indicator{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;margin-bottom:16px;padding:16px 20px;position:relative;z-index:1}.symptom-modal-content .progress-indicator{right:0!important}.progress-bar{background-color:#e5e7eb;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,var(--primary-500),var(--primary-600));border-radius:3px;height:100%;transition:width .3s ease}.progress-text{color:#6b7280;font-size:14px;font-weight:500}.symptom-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-height:95vh;max-width:500px;overflow-y:auto;position:relative;width:100%}.symptom-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:0;padding:16px 20px}.symptom-modal-header-actions{align-items:center;display:flex;gap:8px;position:relative;z-index:10}.symptom-modal-header h2{color:#1f2937;font-size:24px;font-weight:600;margin:0}.symptom-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.symptom-modal-close:hover{background-color:#f3f4f6;color:#374151}.symptom-modal-close:disabled{cursor:not-allowed;opacity:.5}.symptom-modal-form{padding:0 20px 20px}.form-group{margin-bottom:18px}.form-label{color:#374151;display:block;font-size:16px;font-weight:500;margin-bottom:12px}.form-input,.form-select{background-color:#fff;border:2px solid #d1d5db;border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .2s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.slider-container{align-items:center;background:linear-gradient(135deg,var(--primary-50),var(--secondary-50));border:2px solid var(--primary-200);border-radius:12px;display:flex;flex-direction:column;margin-bottom:8px;padding:20px}.slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,var(--primary-200) 0,var(--secondary-200) 100%);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #38685f66;cursor:pointer;height:40px;-webkit-transition:all .2s ease;transition:all .2s ease;width:40px}.slider::-webkit-slider-thumb:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 6px 16px #38685f80;transform:scale(1.1)}.slider::-moz-range-thumb{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #38685f66;cursor:pointer;height:40px;width:40px}.slider{margin-top:8px}.slider-labels{color:var(--primary-700);display:flex;font-size:13px;font-weight:600;justify-content:space-between;letter-spacing:.5px;margin-top:12px;text-transform:uppercase;width:100%}.slider-value{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:3px solid #fff;border-radius:12px;box-shadow:0 4px 12px #38685f4d;color:#fff;display:inline-flex;font-size:24px;font-weight:800;height:50px;justify-content:center;margin-bottom:16px;min-width:50px}.form-actions{border-top:1px solid #e5e7eb;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;min-width:100px;padding:12px 24px;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-sm{font-size:14px;min-width:auto;padding:8px 16px}.btn-outline-secondary{background:#0000;border:1px solid #d1d5db;color:#6b7280}.btn-outline-secondary:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;color:#374151}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));box-shadow:0 2px 4px #38685f33;color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 4px 8px #38685f4d;transform:translateY(-1px)}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.form-actions{align-items:center;display:flex;gap:16px;justify-content:space-between}.form-actions-left,.navigation-buttons{align-items:center;display:flex;gap:12px}.btn-outline-primary{background:#0000;border:1px solid var(--primary-500);color:var(--primary-500)}.btn-outline-primary:hover:not(:disabled){background:var(--primary-500);color:#fff}@media (max-width:640px){.symptom-modal-content{margin:10px;max-height:calc(100vh - 20px)}.symptom-modal-form,.symptom-modal-header{padding-left:16px;padding-right:16px}.form-actions{flex-direction:column;gap:12px}.form-actions-left{justify-content:center;width:100%}.navigation-buttons{flex-direction:column;width:100%}.btn{width:100%}}.symptom-history-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1001!important}.symptom-history-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;margin:0 auto;max-height:500px;max-width:800px;overflow:hidden;position:relative;width:100%}.symptom-history-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:0;padding:24px 24px 0}.symptom-history-header h2{color:#1f2937;font-size:24px;font-weight:600;margin:0}.symptom-history-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.symptom-history-close:hover{background-color:#f3f4f6;color:#374151}.symptom-history-body{flex:1 1;overflow-y:auto;padding:24px}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top:4px solid var(--primary-500);height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-state{color:#dc2626;padding:40px 20px;text-align:center}.error-state p{margin-bottom:16px}.empty-state{color:#6b7280;padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{color:#374151;margin:0 0 8px}.empty-state p{font-size:16px;margin:0}.symptoms-list{display:flex;flex-direction:column;gap:16px}.symptom-entry{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;padding:0;transition:all .2s ease}.symptom-entry:hover{border-color:var(--primary-500);box-shadow:0 4px 12px #38685f26;transform:translateY(-1px)}.symptom-entry-header{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;margin:0;padding:16px 20px}.symptom-entry-header h4{color:#fff;font-size:16px;font-weight:600;margin:0}.symptom-entry-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:20px}.symptom-field{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .2s ease}.symptom-field:hover{background:#f1f5f9;border-color:#cbd5e1}.symptom-field label{color:#64748b;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.symptom-value{color:#1e293b;font-size:15px;font-weight:500;line-height:1.5}.symptom-value.feeling{color:#059669}.symptom-value.symptom{color:#dc2626}.symptom-value.sleep{color:#2563eb}.symptom-value.stress{color:#d97706}.symptom-value.comparison{color:var(--secondary-500)}.severity{color:#64748b;display:block;font-size:14px;font-style:italic;margin-top:8px}@media (max-width:640px){.symptom-history-content{margin:10px;max-height:calc(100vh - 20px)}.symptom-history-body,.symptom-history-header{padding-left:16px;padding-right:16px}.symptom-entry-content{gap:16px;grid-template-columns:1fr;padding:16px}.symptom-field{padding:12px}}@media (min-width:768px){.symptom-entry-content{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (min-width:1024px){.symptom-entry-content{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:#fffffffa;border:1px solid #0000000d;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;margin:20px auto;max-height:90vh;max-width:800px;overflow-y:auto;position:relative}.card-header{background:#fff;border-bottom:1px solid #0000000d;padding:32px 32px 16px}.card-body{flex:1 1;overflow-y:auto;padding:16px 32px}.onboarding-container{animation:fadeIn .6s ease-out;background:linear-gradient(135deg,var(--primary-50) 0,var(--secondary-50) 50%,var(--primary-100) 100%);display:flex;flex-direction:column;min-height:100vh}.onboarding-header{animation:fadeInDown .6s ease-out;background:linear-gradient(135deg,var(--primary-500) 0,var(--secondary-500) 100%);box-shadow:var(--shadow-lg);color:#fff;padding:var(--space-6)}.onboarding-title{color:#fff;font-family:var(--font-family-secondary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.onboarding-subtitle{color:#ffffffe6;font-size:var(--font-size-base)}.onboarding-content{animation:fadeInUp .6s ease-out .2s both;margin:0 auto;max-width:800px;padding:var(--space-8)}.onboarding-step{animation:scaleIn .6s ease-out .4s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);overflow:hidden}.step-header{background:linear-gradient(135deg,var(--primary-50) 0,var(--secondary-50) 100%);border-bottom:1px solid #0000001a;padding:var(--space-6);text-align:center}.step-title{animation:fadeInUp .6s ease-out .6s both;color:var(--primary-700);font-family:var(--font-family-secondary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.step-subtitle{animation:fadeInUp .6s ease-out .8s both;color:var(--neutral-600);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.disclaimer-section,.step-body{padding:var(--space-6)}.disclaimer-section{animation:fadeInUp .6s ease-out 1s both;background:linear-gradient(135deg,var(--warning-50) 0,var(--warning-100) 100%);border:2px solid var(--warning-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-6)}.disclaimer-title{align-items:center;color:var(--warning-800);display:flex;font-family:var(--font-family-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin-bottom:var(--space-4)}.disclaimer-title:before{content:"⚠️";font-size:var(--font-size-2xl)}.disclaimer-content{color:var(--warning-700);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.disclaimer-content p{margin-bottom:var(--space-3)}.disclaimer-content .font-semibold{color:var(--warning-800);font-weight:var(--font-weight-semibold)}.privacy-section{animation:fadeInUp .6s ease-out 1.2s both;background:linear-gradient(135deg,var(--primary-50) 0,var(--primary-100) 100%);border:2px solid var(--primary-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-6);padding:var(--space-6)}.privacy-title{align-items:center;color:var(--primary-800);display:flex;font-family:var(--font-family-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin-bottom:var(--space-4)}.privacy-title:before{content:"🔒";font-size:var(--font-size-2xl)}.privacy-content{color:var(--primary-700);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.privacy-content p{margin-bottom:var(--space-3)}.danger-section{animation:fadeInUp .6s ease-out 1.4s both;background:linear-gradient(135deg,var(--danger-50) 0,var(--danger-100) 100%);border:2px solid var(--danger-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-6);padding:var(--space-6)}.danger-title{align-items:center;color:var(--danger-800);display:flex;font-family:var(--font-family-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin-bottom:var(--space-4)}.danger-title:before{content:"🚨";font-size:var(--font-size-2xl)}.danger-content{color:var(--danger-700);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.danger-content p{margin-bottom:var(--space-3)}.danger-content ul{list-style:none;padding-left:var(--space-4)}.danger-content li{margin-bottom:var(--space-1);position:relative}.danger-content li:before{color:var(--danger-600);content:"•";font-weight:700;left:-var(--space-3);position:absolute}.step-actions{background:#fff!important;border-top:1px solid #0000001a!important;bottom:0!important;display:block!important;margin-top:20px!important;padding:24px!important;position:-webkit-sticky!important;position:sticky!important;text-align:center!important;width:100%!important;z-index:10!important}.consent-button{background:linear-gradient(135deg,#e91e63,#ad1457)!important;border:none!important;border-radius:16px!important;box-shadow:0 4px 12px #e91e634d!important;color:#fff!important;cursor:pointer!important;display:inline-block!important;font-size:18px!important;font-weight:600!important;min-width:200px!important;overflow:hidden!important;padding:16px 32px!important;position:relative!important;text-align:center!important;transition:all .3s ease!important}.consent-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.consent-button:hover:before{left:100%}.consent-button:hover{background:linear-gradient(135deg,var(--secondary-600) 0,var(--secondary-700) 100%);box-shadow:var(--shadow-2xl);transform:translateY(-3px) scale(1.02)}.consent-button:active{transform:translateY(-1px)}.consent-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.progress-indicator{animation:slideInRight .6s ease-out .8s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--primary-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-2) var(--space-4);position:absolute;right:var(--space-6);top:var(--space-4)}.bg-yellow-50{background:linear-gradient(135deg,var(--warning-50) 0,var(--warning-100) 100%)!important}.border-yellow-200{border-color:var(--warning-200)!important}.text-yellow-800{color:var(--warning-800)!important}.text-yellow-700{color:var(--warning-700)!important}.bg-red-50{background:linear-gradient(135deg,var(--danger-50) 0,var(--danger-100) 100%)!important}.border-red-200{border-color:var(--danger-200)!important}.text-red-800{color:var(--danger-800)!important}.text-red-700{color:var(--danger-700)!important}.bg-blue-50{background:linear-gradient(135deg,var(--primary-50) 0,var(--primary-100) 100%)!important}.border-blue-200{border-color:var(--primary-200)!important}.text-blue-800{color:var(--primary-800)!important}.text-blue-700{color:var(--primary-700)!important}.text-2xl{font-size:var(--font-size-3xl)!important}.text-xl{font-size:var(--font-size-2xl)!important}.text-lg{font-size:var(--font-size-xl)!important}.text-sm{font-size:var(--font-size-sm)!important}.font-bold{font-weight:var(--font-weight-bold)!important}.font-semibold{font-weight:var(--font-weight-semibold)!important}.text-gray-800{color:var(--neutral-800)!important}.text-gray-700{color:var(--neutral-700)!important}.text-gray-600{color:var(--neutral-600)!important}.text-gray-500{color:var(--neutral-500)!important}.rounded-lg{border-radius:var(--radius-2xl)!important}.bg-pink-500,.shadow-sm{box-shadow:var(--shadow-lg)!important}.bg-pink-500{background:linear-gradient(135deg,var(--secondary-500) 0,var(--secondary-600) 100%)!important;border:none!important;border-radius:var(--radius-2xl)!important;color:#fff!important;font-weight:var(--font-weight-semibold)!important;padding:var(--space-4) var(--space-8)!important;transition:all var(--transition-bounce)!important}.bg-pink-500:hover{background:linear-gradient(135deg,var(--secondary-600) 0,var(--secondary-700) 100%)!important;box-shadow:var(--shadow-2xl)!important;transform:translateY(-2px) scale(1.02)!important}.min-h-screen{background:linear-gradient(135deg,var(--primary-50) 0,var(--secondary-50) 50%,var(--primary-100) 100%)!important}.onboarding-main{display:flex;flex:1 1;flex-direction:column;min-height:0}.onboarding-step-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;margin:var(--space-6) 0;max-height:calc(100vh - 200px);overflow:hidden}.onboarding-step-header{border-bottom:1px solid #0000001a;flex-shrink:0;padding:var(--space-6);text-align:center}.onboarding-step-title{color:#fff;font-family:var(--font-family-secondary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.onboarding-step-subtitle{color:#fff;font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.onboarding-step-content{flex:1 1;overflow-y:auto;padding:var(--space-6);scrollbar-color:var(--primary-300) var(--primary-50);scrollbar-width:thin}.onboarding-step-content::-webkit-scrollbar{width:8px}.onboarding-step-content::-webkit-scrollbar-track{background:var(--primary-50);border-radius:4px}.onboarding-step-content::-webkit-scrollbar-thumb{background:var(--primary-300);border-radius:4px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.onboarding-step-content::-webkit-scrollbar-thumb:hover{background:var(--primary-400)}.onboarding-help-text{flex-shrink:0;margin-top:var(--space-4);text-align:center}