@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-sans: "Outfit", sans-serif;--primary: 215 90% 60%;--primary-foreground: 0 0% 100%;--background: 210 40% 98%;--foreground: 222 47% 12%;--card: 0 0% 100%;--card-foreground: 222 47% 12%;--muted: 210 40% 92%;--muted-foreground: 215 16% 47%;--accent: 215 90% 95%;--accent-foreground: 215 90% 40%;--border: 214 32% 91%;--input: 214 32% 91%;--radius: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .05), 0 8px 10px -6px rgb(0 0 0 / .05)}@media(prefers-color-scheme:dark){:root{--background: 224 71% 4%;--foreground: 210 20% 98%;--card: 224 71% 7%;--card-foreground: 210 20% 98%;--muted: 217 32% 17%;--muted-foreground: 215 20% 65%;--accent: 217 32% 17%;--accent-foreground: 210 20% 98%;--border: 217 32% 17%;--input: 217 32% 17%;--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .2), 0 8px 10px -6px rgb(0 0 0 / .2)}}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{font-family:var(--font-sans);background-color:hsl(var(--background));color:hsl(var(--foreground));min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}#root{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-up{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}.animate-float{animation:float 6s ease-in-out infinite}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;background:radial-gradient(circle at 10% 20%,hsl(var(--primary) / .08) 0%,transparent 40%),radial-gradient(circle at 90% 80%,hsl(var(--primary) / .08) 0%,transparent 40%)}.auth-card{width:100%;max-width:440px;background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) * 1.5);padding:2.5rem 2rem;box-shadow:var(--shadow-xl);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative;overflow:hidden}@media(max-width:480px){.auth-card{padding:1.5rem 1rem}.auth-container{padding:.75rem}.auth-logo{font-size:1.5rem}.auth-logo svg{width:28px;height:28px}.auth-subtitle{font-size:.85rem}}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:2rem;font-weight:800;letter-spacing:-.025em;color:hsl(var(--primary));margin-bottom:.5rem}.auth-subtitle{font-size:.95rem;color:hsl(var(--muted-foreground))}.auth-tabs{display:flex;background-color:hsl(var(--muted));padding:.25rem;border-radius:var(--radius);margin-bottom:1.75rem}.auth-tab-btn{flex:1;background:transparent;border:none;font-family:var(--font-sans);font-size:.95rem;font-weight:600;padding:.625rem 0;color:hsl(var(--muted-foreground));border-radius:calc(var(--radius) - .25rem);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.auth-tab-btn.active{background-color:hsl(var(--card));color:hsl(var(--foreground));box-shadow:var(--shadow-sm)}.form-group{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.375rem}.form-label{font-size:.875rem;font-weight:600;color:hsl(var(--foreground))}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:.875rem;color:hsl(var(--muted-foreground));pointer-events:none;display:flex;align-items:center;justify-content:center}.form-input{width:100%;font-family:var(--font-sans);font-size:.95rem;padding:.75rem 1rem .75rem 2.5rem;border-radius:var(--radius);border:1px solid hsl(var(--border));background-color:hsl(var(--background));color:hsl(var(--foreground));outline:none;transition:all .2s cubic-bezier(.16,1,.3,1)}.form-input:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .15);background-color:hsl(var(--card))}.btn-primary{width:100%;font-family:var(--font-sans);background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:var(--radius);padding:.875rem;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px hsl(var(--primary) / .25);margin-top:1rem}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px hsl(var(--primary) / .35);background-color:hsl(var(--primary) / .9)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.auth-alert{padding:.75rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.auth-alert.error{background-color:#ffe5e5;color:#b30000;border:1px solid hsl(0 100% 90%)}@media(prefers-color-scheme:dark){.auth-alert.error{background-color:#33000080;color:#f66;border:1px solid hsl(0 100% 20%)}}.auth-alert.success{background-color:#e9fbf0;color:#136c34;border:1px solid hsl(142 70% 90%)}@media(prefers-color-scheme:dark){.auth-alert.success{background-color:#082b1580;color:#7de8a4;border:1px solid hsl(142 70% 20%)}}.social-divider{display:flex;align-items:center;text-align:center;color:hsl(var(--muted-foreground));font-size:.75rem;font-weight:500;margin:1.5rem 0;letter-spacing:.05em;text-transform:uppercase}.social-divider:before,.social-divider:after{content:"";flex:1;border-bottom:1px solid hsl(var(--border))}.social-divider:not(:empty):before{margin-right:.75em}.social-divider:not(:empty):after{margin-left:.75em}.social-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.btn-social{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;font-family:var(--font-sans);background-color:hsl(var(--card));border:1px solid hsl(var(--border));color:hsl(var(--foreground));border-radius:var(--radius);padding:.75rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-social:hover{background-color:hsl(var(--muted));border-color:hsl(var(--muted-foreground) / .3)}.auth-footer{margin-top:1.5rem;text-align:center;font-size:.875rem;color:hsl(var(--muted-foreground))}.auth-link{color:hsl(var(--primary));text-decoration:none;font-weight:600;transition:color .2s ease}.auth-link:hover{text-decoration:underline;color:hsl(var(--primary) / .8)}.auth-back-link{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;color:hsl(var(--muted-foreground));text-decoration:none;margin-bottom:1.5rem;cursor:pointer;transition:color .2s ease}.auth-back-link:hover{color:hsl(var(--foreground))}.language-selector{position:absolute;top:1rem;right:1.5rem;display:flex;gap:.25rem;z-index:10}.lang-btn{background:transparent;border:none;font-family:var(--font-sans);font-size:.7rem;font-weight:700;color:hsl(var(--muted-foreground));cursor:pointer;padding:.2rem .4rem;border-radius:4px;transition:all .2s ease}.lang-btn:hover{color:hsl(var(--foreground));background-color:hsl(var(--muted))}.lang-btn.active{color:hsl(var(--primary));background-color:hsl(var(--primary) / .1)}@media(max-width:480px){.language-selector{position:static;justify-content:center;margin-bottom:.5rem}}.grid-cols-4{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.grid-cols-2{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(max-width:768px){.grid-cols-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.grid-cols-4{display:flex;overflow-x:auto;gap:.75rem;padding-bottom:.5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.grid-cols-4::-webkit-scrollbar{display:none}.grid-cols-4>*{flex:0 0 auto;width:155px;scroll-snap-align:start}.grid-cols-2{grid-template-columns:1fr}}@media(max-width:480px){.grid-cols-4>*{width:140px}}.page-padding{padding:0 1.5rem 1.5rem}.page-gap{gap:1.5rem}@media(max-width:768px){.page-padding{padding:0 1.25rem 1.25rem}.page-gap{gap:1.25rem}}@media(max-width:640px){.page-padding{padding:0 1rem 1rem}.page-gap{gap:1rem}.hide-mobile{display:none!important}}@media(max-width:480px){.page-padding{padding:0 .75rem .75rem}.page-gap{gap:.75rem}}.page-layout{min-height:100vh;background:radial-gradient(circle at 10% 20%,hsl(var(--primary) / .05) 0%,transparent 40%);display:flex;flex-direction:column}.page-layout-header{padding:.75rem 1.5rem;max-width:1000px;width:100%;margin:0 auto;display:flex;align-items:center;gap:.5rem}.page-layout-main{flex:1;max-width:1000px;width:100%;margin:0 auto;display:flex;flex-direction:column}@media(max-width:480px){.page-layout-header{padding:.5rem .75rem}}.home-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.home-header-left{min-width:0;flex:1}.home-baby-name{font-size:2rem;font-weight:800;color:hsl(var(--foreground));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}@media(max-width:640px){.home-baby-name{font-size:1.5rem}}@media(max-width:480px){.home-baby-name{font-size:1.25rem}}.home-greeting{font-size:1rem;color:hsl(var(--muted-foreground));font-weight:500;margin-bottom:.25rem}@media(max-width:480px){.home-greeting{font-size:.85rem}}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}@media(max-width:480px){.icon-button{width:38px!important;height:38px!important}}.dropdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:.5rem;background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:220px;z-index:100;padding:.5rem}.dropdown-menu-right{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:180px;z-index:100;padding:.5rem}@media(max-width:480px){.dropdown-menu,.dropdown-menu-right{position:fixed;left:.75rem;right:.75rem;top:auto;bottom:0;margin-top:0;border-radius:var(--radius) var(--radius) 0 0;max-height:60vh;overflow-y:auto;box-shadow:0 -4px 20px #00000026}}.overview-card{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) * 1.5);padding:1.25rem}.overview-age{background-color:hsl(var(--primary) / .1);border-radius:var(--radius);padding:.375rem .75rem;font-size:.8rem;font-weight:700;color:hsl(var(--primary))}.overview-gender-icon{width:36px;height:36px;border-radius:50%;background-color:hsl(var(--primary) / .1);display:flex;align-items:center;justify-content:center;color:hsl(var(--primary))}.overview-status-label{font-size:.8rem;font-weight:600;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.02em;margin-bottom:.25rem}.overview-status-text{font-size:1rem;font-weight:700}.overview-stat-icon{width:34px;height:34px;border-radius:50%;background-color:hsl(var(--primary) / .1);display:flex;align-items:center;justify-content:center;color:hsl(var(--primary));flex-shrink:0}.overview-stat-value{font-size:1rem;font-weight:700;line-height:1.2}.overview-stat-label{font-size:.75rem;color:hsl(var(--muted-foreground))}@media(max-width:480px){.overview-card{padding:.75rem;border-radius:var(--radius)}.overview-stat-value{font-size:.9rem}.overview-stat-label{font-size:.65rem}.overview-stat-icon{width:28px;height:28px}.overview-status-text{font-size:.9rem}}.feature-card{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) * 1.25);padding:1rem;cursor:pointer;transition:all .2s ease}.feature-card-icon{width:38px;height:38px;border-radius:var(--radius);background-color:hsl(var(--primary) / .1);display:flex;align-items:center;justify-content:center;color:hsl(var(--primary));margin-bottom:.75rem}.feature-card-title{font-size:.85rem;font-weight:700;line-height:1.3}.feature-card-subtitle{font-size:.7rem;margin-top:.25rem;color:hsl(var(--muted-foreground))}@media(max-width:480px){.feature-card{padding:.75rem}.feature-card-icon{width:32px;height:32px;margin-bottom:.5rem}.feature-card-title{font-size:.75rem}.feature-card-subtitle{font-size:.6rem}}.insights-card{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) * 1.5);padding:1.25rem}@media(max-width:480px){.insights-card{padding:.75rem;border-radius:var(--radius)}}.insights-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.625rem}.insights-title{font-size:.85rem;font-weight:700;color:hsl(var(--primary))}.insights-message{font-size:.85rem;color:hsl(var(--muted-foreground));line-height:1.5}.empty-state{padding:4rem 2rem}@media(max-width:640px){.empty-state{padding:2.5rem 1.25rem}}@media(max-width:480px){.empty-state{padding:2rem 1rem}}.status-dot{width:8px;height:8px;border-radius:50%;background-color:#10b981;flex-shrink:0}.timeline-empty{display:flex;align-items:center;justify-content:center;padding:2rem;color:hsl(var(--muted-foreground));font-size:.9rem}@media(max-width:480px){.timeline-empty{padding:1.25rem;font-size:.8rem}}.section-header{display:flex;justify-content:space-between;align-items:center;padding:0 .25rem}.section-header-label{font-size:.75rem;font-weight:700;letter-spacing:.05em;color:hsl(var(--primary));text-transform:uppercase}.section-header-action{font-size:.8rem;color:hsl(var(--primary));font-weight:600;cursor:pointer}