@charset "UTF-8";*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{margin:0;line-height:inherit;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;color:#111827;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;line-height:1.25;margin:0}h1{font-size:2.25rem}@media (min-width: 640px){h1{font-size:3rem}}h2{font-size:1.875rem}@media (min-width: 640px){h2{font-size:2.25rem}}h3{font-size:1.5rem}@media (min-width: 640px){h3{font-size:1.875rem}}h4{font-size:1.25rem}@media (min-width: 640px){h4{font-size:1.5rem}}h5{font-size:1.125rem}@media (min-width: 640px){h5{font-size:1.25rem}}h6{font-size:1rem}@media (min-width: 640px){h6{font-size:1.125rem}}p{margin:0 0 1rem;line-height:1.625}p:last-child{margin-bottom:0}a{color:#f472b6;text-decoration:none;transition:color .15s ease-in-out}a:hover{color:#f0439e;text-decoration:underline}a:focus{outline:2px solid #F472B6;outline-offset:2px}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}.container{max-width:100%;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px;padding:0 1.5rem}}@media (min-width: 1280px){.container{max-width:1280px;padding:0 2rem}}.layout-fullscreen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}@media (max-width: 640px){.layout-fullscreen{min-height:auto;align-items:flex-start;padding:.5rem}}.layout-centered{display:flex;align-items:center;justify-content:center;min-height:100vh}.bg-gradient-primary{background:linear-gradient(135deg,#f472b6,#fb7185,#fb923c)}.bg-gradient-baby-warm{background:linear-gradient(135deg,#fdf2f8,#f3e8ff,#ecfdf5)}.bg-gradient-baby-cool{background:linear-gradient(135deg,#bae1ff,#e1baff,#baffc9)}.bg-gradient-sunset{background:linear-gradient(135deg,#fb923c,#fb7185,#a78bfa)}.dashboard-layout{min-height:calc(100vh - 70px);padding:1.5rem}@media (max-width: 768px){.dashboard-layout{min-height:calc(100vh - 60px)}}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:1.5rem;max-width:1400px;margin:0 auto;min-height:calc(100vh - 3rem)}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto}}.dashboard-main{grid-column:1;grid-row:1}@media (max-width: 1024px){.dashboard-main{grid-column:1;grid-row:1}}.dashboard-activity{grid-column:2;grid-row:1}@media (max-width: 1024px){.dashboard-activity{grid-column:1;grid-row:2}}.dashboard-sleep{grid-column:1/-1;grid-row:2}@media (max-width: 1024px){.dashboard-sleep{grid-column:1;grid-row:3}}.dashboard-content{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}@media (max-width: 768px){.dashboard-content{flex-direction:column;gap:1.5rem}}.dashboard-emoji{font-size:6rem;animation:bounce-slow 2s ease-in-out infinite;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dashboard-actions{display:flex;flex-direction:column;gap:1rem;min-width:200px}.dashboard-status{text-align:center;margin-top:2rem}.dashboard-status .status-main{font-size:1.125rem;color:#4b5563;margin-bottom:.5rem}.dashboard-status .status-details{font-size:.875rem;color:#6b7280;line-height:1.625}.dashboard-status .status-details p{margin:.25rem 0}.dashboard-status .status-sleeping{color:#818cf8;font-weight:500}.onboarding-layout{background:linear-gradient(135deg,#fdf2f8,#f3e8ff,#ecfdf5);position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden}@media (max-width: 640px){.onboarding-layout{padding:.5rem}}.onboarding-language-selector{position:absolute;top:1.5rem;right:1.5rem;z-index:1000}@media (max-width: 640px){.onboarding-language-selector{top:1rem;right:1rem}}.onboarding-header{text-align:center;margin-bottom:2rem}.onboarding-header .emoji-large{font-size:6rem;margin-bottom:1.5rem;animation:pulse 3s ease-in-out infinite}.onboarding-header .title-gradient{font-size:2.25rem;font-weight:700;background:linear-gradient(135deg,#f472b6,#fb7185,#fb923c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;line-height:1.25}.onboarding-header .subtitle{color:#4b5563;font-size:1.125rem;line-height:1.5}@media (max-width: 640px){.onboarding-header{margin-bottom:1rem}.onboarding-header .emoji-large{font-size:3.75rem;margin-bottom:.75rem}.onboarding-header .title-gradient{font-size:1.5rem;margin-bottom:.5rem}.onboarding-header .subtitle{font-size:.875rem}}.onboarding-decorations{margin-top:2rem;text-align:center}.onboarding-decorations .emoji-row{display:flex;justify-content:center;gap:1rem;font-size:1.875rem;opacity:.6}.onboarding-decorations .emoji-row span{animation:bounce 2s ease-in-out infinite}.onboarding-decorations .emoji-row span:nth-child(1){animation-delay:.1s}.onboarding-decorations .emoji-row span:nth-child(2){animation-delay:.2s}.onboarding-decorations .emoji-row span:nth-child(3){animation-delay:.3s}.onboarding-decorations .emoji-row span:nth-child(4){animation-delay:.4s}.onboarding-decorations .emoji-row span:nth-child(5){animation-delay:.5s}@media (max-width: 640px){.onboarding-decorations{margin-top:1rem}.onboarding-decorations .emoji-row{gap:.5rem;font-size:1.25rem}}.d-flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.page-loading p{color:#4b5563;font-size:1.125rem;font-weight:500}.loading-spinner-large{width:64px;height:64px;border:4px solid rgba(209,213,219,.3);border-top:4px solid #F472B6;border-radius:50%;animation:spin 1s linear infinite}.card-base,.card-elevated,.card-gradient-cool,.card-gradient-warm,.card-glass,.card-status,.card-onboarding,.card-dashboard,.card-primary{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1.5rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 25px 50px -12px #00000040;overflow:visible;transition:all .3s ease-in-out;position:relative}.card-body{padding:2rem}.card-header{padding:1.5rem 2rem;border-bottom:1px solid rgba(229,231,235,.5);background:#ffffff80}.card-header .card-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0;line-height:1.25}.card-header .card-subtitle{font-size:1rem;color:#4b5563;margin:.5rem 0 0;line-height:1.5}.card-footer{padding:1.5rem 2rem;border-top:1px solid rgba(229,231,235,.5);background:#ffffff80}.card-primary{background:linear-gradient(135deg,#ffb3bae6,#ffdfbae6,#ffffbae6)}.card-primary .card-title{background:linear-gradient(135deg,#f472b6,#fb7185,#fb923c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card-glass,.card-status,.card-onboarding,.card-dashboard{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}.card-glass:hover,.card-status:hover,.card-onboarding:hover,.card-dashboard:hover{background:#ffffffe6;transform:translateY(-4px);box-shadow:0 25px 50px -12px #00000040,0 20px 40px #0000001a}.card-gradient-warm{background:linear-gradient(135deg,#fdf2f8,#f3e8ff,#ecfdf5)}.card-gradient-warm .card-body{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem;margin:.5rem}.card-gradient-cool{background:linear-gradient(135deg,#bae1ff,#e1baff,#baffc9)}.card-gradient-cool .card-body{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem;margin:.5rem}.card-elevated{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.card-elevated:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 32px 64px #0003}.card-sm .card-body{padding:1rem}.card-sm .card-header,.card-sm .card-footer{padding:.75rem 1rem}.card-sm .card-title{font-size:1.125rem}.card-lg .card-body{padding:3rem}.card-lg .card-header,.card-lg .card-footer{padding:2rem 3rem}.card-lg .card-title{font-size:1.875rem}.card-xl .card-body{padding:4rem}.card-xl .card-header,.card-xl .card-footer{padding:2.5rem 4rem}.card-xl .card-title{font-size:2.25rem}.card-horizontal{display:flex;align-items:stretch}.card-horizontal .card-image{flex:0 0 40%;background-size:cover;background-position:center;min-height:200px}.card-horizontal .card-content{flex:1;display:flex;flex-direction:column}.card-centered .card-body,.card-status .card-body{display:flex;flex-direction:column;align-items:center;text-align:center}.card-centered .card-header,.card-status .card-header{text-align:center}.card-group{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width: 768px){.card-group{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.card-group{grid-template-columns:repeat(3,1fr)}}@media (min-width: 640px){.card-group.card-group-2-cols{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.card-group.card-group-4-cols{grid-template-columns:repeat(4,1fr)}}.card-dashboard{max-width:28rem;width:100%}.card-dashboard .card-body{padding:2rem}.card-onboarding{max-width:28rem;width:100%;border:1px solid rgba(255,255,255,.2);max-height:calc(100vh - 2rem);overflow-y:auto}.card-onboarding .card-body{padding:2rem}@media (max-width: 640px){.card-onboarding{max-width:100%;margin:0;max-height:calc(100vh - 1rem)}.card-onboarding .card-body{padding:1.25rem 1rem}}.card-status .emoji-display{font-size:6rem;margin:1rem 0;animation:bounce-slow 2s ease-in-out infinite}@keyframes bounce-slow{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.card-animate-in{animation:card-slide-up .5s ease-out}@keyframes card-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-borderless{border:none;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card-flat{box-shadow:none;border:1px solid #E5E7EB}.card-hover-lift:hover{transform:translateY(-4px);box-shadow:0 25px 50px -12px #00000040}.btn-base{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease-in-out;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-base:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-base:focus{outline:none}.btn-sm{padding:.5rem 1rem;font-size:.875rem;border-radius:.75rem;min-height:2.5rem}.btn-base-size{padding:.75rem 1.5rem;font-size:1rem;border-radius:1rem;min-height:3rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem;border-radius:1rem;min-height:3.5rem}.btn-xl{padding:1.25rem 2.5rem;font-size:1.25rem;border-radius:1rem;min-height:4rem}.btn-primary{background:linear-gradient(135deg,#f472b6,#fb7185,#fb923c);color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;background:linear-gradient(135deg,#f0439e,#fa3f5a,#fa760a)}.btn-primary:active{transform:translateY(0) scale(.98);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-primary:focus{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 4px #f472b640}.btn-baby-warm{background:linear-gradient(135deg,#fdf2f8,#f3e8ff,#ecfdf5);color:#374151;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn-baby-warm:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;background:linear-gradient(135deg,#ff808c,#ffc787,#ffff87)}.btn-baby-warm:active{transform:translateY(0) scale(.98);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-sleep{background:linear-gradient(135deg,#818cf8,#a78bfa);color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn-sleep:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;background:linear-gradient(135deg,#5160f5,#825af8)}.btn-sleep:active{transform:translateY(0) scale(.98);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-wake{background:linear-gradient(135deg,#fbbf24,#fb923c);color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn-wake:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;background:linear-gradient(135deg,#e8a804,#fa760a)}.btn-wake:active{transform:translateY(0) scale(.98);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-eat{background:linear-gradient(135deg,#4ade80,#60a5fa);color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn-eat:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;background:linear-gradient(135deg,#26cf64,#2f89f8)}.btn-eat:active{transform:translateY(0) scale(.98);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-diaper{background:linear-gradient(135deg,#f472b6,#ef4444);color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn-diaper:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;background:linear-gradient(135deg,#f0439e,#eb1515)}.btn-diaper:active{transform:translateY(0) scale(.98);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-secondary{background:#ffffffe6;color:#374151;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{transform:translateY(-1px) scale(1.01);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;background:#fffffff2}.btn-secondary:active{transform:translateY(0) scale(.99);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.btn-ghost{background:transparent;color:#4b5563;box-shadow:none}.btn-ghost:hover{background:#f3f4f6cc;color:#374151;transform:scale(1.01)}.btn-ghost:active{transform:scale(.99);background:#e5e7ebcc}.btn-loading{position:relative;color:transparent!important}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:1.25rem;height:1.25rem;margin:-.625rem 0 0 -.625rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:btn-spin .8s linear infinite}.btn-loading.btn-lg:after{width:1.5rem;height:1.5rem;margin:-.75rem 0 0 -.75rem}.btn-loading.btn-xl:after{width:1.75rem;height:1.75rem;margin:-.875rem 0 0 -.875rem}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-group{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;justify-content:center}.btn-group.btn-group-vertical{flex-direction:column;gap:1rem}.btn-group.btn-group-sm{gap:.5rem}.btn-group.btn-group-lg{gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{margin:0;width:18px;height:18px;accent-color:#F472B6;cursor:pointer}.checkbox-label input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.checkbox-label .checkbox-text{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:500;color:#374151;line-height:1.625;flex:1}.checkbox-label:hover .checkbox-text{color:#111827}.checkbox-label input[type=checkbox]:disabled~.checkbox-text{color:#9ca3af}.form-label{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:600;color:#374151;line-height:1.25;margin-bottom:.75rem}.form-label.form-label-sm{font-size:1rem;margin-bottom:.5rem}.form-label.form-label-lg{font-size:1.25rem;margin-bottom:1rem}.form-input-base,.form-select,.form-textarea{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;padding:1rem 1.5rem;border:2px solid #E5E7EB;border-radius:1rem;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 2px 4px #0000000f;transition:all .3s ease-in-out;width:100%}.form-input-base::-moz-placeholder,.form-select::-moz-placeholder,.form-textarea::-moz-placeholder{color:#9ca3af;opacity:1}.form-input-base::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:#9ca3af;opacity:1}.form-input-base:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#f472b6;box-shadow:inset 0 2px 4px #0000000f,0 0 0 4px #f472b640;background:#fffffff2}.form-input-base:disabled,.form-select:disabled,.form-textarea:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.form-input-base.form-input-error,.form-input-error.form-select,.form-input-error.form-textarea{border-color:#fca5a5}.form-input-base.form-input-error:focus,.form-input-error.form-select:focus,.form-input-error.form-textarea:focus{border-color:#fca5a5;box-shadow:inset 0 2px 4px #0000000f,0 0 0 4px #fca5a540}.form-input-base.form-input-success,.form-input-success.form-select,.form-input-success.form-textarea{border-color:#baffc9}.form-input-base.form-input-success:focus,.form-input-success.form-select:focus,.form-input-success.form-textarea:focus{border-color:#baffc9;box-shadow:inset 0 2px 4px #0000000f,0 0 0 4px #baffc940}.form-input-sm{font-size:.875rem;padding:.75rem 1rem;border-radius:.75rem}.form-input-lg{font-size:1.25rem;padding:1.25rem 2rem;border-radius:1rem}.form-textarea{min-height:120px;resize:vertical;line-height:1.625}.form-select{background-image:url("data:image/svg+xml,%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 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-checkbox,.form-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border:2px solid #D1D5DB;border-radius:.25rem;background:#fff;position:relative;cursor:pointer;transition:all .15s ease-in-out;margin-right:.75rem}.form-checkbox:checked,.form-radio:checked{background:#f472b6;border-color:#f472b6}.form-checkbox:checked:after,.form-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.5rem;height:.5rem;background:#fff;border-radius:.125rem}.form-checkbox:focus,.form-radio:focus{outline:none;box-shadow:0 0 0 3px #f472b640}.form-radio{border-radius:9999px}.form-radio:checked:after{border-radius:9999px}.form-check{display:flex;align-items:center;margin-bottom:.75rem;cursor:pointer}.form-check:last-child{margin-bottom:0}.form-check-label{font-size:1rem;color:#374151;cursor:pointer;line-height:1.5}.form-message{font-size:.875rem;margin-top:.5rem;line-height:1.375}.form-message.form-message-error{color:#dc2626}.form-message.form-message-success{color:#059669}.form-message.form-message-info{color:#6b7280}.form-row{display:flex;gap:1rem;align-items:flex-start}.form-row .form-group{flex:1;margin-bottom:0}.form-row.form-row-sm{gap:.5rem}.form-row.form-row-lg{gap:1.5rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #E5E7EB}.form-actions.form-actions-center{justify-content:center}.form-actions.form-actions-start{justify-content:flex-start}.form-actions.form-actions-between{justify-content:space-between}.form-input-with-icon{position:relative}.form-input-with-icon .form-input-base,.form-input-with-icon .form-textarea,.form-input-with-icon .form-select{padding-left:3rem}.form-input-with-icon .form-input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#9ca3af;pointer-events:none}.form-input-with-icon.form-input-icon-right .form-input-base,.form-input-with-icon.form-input-icon-right .form-textarea,.form-input-with-icon.form-input-icon-right .form-select{padding-left:1rem 1.5rem;padding-right:3rem}.form-input-with-icon.form-input-icon-right .form-input-icon{left:auto;right:1rem}.form-floating{position:relative}.form-floating .form-input-base,.form-floating .form-textarea,.form-floating .form-select{padding-top:1.5rem;padding-bottom:.5rem}.form-floating .form-input-base::-moz-placeholder,.form-floating .form-textarea::-moz-placeholder,.form-floating .form-select::-moz-placeholder{color:transparent}.form-floating .form-input-base::placeholder,.form-floating .form-textarea::placeholder,.form-floating .form-select::placeholder{color:transparent}.form-floating .form-input-base:not(:-moz-placeholder)~.form-floating-label,.form-floating .form-textarea:not(:-moz-placeholder)~.form-floating-label,.form-floating .form-select:not(:-moz-placeholder)~.form-floating-label{transform:translateY(-1.5rem) scale(.875);color:#f472b6}.form-floating .form-input-base:focus~.form-floating-label,.form-floating .form-textarea:focus~.form-floating-label,.form-floating .form-select:focus~.form-floating-label,.form-floating .form-input-base:not(:placeholder-shown)~.form-floating-label,.form-floating .form-textarea:not(:placeholder-shown)~.form-floating-label,.form-floating .form-select:not(:placeholder-shown)~.form-floating-label{transform:translateY(-1.5rem) scale(.875);color:#f472b6}.form-floating .form-floating-label{position:absolute;top:1.25rem;left:1.5rem;color:#6b7280;font-size:1rem;transition:all .15s ease-in-out;pointer-events:none;transform-origin:left top}.form-select-base{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6,9 12,15 18,9"></polyline></svg>');background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;border:2px solid #D1D5DB;border-radius:.75rem;color:#111827;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;transition:all .3s ease-in-out;width:100%;background-color:#fff}.form-select-base:focus{outline:none;border-color:#f472b6;box-shadow:0 0 0 4px #f472b61a;background-color:#fff}.form-select-base:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.form-select-base::-moz-placeholder{color:#9ca3af;font-weight:400}.form-select-base::placeholder{color:#9ca3af;font-weight:400}.form-select-sm{padding:.4375rem 2.5rem .4375rem .6875rem;font-size:.875rem;line-height:1.25}.form-select-base-size{padding:.6875rem 2.5rem .6875rem .9375rem;font-size:1rem;line-height:1.5}.form-select-lg{padding:.9375rem 2.5rem .9375rem 1.4375rem;font-size:1.125rem;line-height:1.5}.form-select-error{border-color:#ef4444}.form-select-error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.form-select-success{border-color:#4ade80}.form-select-success:focus{border-color:#4ade80;box-shadow:0 0 0 4px #4ade801a}.form-textarea-base{border:2px solid #D1D5DB;border-radius:.75rem;color:#111827;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;transition:all .3s ease-in-out;width:100%;background-color:#fff;min-height:5rem}.form-textarea-base:focus{outline:none;border-color:#f472b6;box-shadow:0 0 0 4px #f472b61a;background-color:#fff}.form-textarea-base:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.form-textarea-base::-moz-placeholder{color:#9ca3af;font-weight:400}.form-textarea-base::placeholder{color:#9ca3af;font-weight:400}.form-textarea-sm{padding:.4375rem .6875rem;font-size:.875rem;line-height:1.25;min-height:4rem}.form-textarea-base-size{padding:.6875rem .9375rem;font-size:1rem;line-height:1.5}.form-textarea-lg{padding:.9375rem 1.4375rem;font-size:1.125rem;line-height:1.5;min-height:6rem}.form-textarea-error{border-color:#ef4444}.form-textarea-error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.form-textarea-success{border-color:#4ade80}.form-textarea-success:focus{border-color:#4ade80;box-shadow:0 0 0 4px #4ade801a}.form-textarea-resize-none{resize:none}.form-textarea-resize-vertical{resize:vertical}.form-textarea-resize-horizontal{resize:horizontal}.form-textarea-resize-both{resize:both}.badge-base{display:inline-flex;align-items:center;justify-content:center;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;border-radius:9999px;transition:all .3s ease-in-out;white-space:nowrap;text-align:center}.badge-sm{padding:.25rem .5rem;font-size:.75rem;line-height:1.25}.badge-base-size{padding:.25rem .75rem;font-size:.875rem;line-height:1.25}.badge-lg{padding:.5rem 1rem;font-size:1rem;line-height:1.5}.badge-default{background-color:#f3f4f6;color:#1f2937;border:1px solid #E5E7EB}.badge-primary{background:linear-gradient(135deg,#f472b6,#fb7185,#fb923c);color:#fff;border:1px solid transparent}.badge-secondary{background-color:#e5e7eb;color:#374151;border:1px solid #D1D5DB}.badge-success{background-color:#4ade801a;color:#22ba59;border:1px solid rgba(74,222,128,.2)}.badge-warning{background-color:#fb923c1a;color:#e66a05;border:1px solid rgba(251,146,60,.2)}.badge-error{background-color:#ef44441a;color:#d41212;border:1px solid rgba(239,68,68,.2)}.badge-info{background-color:#60a5fa1a;color:#167bf8;border:1px solid rgba(96,165,250,.2)}.badge-base.clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.badge-base.clickable:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.badge-base.clickable:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}.badge-base.clickable.badge-success:hover{background-color:#4ade8033;border-color:#4ade8066}.badge-base.clickable.badge-warning:hover{background-color:#fb923c33;border-color:#fb923c66}.badge-base.clickable.badge-secondary:hover{background-color:#d1d5db;border-color:#9ca3af}.baby-circles{display:flex;align-items:center;gap:.5rem;margin-left:.75rem}@media (max-width: 640px){.baby-circles{gap:.25rem;margin-left:.5rem}}.baby-circle-container{position:relative;display:flex;align-items:center;gap:.25rem}.baby-circle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:transparent;font-size:18px;cursor:pointer;transition:all .2s ease;position:relative}.baby-circle:not(.active):not(.add-circle){border:1px solid rgba(209,213,219,.6)}.baby-circle:not(.active):not(.add-circle):hover{border-color:#f472b666;transform:scale(1.1)}.baby-circle.active{width:44px;height:44px;border:2px solid #F472B6;transform:scale(1.2);box-shadow:0 2px 12px #f472b666;font-size:22px}.baby-circle.active:after{content:"";position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;background:#f472b6;border-radius:50%;border:2px solid #FFFFFF}@media (max-width: 640px){.baby-circle.active{width:40px;height:40px;font-size:20px}}@media (max-width: 480px){.baby-circle.active{width:36px;height:36px;font-size:18px}}.baby-circle.add-circle{border:1px dashed rgba(156,163,175,.6);color:#6b7280;font-size:14px}.baby-circle.add-circle:hover{border-color:#f472b6;color:#f472b6;transform:scale(1.1)}@media (max-width: 640px){.baby-circle{width:32px;height:32px;font-size:16px}.baby-circle.add-circle{font-size:12px}}@media (max-width: 480px){.baby-circle{width:28px;height:28px;font-size:14px}.baby-circle.add-circle{font-size:10px}}.baby-circle:focus{outline:2px solid #F472B6;outline-offset:2px}.baby-circle:active{transform:scale(.95)}@keyframes circle-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.baby-circle{animation:circle-appear .3s ease-out}.edit-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:50%;background:#f472b6;color:#fff;font-size:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #f472b64d;margin-left:.25rem}.edit-icon:hover{background:#f151a5;transform:scale(1.1);box-shadow:0 2px 8px #f472b666}.edit-icon:active{transform:scale(.95)}.edit-icon:focus{outline:2px solid #F472B6;outline-offset:2px}@media (max-width: 640px){.edit-icon{width:20px;height:20px;font-size:10px}}.baby-circle:nth-child(1){animation-delay:.05s}.baby-circle:nth-child(2){animation-delay:.1s}.baby-circle:nth-child(3){animation-delay:.15s}.baby-circle:nth-child(4){animation-delay:.2s}.baby-circle:nth-child(5){animation-delay:.25s}@media (prefers-reduced-motion: reduce){.baby-circle{animation:none;transition:none}.baby-circle:hover,.baby-circle.active{transform:none}}.baby-profile-page{min-height:100vh;background:linear-gradient(135deg,#fdf2f8,#f3e8ff,#ecfdf5);padding:1.5rem 0}@media (max-width: 768px){.baby-profile-page{padding:1rem 0}}.baby-profile-page.baby-profile-boy{background:linear-gradient(135deg,#dbeafe,#e0e7ff,#f0f9ff)}.baby-profile-page.baby-profile-girl{background:linear-gradient(135deg,#fdf2f8,#fce7f3,#fef1f2)}.baby-profile-page.baby-profile-neutral{background:linear-gradient(135deg,#f9fafb,#f3f4f6,#f0fdf4)}.baby-profile-container{max-width:800px;margin:0 auto;padding:0 1.5rem}@media (max-width: 768px){.baby-profile-container{padding:0 1rem}}@media (max-width: 640px){.baby-profile-container{padding:0 .75rem}}.baby-profile-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.baby-profile-header .back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffffe6;border:1px solid rgba(229,231,235,.8);border-radius:.5rem;color:#374151;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .15s ease-in-out;cursor:pointer}.baby-profile-header .back-button:hover{background:#fff;border-color:#f472b6;color:#f472b6;transform:translate(-2px)}.baby-profile-header h1{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0}@media (max-width: 640px){.baby-profile-header h1{font-size:1.5rem}}@media (max-width: 640px){.baby-profile-header{flex-direction:column;align-items:flex-start;gap:.75rem}}.baby-profile-loading{display:flex;justify-content:center;align-items:center;min-height:200px}.baby-profile-loading p{font-size:1.125rem;color:#4b5563}.baby-profile-card{margin-bottom:1.5rem;border:none;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-radius:.75rem}.baby-profile-card .card-body{padding:1.5rem}@media (max-width: 640px){.baby-profile-card .card-body{padding:1rem}}.baby-profile-card h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1rem;border-bottom:2px solid linear-gradient(135deg,#FDF2F8 0%,#F3E8FF 50%,#ECFDF5 100%);padding-bottom:.5rem}.avatar-section{display:flex;align-items:center;gap:1.5rem}@media (max-width: 640px){.avatar-section{flex-direction:column;text-align:center;gap:1rem}}.avatar-container{position:relative;flex-shrink:0}.avatar-preview{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid #FFFFFF;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.avatar-preview .avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#fdf2f8,#f3e8ff,#ecfdf5);display:flex;align-items:center;justify-content:center}.avatar-preview .avatar-placeholder .avatar-icon{font-size:48px}.baby-profile-boy .avatar-placeholder{background:linear-gradient(135deg,#dbeafe,#e0e7ff,#f0f9ff)}.baby-profile-girl .avatar-placeholder{background:linear-gradient(135deg,#fdf2f8,#fce7f3,#fef1f2)}.baby-profile-neutral .avatar-placeholder{background:linear-gradient(135deg,#f9fafb,#f3f4f6,#f0fdf4)}.baby-profile-boy .avatar-edit-button{background:#60a5fa}.baby-profile-boy .avatar-edit-button:hover{background:#2f89f8}.baby-profile-girl .avatar-edit-button{background:#f472b6}.baby-profile-girl .avatar-edit-button:hover{background:#f0439e}.baby-profile-neutral .avatar-edit-button{background:#4ade80}.baby-profile-neutral .avatar-edit-button:hover{background:#26cf64}.avatar-edit-button{position:absolute;bottom:4px;right:4px;width:36px;height:36px;border-radius:50%;background:#f472b6;color:#fff;border:2px solid #FFFFFF;font-size:1.125rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease-in-out;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.avatar-edit-button:hover{background:#f0439e;transform:scale(1.1)}.avatar-edit-button:active{transform:scale(.95)}.avatar-info{flex:1}.avatar-info h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.avatar-info .baby-age{font-size:1.125rem;color:#4b5563;margin:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}@media (max-width: 640px){.form-grid{grid-template-columns:1fr;gap:.75rem}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1/-1}.form-group label{font-size:.875rem;font-weight:600;color:#374151}.form-input,.form-textarea,.form-select{padding:.75rem 1rem;border:2px solid rgba(229,231,235,.8);border-radius:.5rem;font-size:1rem;background:#fff;transition:all .15s ease-in-out}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#f472b6;box-shadow:0 0 0 3px #f472b61a}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder,.form-select::-moz-placeholder{color:#9ca3af}.form-input::placeholder,.form-textarea::placeholder,.form-select::placeholder{color:#9ca3af}@media (max-width: 640px){.form-input,.form-textarea,.form-select{font-size:16px}}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.form-select{cursor:pointer}.form-select option{padding:.5rem}.baby-profile-actions{display:flex;justify-content:center;margin-top:2rem;margin-bottom:1rem}.baby-profile-actions .save-button{min-width:160px;padding:1rem 1.5rem;font-size:1.125rem;font-weight:600;border-radius:.75rem}.baby-profile-actions .save-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.baby-profile-page{padding:.75rem 0}.baby-profile-container{padding:0 .75rem}.baby-profile-card{margin-bottom:1rem}.baby-profile-card .card-body{padding:1rem}.baby-profile-card h3{font-size:1.125rem}.avatar-preview{width:100px;height:100px}.avatar-preview .avatar-icon{font-size:40px}.avatar-edit-button{width:32px;height:32px;font-size:1rem}}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}.baby-profile-header{margin-bottom:1rem}.baby-profile-header h1,.avatar-info h2{font-size:1.25rem}}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.baby-profile-card{animation:profile-card-fade-in .4s ease-out}@keyframes profile-card-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.baby-profile-card:nth-child(1){animation-delay:.1s}.baby-profile-card:nth-child(2){animation-delay:.2s}.baby-profile-card:nth-child(3){animation-delay:.3s}.baby-profile-card:nth-child(4){animation-delay:.4s}.baby-profile-card:nth-child(5){animation-delay:.5s}.avatar-edit-button:focus{outline:2px solid #F472B6;outline-offset:2px}.back-button:focus{outline:2px solid #F472B6;outline-offset:2px}@media (prefers-reduced-motion: reduce){.baby-profile-card,.avatar-edit-button,.back-button{animation:none;transition:none}.avatar-edit-button:hover,.back-button:hover{transform:none}}.modal-overlay{position:fixed;inset:0;z-index:1050;display:flex;align-items:flex-start;justify-content:center;padding:1rem;animation:modalFadeIn .15s ease-in-out ease-out;overflow-y:auto}.modal-backdrop{position:absolute;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1040}.modal-container{position:relative;z-index:1050;width:100%;max-width:32rem;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:modalSlideIn .3s ease-in-out ease-out}.modal-sm{max-width:24rem}.modal-lg{max-width:48rem}.modal-xl{max-width:64rem}.modal-full{max-width:95vw;max-height:95vh}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(229,231,235,.5)}.modal-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0;line-height:1.25}.modal-close-button{display:flex!important;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0!important;font-size:1.125rem;line-height:1;border-radius:.5rem}.modal-close-button:hover{background-color:#f3f4f6cc}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-1rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.modal-overlay{padding:.5rem;align-items:flex-end}.modal-container{animation:modalSlideUp .3s ease-in-out ease-out}.modal-xl{max-width:95vw}.modal-header{margin-bottom:1rem;padding-bottom:.75rem}.modal-title{font-size:1.125rem}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.feed-modal .modal-container{background:linear-gradient(135deg,#fffffff2,#ffffffe6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;padding:1.5rem;max-width:28rem}.feed-modal .modal-header{text-align:center;border:none;margin-bottom:1.5rem;padding-bottom:0}.feed-modal .modal-header h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.feed-modal .modal-header .modal-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border:none;background:#f3f4f6cc;border-radius:50%;font-size:1.125rem;color:#4b5563;cursor:pointer;transition:all .15s ease-in-out}.feed-modal .modal-header .modal-close:hover{background:#e5e7ebe6;transform:scale(1.05)}.feed-form{display:flex;flex-direction:column;gap:1.5rem}.amount-input-section .input-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.amount-input-section .input-wrapper{position:relative;display:flex;align-items:center}.amount-input-section .input-wrapper .amount-input{width:100%;padding:1rem 3rem 1rem 1.25rem;font-size:1.25rem;font-weight:600;text-align:center;border:2px solid rgba(244,114,182,.2);border-radius:.75rem;background:#ffffffe6;transition:all .3s ease-in-out;color:#1f2937}.amount-input-section .input-wrapper .amount-input:focus{outline:none;border-color:#f472b6;box-shadow:0 0 0 4px #f472b61a;background:#fff}.amount-input-section .input-wrapper .amount-input::-moz-placeholder{color:#6b7280b3}.amount-input-section .input-wrapper .amount-input::placeholder{color:#6b7280b3}.amount-input-section .input-wrapper .input-unit{position:absolute;right:1rem;font-size:1rem;font-weight:500;color:#6b7280;pointer-events:none}.feed-type-section .input-label,.breastfeed-section .input-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.feed-options{display:flex;flex-direction:column;gap:.75rem}.breastfeed-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.option-btn{display:flex;align-items:center;padding:1rem;border:2px solid transparent;border-radius:.75rem;background:#fffc;cursor:pointer;transition:all .3s ease-in-out;text-align:left;min-height:4rem}.option-btn:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#f472b64d}.option-btn:active{transform:translateY(0)}.option-btn .option-icon{font-size:1.5rem;margin-right:.75rem;flex-shrink:0}.option-btn .option-text{display:flex;flex-direction:column;min-width:0}.option-btn .option-text .option-title{font-size:1rem;font-weight:600;color:#1f2937;line-height:1.25}.option-btn .option-text .option-subtitle{font-size:.875rem;color:#4b5563;margin-top:2px}.option-btn.bottle-feed:hover{border-color:#4ade8066;background:linear-gradient(135deg,#4ade8026,#4ade8014)}.option-btn.breast-left,.option-btn.breast-right,.option-btn.breast-both{background:linear-gradient(135deg,#f472b61a,#f472b60d);border-color:#f472b633;justify-content:center;text-align:center}.option-btn.breast-left .option-icon,.option-btn.breast-right .option-icon,.option-btn.breast-both .option-icon{margin-right:0;margin-bottom:.25rem}.option-btn.breast-left .option-text,.option-btn.breast-right .option-text,.option-btn.breast-both .option-text{align-items:center}.option-btn.breast-left:hover,.option-btn.breast-right:hover,.option-btn.breast-both:hover{border-color:#f472b666;background:linear-gradient(135deg,#f472b626,#f472b614)}@media (max-width: 640px){.feed-modal .modal-container{padding:1.25rem;max-width:90vw}.feed-modal .modal-header{margin-bottom:1.25rem}.feed-modal .modal-header h3{font-size:1.25rem}.feed-form{gap:1.25rem}.amount-input-section .amount-input{padding:.75rem 1rem;font-size:1.125rem}.breastfeed-options{grid-template-columns:1fr;gap:.5rem}.option-btn{padding:.75rem;min-height:3.5rem}.option-btn .option-icon{font-size:1.25rem;margin-right:.5rem}.option-btn .option-text .option-title{font-size:.875rem}.option-btn .option-text .option-subtitle{font-size:.75rem}.option-btn.breast-left .option-icon,.option-btn.breast-right .option-icon,.option-btn.breast-both .option-icon{margin-right:0;margin-bottom:.25rem}}.dropdown{position:relative;display:inline-block}.dropdown .dropdown-trigger{cursor:pointer}.dropdown .dropdown-menu{position:absolute;top:100%;z-index:1000;min-width:12rem;margin-top:.25rem;background-color:#fff;border:2px solid #E5E7EB;border-radius:.5rem;box-shadow:0 .25rem .75rem #1118271a;overflow:hidden}.dropdown .dropdown-menu.dropdown-menu-left{left:0}.dropdown .dropdown-menu.dropdown-menu-right{right:0}.dropdown .dropdown-item{display:flex;align-items:center;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#374151;text-align:left;background-color:transparent;border:none;cursor:pointer;transition:all .3s ease-in-out}.dropdown .dropdown-item:hover{background-color:#f9fafb;color:#111827}.dropdown .dropdown-item:focus{outline:none;background-color:#f9fafb;color:#111827}.dropdown .dropdown-item .dropdown-item-icon{margin-right:.5rem;font-size:1rem}.table-container{width:100%;overflow:hidden;border-radius:.75rem}.table-wrapper{width:100%;overflow-x:auto}@media (max-width: 768px){.table-wrapper{overflow-x:scroll;-webkit-overflow-scrolling:touch}}.table-header{display:flex;background:#f9fafbcc;border-bottom:2px solid rgba(229,231,235,.5);font-weight:600;color:#374151}@media (max-width: 768px){.table-header{min-width:600px}}.table-header-cell{display:flex;align-items:center;padding:1rem;font-size:.875rem;font-weight:600;color:#374151;border-right:1px solid rgba(229,231,235,.3);min-height:3rem;flex:1}.table-header-cell:last-child{border-right:none}.table-header-cell .header-content{display:flex;align-items:center;gap:.5rem;width:100%}.table-header-cell .sort-icon{font-size:.75rem;color:#6b7280;margin-left:auto;transition:color .3s ease-in-out}.table-header-cell.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .3s ease-in-out}.table-header-cell.sortable:hover{background-color:#f472b60d;color:#111827}.table-header-cell.sortable:hover .sort-icon{color:#f472b6}.table-header-cell.sortable:active{transform:translateY(1px)}.table-header-cell.text-center{justify-content:center;text-align:center}.table-header-cell.text-right{justify-content:flex-end;text-align:right}.table-body{display:flex;flex-direction:column}.table-row{display:flex;border-bottom:1px solid rgba(229,231,235,.3);transition:all .3s ease-in-out}@media (max-width: 768px){.table-row{min-width:600px}}.table-row:last-child{border-bottom:none}.table-row:hover{background-color:#f472b605}.table-row.clickable{cursor:pointer}.table-row.clickable:hover{background-color:#f472b60d;transform:translateY(-1px);box-shadow:0 1px 2px #0000000d}.table-row.clickable:active{transform:translateY(0)}.table-cell{display:flex;align-items:center;padding:1rem;font-size:.875rem;color:#111827;border-right:1px solid rgba(229,231,235,.2);min-height:3.5rem;flex:1;word-wrap:break-word}.table-cell:last-child{border-right:none}.table-cell.clickable{cursor:pointer;transition:all .3s ease-in-out}.table-cell.clickable:hover{background-color:#f472b60d;color:#f472b6}.table-cell.text-center{justify-content:center;text-align:center}.table-cell.text-right{justify-content:flex-end;text-align:right}.table-cell.actions-cell{display:flex;gap:.5rem;justify-content:flex-end;min-width:120px;flex:0 0 auto}.table-cell.notes-cell{max-width:200px}.table-cell.notes-cell .notes-preview{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help}@media (max-width: 768px){.table-container.desktop-only{display:none}}@media (min-width: 769px){.mobile-only{display:none}}.table-empty{padding:3rem;text-align:center;color:#6b7280}.table-empty .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.table-empty h3{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 .5rem}.table-empty p{font-size:1rem;color:#6b7280;margin:0}.table-container{overflow-x:auto;border-radius:1rem;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(255,255,255,.2)}.table-base,.table-activity{width:100%;border-collapse:separate;border-spacing:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;color:#374151;background:transparent}.table-base.table-hover tbody tr:hover,.table-activity tbody tr:hover{background:#ffb3ba1a;transform:scale(1.01);transition:all .15s ease-in-out}.table-base.table-striped tbody tr:nth-child(2n),.table-striped.table-activity tbody tr:nth-child(2n){background:#f9fafb80}.table-head{background:linear-gradient(135deg,#fdf2f8,#f3e8ff,#ecfdf5)}.table-head th{padding:1rem 1.5rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#374151;border:none}.table-head th:first-child{border-top-left-radius:1rem}.table-head th:last-child{border-top-right-radius:1rem}.table-body td{padding:1rem 1.5rem;border-top:1px solid rgba(229,231,235,.5);font-size:.875rem;line-height:1.625;transition:all .15s ease-in-out}.table-body td:first-child{font-weight:500}.table-body tr:last-child td:first-child{border-bottom-left-radius:1rem}.table-body tr:last-child td:last-child{border-bottom-right-radius:1rem}.activity-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.activity-indicator .activity-icon{font-size:1rem}.activity-indicator.activity-sleep{background:#818cf81a;color:#818cf8}.activity-indicator.activity-wake{background:#fb923c1a;color:#fb923c}.activity-indicator.activity-eat{background:#4ade801a;color:#4ade80}.activity-indicator.activity-diaper{background:#f472b61a;color:#f472b6}.time-display{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-weight:500;color:#4b5563}.time-display.time-duration,.sleep-duration-bar .time-display.duration-text{color:#818cf8;background:#818cf81a;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem}.table-compact .table-head th,.table-compact .table-body td{padding:.5rem 1rem;font-size:.75rem}.table-activity .table-head{background:linear-gradient(135deg,#bae1ffcc,#ffb3bacc)}.table-empty{text-align:center;padding:3rem;color:#6b7280}.table-empty .empty-icon{font-size:3rem;opacity:.5;margin-bottom:1rem}.table-empty .empty-title{font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.table-empty .empty-subtitle{font-size:.875rem;color:#9ca3af}@media (max-width: 768px){.table-responsive .table-base,.table-responsive .table-activity{font-size:.75rem}.table-responsive .table-head th,.table-responsive .table-body td{padding:.5rem .75rem}.table-responsive .activity-indicator{font-size:.75rem;padding:.25rem .5rem}.table-responsive .activity-indicator .activity-icon{font-size:.875rem}}.sleep-duration-bar{display:flex;align-items:center;gap:.5rem}.sleep-duration-bar .duration-bar{height:4px;background:linear-gradient(135deg,#bae1ff,#e1baff,#baffc9);border-radius:9999px;min-width:20px;max-width:60px}.sleep-duration-bar .duration-bar.duration-short{width:20px;background:linear-gradient(135deg,#fb923c,#fb7185,#a78bfa)}.sleep-duration-bar .duration-bar.duration-medium{width:40px;background:linear-gradient(135deg,#fdf2f8,#f3e8ff,#ecfdf5)}.sleep-duration-bar .duration-bar.duration-long{width:60px;background:linear-gradient(135deg,#bae1ff,#e1baff,#baffc9)}.chart-container{padding:1.5rem;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(255,255,255,.2)}.chart-title{font-size:1.125rem;font-weight:600;color:#374151;text-align:center;margin-bottom:1.5rem}.sleep-chart .sleep-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1.5rem}.sleep-chart .sleep-stats .stat-item{text-align:center;padding:1rem;background:#818cf80d;border-radius:.5rem}.sleep-chart .sleep-stats .stat-item .stat-value{font-size:1.25rem;font-weight:700;color:#818cf8;margin-bottom:.25rem}.sleep-chart .sleep-stats .stat-item .stat-label{font-size:.875rem;color:#4b5563;font-weight:500}.daily-sleep-chart{margin:1.5rem 0}.daily-sleep-chart h4{font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:1rem;text-align:center}.chart-legend{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.chart-legend .legend-item .legend-color{width:16px;height:16px;border-radius:3px}.chart-legend .legend-item .legend-color.day-sleep{background:linear-gradient(135deg,#ffffba,#ffebd4)}.chart-legend .legend-item .legend-color.night-sleep{background:linear-gradient(135deg,#818cf8,#a78bfa)}.chart-legend .legend-item .legend-color.moving-average{background:#fb7185;border-radius:0;height:3px}@media (max-width: 640px){.chart-legend{gap:.75rem}}.area-chart{padding:1rem;background:#ffffffb3;border-radius:.75rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.area-chart .chart-svg{width:100%;height:auto;max-height:350px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.area-chart .chart-svg .grid-lines{opacity:.6}.area-chart .chart-svg .grid-lines line{stroke-dasharray:2,2}.area-chart .chart-svg .data-tooltip{opacity:.8;transition:opacity .3s ease-in-out}.area-chart .chart-svg .data-tooltip:hover{opacity:1}.area-chart .chart-svg path{transition:all .3s ease-in-out}.area-chart .chart-svg path:hover{filter:brightness(1.1)}.area-chart .chart-svg circle{transition:all .15s ease-in-out;cursor:pointer}.area-chart .chart-svg circle:hover{r:6;filter:drop-shadow(0 2px 4px rgba(251,113,133,.4))}@media (max-width: 768px){.area-chart .chart-svg .data-tooltip text{font-size:9px}.area-chart .chart-svg .data-tooltip text:last-child{display:none}.area-chart .chart-svg .y-axis-labels text{font-size:8px}}@media (max-width: 640px){.area-chart .chart-svg .data-tooltip text{font-size:8px}}.area-chart:hover .chart-svg .grid-lines{opacity:.8}.area-chart:hover .chart-svg .data-tooltip{opacity:1}.no-chart-data{text-align:center;padding:2rem;color:#6b7280;background:#f3f4f680;border-radius:.5rem}.no-chart-data p{font-size:1rem;margin:0}.sleep-timeline{display:flex;flex-direction:column;gap:1rem}.sleep-timeline .timeline-day{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:.75rem;background:#ffffff80;transition:all .15s ease-in-out}.sleep-timeline .timeline-day:hover{background:#bae1ff1a;transform:translate(4px)}.sleep-timeline .timeline-day .day-label{min-width:60px;font-size:.875rem;font-weight:500;color:#4b5563;text-align:right}.sleep-timeline .timeline-day .timeline-bar{flex:1;height:24px;background:#f3f4f6;border-radius:9999px;position:relative;overflow:hidden}.sleep-timeline .timeline-day .timeline-bar .sleep-block{position:absolute;top:0;height:100%;background:linear-gradient(135deg,#bae1ff,#e1baff,#baffc9);border-radius:9999px;transition:all .3s ease-in-out}.sleep-timeline .timeline-day .timeline-bar .sleep-block:hover{transform:scaleY(1.2);z-index:10}.sleep-timeline .timeline-day .timeline-bar .sleep-block.sleep-short{background:linear-gradient(135deg,#fca5a5,#fb7185)}.sleep-timeline .timeline-day .timeline-bar .sleep-block.sleep-normal{background:linear-gradient(135deg,#fdf2f8,#f3e8ff,#ecfdf5)}.sleep-timeline .timeline-day .timeline-bar .sleep-block.sleep-long{background:linear-gradient(135deg,#bae1ff,#e1baff,#baffc9)}.sleep-timeline .timeline-day .sleep-duration{min-width:80px;text-align:center;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.875rem;font-weight:500;color:#4b5563}.sleep-timeline .timeline-day .sleep-duration.duration-good{color:#4ade80}.sleep-timeline .timeline-day .sleep-duration.duration-short{color:#ef4444}.sleep-timeline .timeline-day .sleep-duration.duration-long{color:#60a5fa}.sleep-pattern-chart{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;margin:1rem 0;padding:1rem;background:#f9fafb80;border-radius:.75rem}.sleep-pattern-chart .hour-block{height:20px;border-radius:.125rem;background:#e5e7eb;position:relative;cursor:pointer;transition:all .15s ease-in-out}.sleep-pattern-chart .hour-block.sleeping{background:linear-gradient(135deg,#bae1ff,#e1baff,#baffc9)}.sleep-pattern-chart .hour-block.awake{background:linear-gradient(135deg,#fdf2f8,#f3e8ff,#ecfdf5)}.sleep-pattern-chart .hour-block:hover{transform:scale(1.2);z-index:10}.sleep-pattern-chart .hour-block:hover:after{content:attr(data-hour);position:absolute;bottom:25px;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;white-space:nowrap;z-index:20}.sleep-pattern-chart .hour-labels{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;margin-top:.5rem}.sleep-pattern-chart .hour-labels .hour-label{text-align:center;font-size:.75rem;color:#6b7280}.sleep-pattern-chart .hour-labels .hour-label:nth-child(6n){font-weight:500;color:#4b5563}.sleep-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:1.5rem}.sleep-stats .stat-card{background:#fffc;padding:1rem;border-radius:.75rem;text-align:center;border:1px solid rgba(255,255,255,.3);transition:all .3s ease-in-out}.sleep-stats .stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.sleep-stats .stat-card .stat-value{font-size:1.5rem;font-weight:700;color:#374151;margin-bottom:.25rem}.sleep-stats .stat-card .stat-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.sleep-stats .stat-card .stat-icon{font-size:1.25rem;margin-bottom:.5rem}.sleep-stats .stat-card.stat-total{background:#bae1ff33}.sleep-stats .stat-card.stat-total .stat-value{color:#60a5fa}.sleep-stats .stat-card.stat-average{background:#baffc933}.sleep-stats .stat-card.stat-average .stat-value{color:#4ade80}.sleep-stats .stat-card.stat-longest{background:#e1baff33}.sleep-stats .stat-card.stat-longest .stat-value{color:#a78bfa}.chart-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(229,231,235,.5)}.chart-legend .legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563}.chart-legend .legend-item .legend-color{width:12px;height:12px;border-radius:.125rem}.chart-legend .legend-item .legend-color.legend-sleep{background:linear-gradient(135deg,#bae1ff,#e1baff,#baffc9)}.chart-legend .legend-item .legend-color.legend-awake{background:linear-gradient(135deg,#fdf2f8,#f3e8ff,#ecfdf5)}.chart-legend .legend-item .legend-color.legend-feeding{background:#4ade80}.key-info-summary{display:flex;justify-content:space-around;gap:1.5rem;margin-bottom:1.5rem;padding:1rem;background:#fff9;border-radius:.5rem;border:1px solid rgba(255,255,255,.3)}.key-info-summary .info-item{text-align:center}.key-info-summary .info-item .info-label{display:block;font-size:.75rem;color:#4b5563;text-transform:uppercase;letter-spacing:.05em;font-weight:500;margin-bottom:.25rem}.key-info-summary .info-item .info-value{display:block;font-size:1.125rem;font-weight:700;color:#1f2937}.today-sleep-overview{margin:1.5rem 0;padding:1.5rem;background:#fffc;border-radius:.75rem;border:1px solid rgba(255,255,255,.3)}.today-sleep-overview h4{font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:1.5rem;text-align:center}.sleep-progress-container{margin-bottom:0}.sleep-progress-bar{height:24px;background:#f3f4f6;border-radius:9999px;position:relative;overflow:hidden;margin-bottom:.75rem}.sleep-progress-bar .progress-background{position:relative;height:100%;border-radius:9999px}.sleep-progress-bar .night-sleep-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(135deg,#818cf8,#a78bfa);border-radius:9999px;transition:all .3s ease-in-out}.sleep-progress-bar .day-sleep-fill{position:absolute;top:0;height:100%;background:linear-gradient(135deg,#ffffba,#ffebd4);border-radius:9999px;transition:all .3s ease-in-out}.sleep-progress-bar .target-line{position:absolute;top:-2px;width:3px;height:28px;background:#4b5563;border-radius:.125rem}.sleep-progress-bar .target-line:before{content:"";position:absolute;top:-6px;left:-3px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #4B5563}.sleep-totals-summary{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem}.sleep-totals-summary .actual-sleep{font-weight:700;color:#374151}.sleep-totals-summary .target-sleep{color:#6b7280}.sleep-totals-summary .deficit-surplus{font-weight:500;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem}.sleep-totals-summary .deficit-surplus.deficit{color:#dc2626;background:#dc26261a}.sleep-totals-summary .deficit-surplus.surplus{color:#4ade80;background:#4ade801a}.split-timeline{margin:1.5rem 0;padding:1.5rem;background:#fffc;border-radius:.75rem;border:1px solid rgba(255,255,255,.3)}.split-timeline.night-timeline{background:linear-gradient(135deg,#818cf80d,#a78bfa0d);border-color:#818cf826}.split-timeline.day-timeline{background:linear-gradient(135deg,#ffffba1a,#ffdfba1a);border-color:#ffffba33}.split-timeline h4{font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:1rem;text-align:center}.split-timeline .timeline-container{background:#ffffffb3;border-radius:.5rem;padding:.75rem}.split-timeline .timeline-container .timeline-svg{width:100%;min-width:600px;height:120px}.split-timeline .timeline-container .timeline-svg .day-window,.split-timeline .timeline-container .timeline-svg .night-window{opacity:.6}.timeline-container{background:#f9fafb80;border-radius:.5rem;padding:1rem;overflow-x:auto}.timeline-svg{width:100%;min-width:600px;height:120px}.timeline-svg .night-window{opacity:.6;transition:opacity .15s ease-in-out}.timeline-svg .night-window:hover{opacity:.8}.timeline-svg .sleep-block{cursor:pointer;transition:all .15s ease-in-out}.timeline-svg .sleep-block:hover{filter:brightness(1.1);transform:translateY(-1px)}.timeline-svg .feeding-marker{cursor:pointer;transition:all .15s ease-in-out}.timeline-svg .feeding-marker:hover{r:4;filter:drop-shadow(0 2px 4px rgba(16,185,129,.4))}.timeline-svg .current-time-line{opacity:.8;filter:drop-shadow(0 1px 2px rgba(239,68,68,.3))}.timeline-svg .current-time-dot{filter:drop-shadow(0 1px 2px rgba(239,68,68,.3))}.sleep-block[data-tooltip]:hover:after,.feeding-marker[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:.5rem .75rem;border-radius:.25rem;font-size:.75rem;white-space:nowrap;z-index:1000;margin-bottom:.25rem}.sleep-block[data-tooltip]:hover:after:before,.feeding-marker[data-tooltip]:hover:after:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#1f2937}@media (max-width: 768px){.key-info-summary{flex-direction:column;gap:.75rem;padding:.75rem}.key-info-summary .info-item .info-value{font-size:1rem}.today-sleep-overview{padding:1rem}.split-timeline{margin:1rem 0;padding:1rem}.split-timeline h4{font-size:1rem;margin-bottom:.75rem}.split-timeline .timeline-container{padding:.5rem}.split-timeline .timeline-container .timeline-svg{min-width:400px;height:100px}.sleep-totals-summary{flex-direction:column;gap:.25rem}.sleep-totals-summary .deficit-surplus{font-size:.75rem}.timeline-svg{min-width:400px}.sleep-timeline .timeline-day{flex-direction:column;gap:.5rem}.sleep-timeline .timeline-day .day-label{min-width:auto;text-align:center}.sleep-timeline .timeline-day .timeline-bar{width:100%;height:20px}.sleep-pattern-chart{grid-template-columns:repeat(12,1fr)}.sleep-pattern-chart .hour-block:nth-child(odd){display:none}.sleep-stats{grid-template-columns:repeat(2,1fr)}.sleep-stats .stat-card{padding:.75rem}.sleep-stats .stat-card .stat-value{font-size:1.25rem}}.navbar{position:fixed;top:0;z-index:1030;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 1px 2px #0000000d;transition:all .3s ease-in-out;height:auto;min-height:70px;max-height:70px;width:100%;max-width:100vw}@media (max-width: 768px){.navbar{min-height:60px;max-height:60px;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translateZ(0);will-change:transform}}.navbar.navbar-scrolled{background:#fffffffa;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.navbar-container{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;min-height:70px;height:70px;width:100%;box-sizing:border-box}@media (max-width: 768px){.navbar-container{padding:0 1rem;min-height:60px;height:60px;max-height:60px;max-width:100vw;grid-template-columns:auto 1fr auto}}@media (max-width: 640px){.navbar-container{padding:0 .75rem;max-width:100vw}}.navbar-left{display:flex;align-items:center;justify-content:flex-start}.navbar-center{display:flex;align-items:center;justify-content:center}.navbar-right{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}@media (max-width: 768px){.navbar-right{gap:.25rem}}@media (max-width: 640px){.navbar-right{gap:.25rem}}.navbar-brand{display:flex;align-items:center;gap:.75rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.5rem;font-weight:700;color:#1f2937;text-decoration:none;transition:all .15s ease-in-out}.navbar-brand .brand-icon{font-size:1.875rem;animation:bounce-slow 3s ease-in-out infinite}.navbar-brand .brand-logo{width:80px;height:80px;-o-object-fit:contain;object-fit:contain;transition:transform .15s ease-in-out}@media (max-width: 768px){.navbar-brand .brand-logo{width:65px;height:65px}}@media (max-width: 640px){.navbar-brand .brand-logo{width:55px;height:55px}}.navbar-brand .brand-text{background:linear-gradient(135deg,#f472b6,#fb7185,#fb923c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navbar-brand:hover{transform:scale(1.05)}.navbar-brand:hover .brand-icon{animation-duration:1s}.navbar-brand:hover .brand-logo{transform:scale(1.1) rotate(5deg)}@media (max-width: 640px){.navbar-brand{font-size:1.25rem}.navbar-brand .brand-icon{font-size:1.5rem}}.navbar-nav{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:.5rem}@media (max-width: 768px){.navbar-nav{display:none}.navbar-nav.navbar-nav-open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1rem;gap:.5rem;z-index:10000;max-height:calc(100vh - 120px);overflow-y:auto}}.nav-item{position:relative}.nav-link{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:.75rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:700;color:#374151;text-decoration:none;transition:all .3s ease-in-out;position:relative;overflow:hidden;min-height:44px}.nav-link .nav-icon{display:none}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#fdf2f8,#f3e8ff,#ecfdf5);transition:left .3s ease-in-out;z-index:-1;border-radius:.75rem}.nav-link:hover{color:#111827;background:#818cf81a;transform:translateY(-1px);box-shadow:0 1px 2px #0000000d}.nav-link:hover:before{left:0}.nav-link.nav-link-active{color:#111827;background:linear-gradient(135deg,#fdf2f8,#f3e8ff,#ecfdf5);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;font-weight:700}@media (max-width: 768px){.nav-link{width:100%;justify-content:center;padding:1rem}}.user-dropdown{position:relative;margin-left:1rem}@media (max-width: 768px){.user-dropdown{margin-left:.5rem}}.user-avatar{width:40px;height:40px;border-radius:9999px;cursor:pointer;transition:all .15s ease-in-out;position:relative;overflow:hidden;border:2px solid transparent}@media (max-width: 768px){.user-avatar{width:36px;height:36px}}.user-avatar:hover{border-color:#818cf84d;transform:scale(1.05)}.user-avatar .avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:9999px}.user-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#818cf8,#a78bfa);color:#fff;font-size:.875rem;font-weight:700;border-radius:9999px}.dropdown-menu{position:absolute;top:calc(100% + .5rem);min-width:220px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid rgba(229,231,235,.5);z-index:9999;animation:dropdown-fade-in .2s ease-out}@media (max-width: 768px){.dropdown-menu{min-width:200px;max-width:calc(100vw - 60px)}}.dropdown-menu.dropdown-left{left:0;right:auto}.dropdown-menu.dropdown-left:before{left:18px;right:auto}.dropdown-menu.dropdown-right{right:0;left:auto}.dropdown-menu.dropdown-right:before{right:18px;left:auto}.dropdown-menu:before{content:"";position:absolute;top:-6px;width:12px;height:12px;background:#fffffffa;transform:rotate(45deg);border-top:1px solid rgba(229,231,235,.5);border-left:1px solid rgba(229,231,235,.5)}.dropdown-header{padding:1rem 1rem .75rem}.dropdown-header .user-info{display:flex;flex-direction:column;gap:.25rem}.dropdown-header .user-info .user-name{font-size:1rem;font-weight:600;color:#1f2937}.dropdown-header .user-info .user-email{font-size:.875rem;color:#6b7280}.dropdown-divider{height:1px;background:#e5e7eb80;margin:0 .5rem}.dropdown-items{padding:.5rem}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;border:none;background:none;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#374151;text-decoration:none;cursor:pointer;transition:all .15s ease-in-out}.dropdown-item .dropdown-icon{font-size:1rem}.dropdown-item:hover{background:#818cf81a;color:#1f2937;transform:translate(2px)}.dropdown-item.logout-item{color:#ef4444}.dropdown-item.logout-item:hover{background:#ef44441a;color:#eb1515}.user-menu{display:flex;align-items:center;gap:.75rem;margin-left:1rem}@media (max-width: 768px){.user-menu{display:none}}.user-menu .user-name{font-size:.875rem;font-weight:500;color:#374151}@media (max-width: 1024px){.user-menu .user-name{display:none}}.user-menu .sign-out-btn{font-size:.875rem;color:#4b5563}.user-menu .sign-out-btn:hover{color:#f472b6}.desktop-nav .navbar-container{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem}.desktop-nav .navbar-left{justify-self:start}.desktop-nav .navbar-center{justify-self:center}.desktop-nav .navbar-right{justify-self:end}.desktop-nav .desktop-nav-menu{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:.5rem;justify-content:center}@media (max-width: 768px){.desktop-nav{display:none}}@media (min-width: 769px){.mobile-nav{display:none}}.mobile-nav .navbar-container{grid-template-columns:auto 1fr auto}.desktop-only{display:flex;align-items:center}@media (max-width: 768px){.desktop-only{display:none}}.mobile-language-selector{padding:.75rem 0;border-top:1px solid rgba(229,231,235,.5);margin-top:.5rem}@media (min-width: 769px){.mobile-language-selector{display:none}}.navbar-toggle{display:none;background:transparent;border:none;padding:.5rem;border-radius:.5rem;cursor:pointer;transition:all .15s ease-in-out}.navbar-toggle .toggle-icon{width:24px;height:24px;display:flex;flex-direction:column;justify-content:space-between}.navbar-toggle .toggle-icon span{width:100%;height:3px;background:#374151;border-radius:9999px;transition:all .3s ease-in-out;transform-origin:center}.navbar-toggle .toggle-icon span:nth-child(1){transform-origin:top left}.navbar-toggle .toggle-icon span:nth-child(3){transform-origin:bottom left}.navbar-toggle:hover{background:#f3f4f680}.navbar-toggle.toggle-active .toggle-icon span:nth-child(1){transform:rotate(45deg) translate(3px,3px)}.navbar-toggle.toggle-active .toggle-icon span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar-toggle.toggle-active .toggle-icon span:nth-child(3){transform:rotate(-45deg) translate(3px,-3px)}@media (max-width: 768px){.navbar-toggle{display:block}}.navbar-transparent{background:transparent;border-bottom:1px solid rgba(255,255,255,.1)}.navbar-transparent .navbar-brand{color:#fff}.navbar-transparent .navbar-brand .brand-text{-webkit-text-fill-color:#FFFFFF;background:none}.navbar-transparent .nav-link{color:#ffffffe6}.navbar-transparent .nav-link:hover{color:#fff;background:#ffffff1a}.navbar-transparent .nav-link.nav-link-active{color:#fff;background:#ffffff26}.navbar-colored{background:linear-gradient(135deg,#fdf2f8,#f3e8ff,#ecfdf5);border-bottom:1px solid rgba(255,255,255,.3)}.navbar-colored .navbar-brand{color:#1f2937}.navbar-colored .nav-link{color:#374151}.navbar-colored .nav-link:hover{color:#1f2937;background:#ffffff4d}.navbar-colored .nav-link.nav-link-active{color:#1f2937;background:#fff6;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media (max-width: 1024px){.navbar-container{padding:0 1rem}}@media (max-width: 768px){.navbar-container{padding:0 .75rem}.navbar-brand{font-size:1.125rem}}.nav-fade-in{animation:nav-fade-in .3s ease-out}@keyframes nav-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-item:nth-child(1){animation-delay:.1s}.nav-item:nth-child(2){animation-delay:.15s}.nav-item:nth-child(3){animation-delay:.2s}.nav-item:nth-child(4){animation-delay:.25s}.breadcrumb{display:flex;align-items:center;list-style:none;margin:0;padding:1rem 0;font-size:.875rem}.breadcrumb .breadcrumb-item{display:flex;align-items:center}.breadcrumb .breadcrumb-item:not(:last-child):after{content:"›";margin:0 .5rem;color:#9ca3af;font-size:1rem}.breadcrumb .breadcrumb-item a{color:#6b7280;text-decoration:none;transition:color .15s ease-in-out}.breadcrumb .breadcrumb-item a:hover{color:#374151}.breadcrumb .breadcrumb-item.breadcrumb-active{color:#374151;font-weight:500}.language-selector{position:relative;display:flex;align-items:center;z-index:1000}.language-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffffe6;border:1px solid rgba(209,213,219,.6);border-radius:.5rem;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .3s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:70px}.language-button:hover{background:#fff;border-color:#f472b64d;transform:translateY(-1px);box-shadow:0 1px 2px #0000000d}.language-button:focus{outline:2px solid rgba(244,114,182,.5);outline-offset:2px}@media (max-width: 640px){.language-button{padding:.5rem;min-width:60px}}.language-flag{font-size:1rem;line-height:1}@media (max-width: 640px){.language-flag{font-size:.875rem}}.language-code{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 640px){.language-code{font-size:10px}}.language-chevron{font-size:.75rem;opacity:.6;transition:transform .3s ease-in-out}.language-chevron.language-chevron-open{transform:rotate(180deg)}.language-overlay{position:fixed;inset:0;z-index:999;background:transparent;cursor:default}.language-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:180px;background:#fffffff2;border:1px solid rgba(229,231,235,.8);border-radius:.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;z-index:1001;transform-origin:top right;animation:dropdownFadeIn .15s ease-out forwards}@media (max-width: 640px){.language-dropdown{min-width:160px;left:0;right:auto;transform-origin:top left}}.language-option{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;font-size:.875rem;color:#374151;cursor:pointer;transition:all .15s ease-in-out;text-align:left}.language-option:hover{background:#f472b614;color:#1f2937}.language-option:focus{background:#f472b614;outline:none}.language-option:active{background:#f472b626}.language-option.language-option-active{background:#f472b61a;color:#f472b6;font-weight:600}.language-option.language-option-active .language-flag{filter:brightness(1.1)}@media (max-width: 640px){.language-option{padding:.75rem;font-size:.75rem}}.language-name{flex:1;font-weight:500}.language-check{font-size:.875rem;color:#f472b6;font-weight:700;opacity:.8}.navbar-right{display:flex;align-items:center;gap:1rem}.navbar-right .navbar-nav{margin:0}@media (max-width: 768px){.navbar-right{gap:.5rem}}@media (max-width: 640px){.navbar-right .language-selector{order:-1}}@media (max-width: 768px){.language-selector .language-button{background:#fffc}.language-selector .language-button:hover{background:#fffffff2}.language-selector .language-dropdown{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}}@keyframes dropdownFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.status-dashboard{margin-bottom:1.5rem}.status-dashboard .card-body{padding:1rem}@media (min-width: 640px){.status-dashboard .card-body{padding:1.5rem}}@media (min-width: 768px){.status-dashboard .card-body{padding:2rem}}.status-dashboard.status-happy{border:2px solid rgba(74,222,128,.3);background:linear-gradient(135deg,#4ade801a,#ffffba1a)}.status-dashboard.status-neutral{border:2px solid rgba(251,146,60,.3);background:linear-gradient(135deg,#fb923c1a,#ffdfba1a)}.status-dashboard.status-fussy{border:2px solid rgba(239,68,68,.3);background:linear-gradient(135deg,#ef44441a,#ffb3ba1a)}.status-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}@media (min-width: 640px){.status-header{gap:1.5rem}}.key-info-section{margin-bottom:1.5rem;padding:1.25rem;background:linear-gradient(135deg,#ffffffe6,#ffffba1a);border-radius:.75rem;border:2px solid rgba(244,114,182,.2);box-shadow:0 1px 2px #0000000d}@media (min-width: 640px){.key-info-section{padding:1.5rem;margin-bottom:2rem}}.key-info-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.key-info-grid{grid-template-columns:1fr 1fr;gap:1.5rem}}.key-info-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fffc;border-radius:.5rem;border:1px solid rgba(229,231,235,.6);transition:all .3s ease-in-out}.key-info-item:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;background:#fffffff2}.key-info-item.sleep-summary{border-left:4px solid #818CF8}.key-info-item.feeding-summary{border-left:4px solid #4ADE80}@media (min-width: 640px){.key-info-item{padding:1.25rem}}.key-info-icon{font-size:1.5rem;line-height:1;flex-shrink:0;opacity:.9}@media (min-width: 640px){.key-info-icon{font-size:1.875rem}}.key-info-content{flex:1;min-width:0}.key-info-question{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.025em}@media (min-width: 640px){.key-info-question{font-size:1rem;margin-bottom:.75rem}}.key-info-answer .main-text{font-size:1.125rem;font-weight:700;color:#111827;margin-bottom:.25rem;line-height:1.25}@media (min-width: 640px){.key-info-answer .main-text{font-size:1.25rem;margin-bottom:.5rem}}.key-info-answer .sub-text{font-size:.875rem;color:#4b5563;font-weight:500}@media (min-width: 640px){.key-info-answer .sub-text{font-size:1rem}}.currently-sleeping .main-text{color:#818cf8;display:flex;align-items:center;gap:.5rem}.currently-sleeping .main-text:before{content:"😴";font-size:1rem;animation:pulse 2s ease-in-out infinite}.wake-summary .main-text{color:#fbbf24}.feeding-summary .main-text{color:#4ade80}.no-sleep-data .main-text,.no-feeding-data .main-text{color:#6b7280;font-style:italic}.no-sleep-data .sub-text,.no-feeding-data .sub-text{color:#9ca3af;font-size:.75rem}.status-emoji{font-size:3.75rem;line-height:1;animation:pulse 3s ease-in-out infinite;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width: 640px){.status-emoji{font-size:6rem}}.status-info{flex:1}.status-name{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}@media (min-width: 640px){.status-name{font-size:1.875rem}}.status-mood{font-size:1rem;color:#4b5563;font-weight:500}@media (min-width: 640px){.status-mood{font-size:1.125rem}}.sleep-timer{display:flex;align-items:center;gap:.5rem;margin:.5rem 0;padding:.5rem .75rem;background:linear-gradient(135deg,#818cf81a,#a78bfa1a);border-radius:.5rem;border:1px solid rgba(129,140,248,.2)}.sleep-timer .sleep-timer-icon{font-size:1.125rem;animation:pulse 2s ease-in-out infinite}.sleep-timer .sleep-timer-text{font-size:.875rem;font-weight:600;color:#818cf8}@media (min-width: 640px){.sleep-timer .sleep-timer-text{font-size:1rem}}.status-indicators{display:grid;grid-template-columns:1fr;gap:1rem;width:100%;max-width:100%}@media (min-width: 640px){.status-indicators{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.status-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffffb3;border-radius:.5rem;border:1px solid rgba(229,231,235,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease-in-out;overflow:hidden}.status-item:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;background:#ffffffe6}.status-item.clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.status-item.clickable:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;background:#fffffff2;border-color:#f472b64d}.status-item.clickable:active{transform:translateY(-1px);transition:transform .1s ease}.status-item.clickable:focus{outline:3px solid rgba(244,114,182,.3);outline-offset:2px}.status-item.clickable:after{content:"→";position:absolute;top:50%;right:.75rem;transform:translateY(-50%);font-size:.875rem;color:#f472b699;opacity:0;transition:all .15s ease-in-out}@media (min-width: 640px){.status-item.clickable:after{top:auto;right:50%;bottom:.75rem;transform:translate(50%) rotate(90deg)}}.status-item.clickable:hover:after{opacity:1;right:.5rem}@media (min-width: 640px){.status-item.clickable:hover:after{right:50%;bottom:.5rem;transform:translate(50%) rotate(90deg)}}@media (max-width: 640px){.status-item{padding:.5rem .75rem;gap:.5rem;min-height:auto}}@media (min-width: 640px){.status-item{flex-direction:column;text-align:center;gap:.5rem;padding:1.25rem;position:relative}}.status-icon{font-size:1.25rem;line-height:1;flex-shrink:0}@media (min-width: 640px){.status-icon{font-size:1.875rem}}.status-details{flex:1;min-width:0;overflow:hidden}@media (max-width: 640px){.status-details{max-width:calc(100vw - 120px)}}.status-value{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#1f2937;margin-bottom:.25rem;word-wrap:break-word;overflow-wrap:break-word;flex-wrap:wrap;max-width:100%}@media (max-width: 640px){.status-value{font-size:11px;gap:.25rem}}@media (max-width: 360px){.status-value{font-size:10px}.status-value span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}}@media (min-width: 640px){.status-value{justify-content:center;font-size:1rem}}.status-label{font-size:.75rem;color:#4b5563;line-height:1.25;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}@media (max-width: 640px){.status-label{font-size:10px;line-height:1.2}}@media (max-width: 360px){.status-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}}@media (min-width: 640px){.status-label{font-size:.875rem}}.status-loading{text-align:center;padding:2rem 1rem}.status-loading .emoji-large{font-size:3.75rem;opacity:.5;margin-bottom:1rem}@media (min-width: 640px){.status-loading .emoji-large{font-size:6rem}}.status-loading h2{color:#6b7280;font-size:1.125rem;font-weight:400}@media (min-width: 640px){.status-loading h2{font-size:1.25rem}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.status-dashboard.status-fussy .status-emoji{animation:shake 1s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.activity-timeline{height:100%;overflow:visible}.activity-timeline .card-body{padding:0;height:100%;display:flex;flex-direction:column;overflow:visible}.timeline-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgba(229,231,235,.3);flex-shrink:0;position:relative;min-height:80px}.timeline-header .timeline-title-row{display:flex;align-items:center;gap:1rem;margin-bottom:.25rem}.timeline-header h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.timeline-header .timeline-date{font-size:.875rem;color:#4b5563;font-weight:500}.timeline-header .event-details{position:absolute;top:calc(1.5rem + 30px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(145deg,#f472b614,#a78bfa14);border-radius:.5rem;font-size:.875rem;border:1px solid rgba(244,114,182,.2);animation:slideInFromTop .3s ease;z-index:10;max-width:calc(100% - 3rem);box-shadow:0 2px 8px #0000001a}.timeline-header .event-details .event-icon{font-size:1.125rem}.timeline-header .event-details .event-type{font-weight:600;color:#1f2937}.timeline-header .event-details .event-time{color:#4b5563;font-weight:500}.timeline-header .event-details .event-duration{color:#6b7280;font-size:.75rem}.timeline-header .event-details .event-description{color:#4b5563;font-style:italic;font-size:.75rem}@keyframes slideInFromTop{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.timeline-container{flex:1;overflow-y:auto;overflow-x:visible;padding:2rem 1.5rem}.timeline-container::-webkit-scrollbar{width:8px}.timeline-container::-webkit-scrollbar-track{background:transparent}.timeline-container::-webkit-scrollbar-thumb{background:#d1d5db80;border-radius:9999px}.timeline-container::-webkit-scrollbar-thumb:hover{background:#9ca3afb3}.timeline-footer{padding:1rem 1.5rem;border-top:1px solid rgba(229,231,235,.3);flex-shrink:0;text-align:center}.activity-count{font-size:.875rem;color:#6b7280;font-weight:500}.timeline-wrapper{position:relative;width:100%;min-height:200px;padding:80px 0;overflow:visible}.timeline-track{position:absolute;top:80px;left:0;right:0;height:24px;background:linear-gradient(to bottom,#e5e7eb80,#e5e7eb4d);border-radius:9999px;box-shadow:inset 0 2px 4px #0000001a,0 2px 8px #00000014;overflow:visible}.timeline-labels{position:absolute;top:0;left:0;right:0;height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 .75rem;z-index:10;pointer-events:none}.time-label{font-size:10px;font-weight:700;color:#111827a6;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 1px 2px rgba(255,255,255,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none}.segment{position:absolute;top:0;height:100%;transition:all .2s ease;cursor:pointer}.segment:hover{filter:brightness(1.1);transform:scaleY(1.2)}.segment-sleep{background:linear-gradient(135deg,#818cf8cc,#818cf8e6,#818cf8d9);box-shadow:inset 0 1px 2px #0000001a}.segment-awake{background:linear-gradient(135deg,#ffffbab3,#ffffbad9,#ffffbabf);box-shadow:inset 0 1px 2px #00000014}.event-marker{position:absolute;transform:translate(-50%);z-index:20}.event-marker.position-top{top:0}.event-marker.position-bottom{top:130px}.event-marker:hover .marker-icon{transform:scale(1.2);box-shadow:0 6px 20px #0003,0 0 0 6px #fffc}.event-marker:hover .marker-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.marker-line{position:absolute;left:50%;transform:translate(-50%);width:2px;background:linear-gradient(to bottom,#4b556366,#37415199);pointer-events:none;z-index:-1}.position-top .marker-line{top:50px;height:30px}.position-bottom .marker-line{bottom:50px;height:26px}.marker-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(145deg,#fff,#fffffff2);border:3px solid #D1D5DB;box-shadow:0 4px 12px #00000026,0 0 0 4px #ffffffb3;transition:all .2s ease;cursor:pointer}.event-feed .marker-icon{border-color:#4ade80;background:linear-gradient(145deg,#4ade8026,#fff);box-shadow:0 4px 12px #4ade804d,0 0 0 4px #4ade801a}.event-diaper .marker-icon{border-color:#ffb3ba;background:linear-gradient(145deg,#ffb3ba26,#fff);box-shadow:0 4px 12px #ffb3ba4d,0 0 0 4px #ffb3ba1a}.event-play .marker-icon{border-color:#f472b6;background:linear-gradient(145deg,#f472b626,#fff);box-shadow:0 4px 12px #f472b64d,0 0 0 4px #f472b61a}.event-sleep .marker-icon{border-color:#818cf8;background:linear-gradient(145deg,#818cf826,#fff);box-shadow:0 4px 12px #818cf84d,0 0 0 4px #818cf81a}.event-wake .marker-icon{border-color:#ffffba;background:linear-gradient(145deg,#ffffba33,#fff);box-shadow:0 4px 12px #ffffba59,0 0 0 4px #ffffba26}.marker-tooltip{position:absolute;left:50%;transform:translate(-50%) translateY(-5px);background:linear-gradient(145deg,#111827f7,#1f2937f2);color:#fff;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;white-space:normal;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:9999;text-align:center;line-height:1.6;min-width:150px;max-width:200px;box-shadow:0 8px 24px #0000004d;border:1px solid rgba(255,255,255,.1);word-wrap:break-word;overflow-wrap:break-word}.marker-tooltip strong{font-weight:700;display:block;margin-bottom:4px}.marker-tooltip small{color:#fffc;font-size:.75rem}.marker-tooltip:after{content:"";position:absolute;left:50%;transform:translate(-50%);border:6px solid transparent}.position-top .marker-tooltip{bottom:calc(100% + 8px)}.position-top .marker-tooltip:after{top:100%;border-top-color:#111827f7}.position-bottom .marker-tooltip{top:calc(100% + 8px)}.position-bottom .marker-tooltip:after{bottom:100%;border-bottom-color:#111827f7}.timeline-empty{text-align:center;padding:2rem 1rem}.timeline-empty .empty-icon{font-size:3.75rem;opacity:.4;margin-bottom:1rem}.timeline-empty .empty-title{font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:.5rem}.timeline-empty .empty-subtitle{font-size:.875rem;color:#6b7280;line-height:1.625}.timeline-loading .timeline-header{text-align:center;padding:2rem}.timeline-loading .timeline-header h3{color:#4b5563;margin-bottom:1rem}.loading-spinner{width:32px;height:32px;border:3px solid rgba(209,213,219,.3);border-top:3px solid #F472B6;border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}@media (max-width: 768px){.timeline-wrapper{padding:70px 0}.timeline-track{top:70px;height:20px}.time-label{font-size:9px}.marker-icon{width:44px;height:44px;font-size:22px}.position-bottom{top:118px}}@media (max-width: 640px){.timeline-header{padding:1rem;min-height:110px}.timeline-header .timeline-title-row{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:0}.timeline-header h3{font-size:1.125rem}.timeline-header .timeline-date{font-size:.75rem;margin-bottom:.5rem}.timeline-header .event-details{position:relative;top:auto;left:auto;right:auto;transform:none;max-width:none;width:100%;margin-top:.5rem;padding:.5rem .75rem;gap:.5rem;font-size:.75rem;flex-wrap:wrap}.timeline-header .event-details .event-description{display:none}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.timeline-container{padding:1.5rem 1rem}.timeline-wrapper{padding:60px 0}.timeline-track{top:60px;height:18px}.time-label{font-size:8px}.marker-icon{width:38px;height:38px;font-size:20px;border-width:2px}.position-bottom{top:102px}.marker-tooltip{font-size:11px;padding:.5rem .75rem;min-width:120px}.timeline-footer{padding:.75rem 1rem}}.weekly-insights{margin-bottom:1.5rem}.weekly-insights.loading .insights-header{text-align:center;padding:2rem}.weekly-insights.loading .insights-header h3{color:#4b5563;margin-bottom:.5rem}.weekly-insights.loading .insights-header p{color:#6b7280;font-size:.875rem}.insights-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgba(229,231,235,.3)}.insights-header h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.insights-header p{font-size:.875rem;color:#4b5563;margin:0}.insights-grid{padding:1.5rem;display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.insights-grid{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.insights-grid{grid-template-columns:2fr 1fr 1fr}}.insight-card{background:#ffffffb3;border:1px solid rgba(229,231,235,.5);border-radius:.5rem;padding:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease-in-out;display:flex;align-items:flex-start;gap:1rem}.insight-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;background:#ffffffe6}@media (min-width: 1024px){.insight-card.sleep-insight{grid-column:1;flex-direction:column;text-align:center}.insight-card.feeding-insight,.insight-card.highlights-insight{flex-direction:column;text-align:center}}.insight-icon{font-size:1.875rem;flex-shrink:0;opacity:.8}@media (min-width: 1024px){.insight-card .insight-icon{font-size:2.25rem;margin-bottom:.75rem}}.insight-content{flex:1;min-width:0}.sleep-insight{border-color:#818cf84d;background:#818cf80d}.sleep-insight:hover{background:#818cf81a}.sleep-insight .insight-icon{color:#818cf8}.feeding-insight{border-color:#4ade804d;background:#4ade800d}.feeding-insight:hover{background:#4ade801a}.feeding-insight .insight-icon{color:#4ade80}.highlights-insight{border-color:#ffffba66;background:#ffffba1a}.highlights-insight:hover{background:#ffffba26}.highlights-insight .insight-icon{color:#ffff54}.insight-main{margin-bottom:.75rem}.insight-value{font-size:1.5rem;font-weight:700;color:#1f2937;line-height:1.25}@media (min-width: 1024px){.insight-value{font-size:1.875rem}}.insight-label{font-size:.875rem;color:#4b5563;font-weight:500;margin-top:.25rem}@media (min-width: 1024px){.insight-label{font-size:1rem}}.insight-trend{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}@media (min-width: 1024px){.insight-trend{justify-content:center}}.trend-icon{font-size:1rem}.trend-text{font-size:.875rem;color:#374151;font-weight:500}.insight-chart{margin-top:.75rem}.mini-chart{display:flex;align-items:end;gap:2px;height:40px;padding:.5rem 0}@media (min-width: 1024px){.mini-chart{justify-content:center;height:48px}}.chart-bar{background:linear-gradient(to top,#818cf899,#818cf84d);border-radius:2px;width:8px;min-height:4px;transition:all .15s ease-in-out;cursor:pointer}.chart-bar:hover{background:linear-gradient(to top,#818cf8cc,#818cf880);transform:scaleY(1.1)}@media (min-width: 1024px){.chart-bar{width:12px}}.insight-highlights{display:flex;flex-direction:column;gap:.75rem}.highlight-item{display:flex;justify-content:space-between;align-items:center}@media (min-width: 1024px){.highlight-item{flex-direction:column;text-align:center;gap:.25rem}}.highlight-label{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}@media (min-width: 1024px){.highlight-label{font-size:.875rem}}.highlight-value{font-size:.875rem;color:#1f2937;font-weight:600}@media (min-width: 1024px){.highlight-value{font-size:1rem}}@media (max-width: 640px){.insights-header{padding:1rem 1rem .75rem}.insights-header h3{font-size:1.125rem}.insights-grid,.insight-card{padding:1rem;gap:.75rem}.insight-icon{font-size:1.5rem}.insight-value{font-size:1.25rem}}.unified-dashboard{height:auto}@media (max-width: 768px){.unified-dashboard{height:auto;padding-bottom:48px}}@media (max-width: 768px){.home-content .unified-dashboard{margin-top:0;padding-top:0}}.dashboard-container{max-width:800px;margin:0 auto;padding:0 1.5rem;display:flex;flex-direction:column;gap:1.5rem;transition:all .3s ease-out}@media (max-width: 768px){.dashboard-container{padding:1rem 1rem 0;padding-top:0;gap:1rem}}@media (max-width: 768px){.home-content .dashboard-container{padding-top:10px!important;margin-top:0!important}}@media (min-width: 768px){body.logs-panel-open .dashboard-container{max-width:none;width:100%;margin:0;padding-left:2rem;padding-right:2rem}}.dashboard-header{margin:0}.baby-header-content{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:2rem;border:2px solid rgba(255,255,255,.6);box-shadow:0 20px 40px #00000014,0 8px 16px #0000000a}@media (max-width: 640px){.baby-header-content{gap:.5rem;padding:.75rem;border-radius:1.5rem;border-width:1px}}.baby-welcome{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem}@media (min-width: 768px){.baby-welcome{justify-content:flex-start;gap:1rem}}.baby-emoji{font-size:3rem;animation:gentle-bounce 3s ease-in-out infinite}@media (max-width: 640px){.baby-emoji{font-size:2.25rem}}.baby-info .baby-name-section{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}@media (max-width: 640px){.baby-info .baby-name-section{gap:1rem}}.baby-info .baby-name-with-edit{display:flex;align-items:center;gap:.5rem}.baby-info .baby-edit-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;background:#f472b61a;color:#f472b6;cursor:pointer;transition:all .2s ease}.baby-info .baby-edit-icon:hover{background:#f472b633;transform:scale(1.1)}.baby-info .baby-edit-icon:active{transform:scale(.95)}.baby-info .baby-edit-icon:focus{outline:2px solid #F472B6;outline-offset:2px}.baby-info .baby-edit-icon svg{width:16px;height:16px}@media (max-width: 640px){.baby-info .baby-edit-icon{width:28px;height:28px}.baby-info .baby-edit-icon svg{width:14px;height:14px}}.baby-info .baby-name{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0;line-height:1.25}@media (max-width: 640px){.baby-info .baby-name{font-size:1.5rem}}.baby-info .key-times{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem;justify-content:center}@media (max-width: 640px){.baby-info .key-times{flex-direction:column;gap:.5rem;margin-top:.5rem}}.baby-info .key-times .time-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem;padding:.75rem 1rem;background:linear-gradient(135deg,#fff,#fffffff2);border-radius:1rem;border:1px solid rgba(129,140,248,.1);box-shadow:0 4px 20px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:120px;flex:1;max-width:160px;animation:fadeInSlideUp .4s ease-out}@media (max-width: 640px){.baby-info .key-times .time-item{flex-direction:row;text-align:left;justify-content:space-between;min-width:auto;max-width:none;padding:.75rem 1rem;gap:.75rem}}.baby-info .key-times .time-item.clickable{cursor:pointer}.baby-info .key-times .time-item.clickable:hover{background:linear-gradient(135deg,#fff,#818cf805);transform:translateY(-3px);box-shadow:0 8px 30px #00000014;border-color:#818cf833}.baby-info .key-times .time-item.clickable:hover .time-value{color:#818cf8}.baby-info .key-times .time-item.clickable:active{transform:translateY(-1px)}.baby-info .key-times .time-item .time-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:.25rem;word-wrap:break-word;overflow-wrap:break-word}@media (max-width: 640px){.baby-info .key-times .time-item .time-label{margin-bottom:0;flex-shrink:1;min-width:0;max-width:60%;line-height:1.25}}.baby-info .key-times .time-item .time-value{font-size:1.125rem;font-weight:700;color:#1f2937;transition:color .3s ease-in-out;line-height:1.25;flex-shrink:0;text-align:right}@media (max-width: 640px){.baby-info .key-times .time-item .time-value{font-size:1rem}}.baby-info .baby-info-section{animation:fadeInSlideUp .4s ease-out}.baby-info .baby-info-section.transitioning{animation:fadeOutSlideDown .3s ease-in forwards}.status-transition-wrapper{position:relative;min-height:120px}@media (max-width: 640px){.status-transition-wrapper{min-height:180px}}.sleep-timer-header{display:flex;align-items:center;gap:.75rem;margin:.5rem 0 0;padding:1rem 1.25rem;background:linear-gradient(135deg,#818cf8e6,#5160f5e6);border-radius:1rem;border:1px solid rgba(129,140,248,.3);box-shadow:0 4px 15px #818cf840,inset 0 1px #fff3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;min-height:80px;animation:fadeInSlideUp .4s ease-out}.sleep-timer-header.transitioning{animation:fadeOutSlideDown .3s ease-in forwards}.sleep-timer-header:hover{transform:translateY(-1px);box-shadow:0 6px 20px #818cf84d,inset 0 1px #fff3}.sleep-timer-header .sleep-icon{font-size:1.875rem;animation:gentle-bounce 2s ease-in-out infinite;opacity:.9}.sleep-timer-header .sleep-text{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(129,140,248,.3);line-height:1.25}@media (max-width: 640px){.sleep-timer-header{padding:.75rem 1rem;gap:.5rem;min-height:60px}.sleep-timer-header .sleep-icon{font-size:1.5rem}.sleep-timer-header .sleep-text{font-size:1.25rem}}.sleep-session-details{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#fff,#fffffffa);border:1px solid rgba(129,140,248,.2);border-radius:.5rem;box-shadow:0 4px 12px #0000001a;z-index:10;min-width:300px;animation:slideInFromTop .2s ease-out}@media (max-width: 640px){.sleep-session-details{left:0;right:0;transform:none;min-width:auto;margin-top:.5rem;padding:.75rem 1rem}}.sleep-session-details .detail-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0}.sleep-session-details .detail-row:not(:last-child){border-bottom:1px solid rgba(229,231,235,.5)}@media (max-width: 640px){.sleep-session-details .detail-row{gap:.75rem;padding:.5rem 0}}.sleep-session-details .detail-label{font-size:.875rem;color:#4b5563;font-weight:500}@media (max-width: 640px){.sleep-session-details .detail-label{font-size:.75rem}}.sleep-session-details .detail-value{font-size:.875rem;color:#111827;font-weight:600;text-align:right}@media (max-width: 640px){.sleep-session-details .detail-value{font-size:.75rem}}@keyframes slideInFromTop{0%{opacity:0;transform:translate(-50%) translateY(-10px);@media (max-width: 640px){transform:translateY(-10px)}}to{opacity:1;transform:translate(-50%) translateY(0);@media (max-width: 640px){transform:translateY(0)}}}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.quick-actions-card{width:100%;max-width:100%;overflow:hidden}.quick-actions-card .card-body{padding:0;width:100%;overflow:hidden}.quick-actions-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgba(229,231,235,.3)}.quick-actions-header h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.quick-actions-header p{font-size:.875rem;color:#4b5563;margin:0}@media (max-width: 768px){.quick-actions-header{padding:1rem 1rem .75rem}.quick-actions-header h3{font-size:1.125rem}}.quick-actions-grid{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}@media (min-width: 640px){.quick-actions-grid{gap:1.25rem}}@media (max-width: 768px){.quick-actions-grid{padding:1rem;gap:.75rem}}.quick-actions-grid .btn.action-card{width:100%;flex:none}.btn.action-card{height:auto;min-height:120px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;border-radius:.75rem;transition:all .3s ease-in-out;position:relative;overflow:hidden}.btn.action-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .3s ease-in-out}.btn.action-card:hover:before{opacity:1}.btn.action-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn.action-card:active{transform:translateY(-2px) scale(1.01)}.btn.action-card.secondary{opacity:.8}.btn.action-card.secondary:hover{opacity:1}@media (max-width: 768px){.btn.action-card{min-height:100px;padding:1rem;gap:.5rem}}.action-icon{font-size:2.25rem;line-height:1;opacity:.9;transition:all .3s ease-in-out}.action-card:hover .action-icon{transform:scale(1.1);opacity:1}@media (max-width: 768px){.action-icon{font-size:1.875rem}}.action-content{flex:1;min-width:0;width:100%;max-width:100%;overflow:hidden}.action-title{font-size:1rem;font-weight:600;line-height:1.25;margin-bottom:.25rem;color:inherit;word-wrap:break-word;overflow-wrap:break-word}@media (min-width: 640px){.action-title{font-size:1.125rem}}@media (max-width: 768px){.action-title{font-size:.875rem}}.action-subtitle{font-size:.75rem;opacity:.8;line-height:1.25;color:inherit;word-wrap:break-word;overflow-wrap:break-word}@media (min-width: 640px){.action-subtitle{font-size:.875rem}}@media (max-width: 768px){.action-subtitle{font-size:.75rem}}.btn.action-card.btn-sleep{background:linear-gradient(135deg,#818cf8e6,#5160f5e6);border-color:#818cf84d}.btn.action-card.btn-sleep:hover{background:linear-gradient(135deg,#818cf8,#5160f5);border-color:#818cf8}.btn.action-card.btn-wake{background:linear-gradient(135deg,#ffffbae6,#ffff6ee6);border-color:#ffffba66;color:#eded00}.btn.action-card.btn-wake:hover{background:linear-gradient(135deg,#ffffba,#ffff6e);border-color:#ffff87;color:#baba00}.btn.action-card.btn-eat{background:linear-gradient(135deg,#4ade80e6,#26cf64e6);border-color:#4ade804d}.btn.action-card.btn-eat:hover{background:linear-gradient(135deg,#4ade80,#26cf64);border-color:#4ade80}.btn.action-card.btn-walk{background:linear-gradient(135deg,#60a5fae6,#2f89f8e6);border-color:#60a5fa4d}.btn.action-card.btn-walk:hover{background:linear-gradient(135deg,#60a5fa,#2f89f8);border-color:#60a5fa}.btn.action-card.btn-ghost{background:#ffffffb3;border-color:#d1d5db80;color:#374151}.btn.action-card.btn-ghost:hover{background:#ffffffe6;border-color:#9ca3af99;color:#1f2937}.btn.action-card:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn.action-card:disabled:hover{transform:none!important;box-shadow:0 1px 2px #0000000d}.btn.action-card:disabled .action-icon{animation:pulse 2s ease-in-out infinite}@media (max-width: 768px){.btn.action-card{min-height:88px}.btn.action-card:active{transform:scale(.98);transition:transform .1s ease}}.btn.action-card:focus{outline:3px solid rgba(244,114,182,.5);outline-offset:2px}.btn.action-card:focus-visible{outline:3px solid #F472B6}.quick-actions{display:flex;gap:.75rem}@media (max-width: 640px){.quick-actions{flex-direction:row;justify-content:center;gap:1rem}}.quick-action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffffe6;border:1px solid rgba(209,213,219,.5);border-radius:.5rem;cursor:pointer;transition:all .3s ease-in-out;font-size:.875rem;font-weight:500;color:#374151}.quick-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;background:#fff;border-color:#9ca3af99}.quick-action-btn:active{transform:translateY(0)}.quick-action-btn .btn-icon{font-size:1.125rem}.quick-action-btn .btn-text{font-weight:600}@media (max-width: 640px){.quick-action-btn{padding:.5rem .75rem;font-size:.75rem}.quick-action-btn .btn-icon{font-size:1rem}}.modal-overlay{position:fixed;inset:0;background:#11182780;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;animation:modal-fade-in .2s ease forwards}@media (max-width: 768px){.modal-overlay{padding:1rem}}.modal-container{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;width:100%;max-height:90vh;overflow:hidden;transform:translate(-100px) scale(.95);animation:modal-slide-in .3s ease forwards}@media (max-width: 640px){.modal-container{max-width:100%;margin:1rem}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #E5E7EB}.modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#1f2937}.modal-header .modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:9999px;transition:all .3s ease-in-out}.modal-content{padding:1.5rem}@media (max-width: 640px){.modal-content{padding:1rem}}.modal-options h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#1f2937}.modal-options p{color:#4b5563;margin-bottom:1rem;font-size:.875rem;line-height:1.625}@media (max-width: 640px){.modal-options h4{font-size:1rem;margin-bottom:.25rem}.modal-options p{font-size:.75rem;margin-bottom:.75rem}}.sleep-options,.feed-options{display:flex;flex-direction:column;gap:.75rem}@media (max-width: 640px){.sleep-options,.feed-options{gap:.5rem}}.option-btn{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f9fafb;border:1px solid #E5E7EB;border-radius:.5rem;cursor:pointer;transition:all .3s ease-in-out;font-size:1rem;font-weight:500;color:#374151;min-height:56px}.option-btn:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.option-btn:active{transform:translateY(0);background:#e5e7eb}.option-btn span:first-child{font-size:1.25rem}@media (max-width: 640px){.option-btn{padding:.75rem 1rem;gap:.5rem;min-height:60px;font-size:.875rem}.option-btn span:first-child{font-size:1.5rem}}.option-btn.night-sleep{background:linear-gradient(135deg,#818cf81a,#818cf80d);border-color:#818cf833}.option-btn.night-sleep:hover{background:linear-gradient(135deg,#818cf826,#818cf814);border-color:#818cf84d}.option-btn.nap{background:linear-gradient(135deg,#bae1ff1a,#bae1ff0d);border-color:#bae1ff33}.option-btn.nap:hover{background:linear-gradient(135deg,#bae1ff26,#bae1ff14);border-color:#bae1ff4d}.option-btn.end-sleep{background:linear-gradient(135deg,#ffffba1a,#ffffba0d);border-color:#ffffba33;color:#eded00}.option-btn.end-sleep:hover{background:linear-gradient(135deg,#ffffba26,#ffffba14);border-color:#ffffba4d}.option-btn.bottle-feed{background:linear-gradient(135deg,#4ade801a,#4ade800d);border-color:#4ade8033}.option-btn.bottle-feed:hover{background:linear-gradient(135deg,#4ade8026,#4ade8014);border-color:#4ade804d}.option-btn.breast-feed{background:linear-gradient(135deg,#f472b61a,#f472b60d);border-color:#f472b633}.option-btn.breast-feed:hover{background:linear-gradient(135deg,#f472b626,#f472b614);border-color:#f472b64d}@keyframes modal-slide-in{0%{transform:translate(-100px) scale(.95);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.play-suggestions-modal{max-width:500px}.play-suggestions-modal .modal-content .suggestions-intro{font-size:.875rem;color:#4b5563;margin-bottom:1.25rem;text-align:center;font-weight:500}.play-suggestions-modal .modal-content .suggestions-section{margin-bottom:1.25rem}.play-suggestions-modal .modal-content .suggestions-section h4{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.play-suggestions-modal .modal-content .suggestions-section h4 .section-icon{font-size:1.125rem}.play-suggestions-modal .modal-content .suggestions-section .suggestions-list{display:flex;flex-direction:column;gap:.5rem}.play-suggestions-modal .modal-content .suggestions-section .suggestions-list .suggestion-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#ffb3ba0d,#bae1ff0d);border:1px solid rgba(229,231,235,.5);border-radius:.5rem;transition:all .3s ease-in-out}.play-suggestions-modal .modal-content .suggestions-section .suggestions-list .suggestion-item:hover{background:linear-gradient(135deg,#ffb3ba1a,#bae1ff1a);border-color:#f472b633;transform:translate(4px)}.play-suggestions-modal .modal-content .suggestions-section .suggestions-list .suggestion-item .suggestion-emoji{font-size:1.25rem;flex-shrink:0}.play-suggestions-modal .modal-content .suggestions-section .suggestions-list .suggestion-item .suggestion-text{font-size:.875rem;color:#374151;line-height:1.625}.play-suggestions-modal .modal-content .modal-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(229,231,235,.5)}.play-suggestions-modal .modal-content .modal-actions .start-play-btn{width:100%;justify-content:center;background:linear-gradient(135deg,#f472b626,#a78bfa1a);border-color:#f472b64d;font-weight:600;font-size:1rem}.play-suggestions-modal .modal-content .modal-actions .start-play-btn:hover{background:linear-gradient(135deg,#f472b633,#a78bfa26);border-color:#f472b666}@media (max-width: 640px){.play-suggestions-modal{max-width:95vw}.play-suggestions-modal .modal-content .suggestions-intro{font-size:.75rem;margin-bottom:1rem}.play-suggestions-modal .modal-content .suggestions-section{margin-bottom:1rem}.play-suggestions-modal .modal-content .suggestions-section h4{font-size:.875rem;margin-bottom:.5rem}.play-suggestions-modal .modal-content .suggestions-section .suggestions-list{gap:.5rem}.play-suggestions-modal .modal-content .suggestions-section .suggestions-list .suggestion-item{padding:.5rem .75rem}.play-suggestions-modal .modal-content .suggestions-section .suggestions-list .suggestion-item .suggestion-emoji{font-size:1.125rem}.play-suggestions-modal .modal-content .suggestions-section .suggestions-list .suggestion-item .suggestion-text{font-size:.75rem}.play-suggestions-modal .modal-content .modal-actions .start-play-btn{font-size:.875rem}}@media (min-width: 768px){.detailed-logs-overlay{position:fixed;top:0;right:0;bottom:0;width:50%;z-index:1050;transform:translate(100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94),opacity .3s ease-out;opacity:0;visibility:hidden}.detailed-logs-overlay.entering{visibility:visible;transform:translate(100%);opacity:0}.detailed-logs-overlay.visible{transform:translate(0);opacity:1;visibility:visible}.detailed-logs-overlay.exiting{transform:translate(100%);opacity:0;visibility:visible}}@media (max-width: 768px){.detailed-logs-overlay{position:fixed;inset:0;z-index:1050;background:#11182700;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:all .3s ease-out;opacity:0;visibility:hidden}.detailed-logs-overlay.entering{visibility:visible;background:#11182700;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);opacity:0}.detailed-logs-overlay.visible{background:#11182780;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1;visibility:visible}.detailed-logs-overlay.exiting{background:#11182700;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);opacity:0;visibility:visible}}.detailed-logs-panel{height:100%;overflow:hidden}@media (min-width: 768px){.detailed-logs-panel{height:100vh;box-shadow:-4px 0 12px #11182726}}@media (max-width: 768px){.detailed-logs-panel{position:absolute;bottom:0;left:0;right:0;height:80vh;border-top-left-radius:1rem;border-top-right-radius:1rem;overflow:hidden;transform:translateY(100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.detailed-logs-overlay.entering .detailed-logs-panel{transform:translateY(100%)}.detailed-logs-overlay.visible .detailed-logs-panel{transform:translateY(0)}.detailed-logs-overlay.exiting .detailed-logs-panel{transform:translateY(100%)}}.detailed-logs-card{height:100%;border-radius:0}@media (max-width: 768px){.detailed-logs-card{border-top-left-radius:1rem;border-top-right-radius:1rem}}.detailed-logs-card .card-body{height:100%;padding:0;display:flex;flex-direction:column}.logs-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgba(229,231,235,.3);flex-shrink:0}@media (max-width: 768px){.logs-header{padding:1.5rem 1.25rem 1rem}.logs-header:before{content:"";position:absolute;top:.5rem;left:50%;transform:translate(-50%);width:40px;height:4px;background:#9ca3af80;border-radius:9999px}}.logs-title{display:flex;align-items:center;gap:.75rem}.logs-title h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}@media (max-width: 768px){.logs-title h3{font-size:1.125rem}}.logs-icon{font-size:1.5rem}@media (max-width: 768px){.logs-icon{font-size:1.25rem}}.close-button{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.125rem;color:#6b7280}.close-button:hover{color:#374151;background:#f3f4f6cc}.logs-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.logs-table-container{flex:1;overflow-y:auto;padding:1rem 1.5rem}@media (max-width: 768px){.logs-table-container{padding:.75rem 1.25rem}}.logs-table-container::-webkit-scrollbar{width:6px}.logs-table-container::-webkit-scrollbar-track{background:#f3f4f680;border-radius:3px}.logs-table-container::-webkit-scrollbar-thumb{background:#9ca3af80;border-radius:3px}.logs-table-container::-webkit-scrollbar-thumb:hover{background:#6b7280b3}.logs-table{width:100%;border-collapse:collapse}.logs-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(229,231,235,.5);background:#f9fafb80}@media (max-width: 768px){.logs-table th{padding:.5rem .75rem;font-size:10px}}.logs-table th:first-child{border-top-left-radius:.375rem}.logs-table th:last-child{border-top-right-radius:.375rem}.logs-table td{padding:1rem;border-bottom:1px solid rgba(243,244,246,.8);vertical-align:top}@media (max-width: 768px){.logs-table td{padding:.75rem}}.logs-table td:first-child{padding-left:1rem}.logs-table td:last-child{padding-right:1rem}.logs-table tbody tr{transition:background-color .15s ease-in-out}.logs-table tbody tr:hover{background:#f9fafbcc}.logs-table tbody tr:last-child td{border-bottom:none}.log-date{font-size:.875rem;font-weight:500;color:#374151}@media (max-width: 768px){.log-date{font-size:.75rem}}.log-time{font-size:.875rem;color:#4b5563}@media (max-width: 768px){.log-time{font-size:.75rem}}.log-duration{display:inline-flex;align-items:center;padding:.25rem .5rem;background:#818cf81a;color:#818cf8;border-radius:.375rem;font-size:.75rem;font-weight:600;border:1px solid rgba(129,140,248,.2)}@media (max-width: 768px){.log-duration{font-size:10px;padding:2px .25rem}}.log-notes{font-size:.875rem;color:#6b7280;font-style:italic}@media (max-width: 768px){.log-notes{font-size:.75rem}}.logs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;height:200px}.logs-loading .loading-spinner{width:32px;height:32px;border:3px solid rgba(209,213,219,.3);border-top:3px solid #F472B6;border-radius:50%;margin-bottom:1rem;animation:spin 1s linear infinite}.logs-loading p{color:#6b7280;font-size:.875rem;margin:0}.logs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;height:300px;text-align:center}.logs-empty .empty-icon{font-size:3.75rem;opacity:.3;margin-bottom:1rem}.logs-empty h4{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 .5rem}.logs-empty p{color:#6b7280;font-size:.875rem;margin:0;line-height:1.625}.logs-footer{padding:1rem 1.5rem;border-top:1px solid rgba(229,231,235,.3);flex-shrink:0;text-align:center}@media (max-width: 768px){.logs-footer{padding:.75rem 1.25rem}}.logs-summary{font-size:.875rem;color:#6b7280;margin:0}@media (max-width: 768px){.logs-summary{font-size:.75rem}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.detailed-logs-overlay{overflow:hidden}body.logs-modal-open{overflow:hidden;position:fixed;width:100%}}@media (min-width: 768px){body.logs-panel-open .unified-dashboard{margin-right:50%;transition:margin-right .3s ease-out}body.logs-panel-open .unified-dashboard .dashboard-container{max-width:none;width:100%;margin:0;box-sizing:border-box}.unified-dashboard.with-logs-panel .dashboard-container{max-width:none;width:100%;margin:0;transition:all .3s ease-out}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.auth-container{height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fdf2f8,#f3e8ff,#ecfdf5);padding:1rem;overflow-x:hidden;overflow-y:auto}@media (max-width: 768px){.auth-container{padding:.75rem;padding-top:max(.75rem,env(safe-area-inset-top));padding-bottom:.75rem}}.auth-wrapper{width:100%;max-width:400px;max-height:100%;overflow-y:auto;overflow-x:visible;position:relative}.auth-wrapper:has(.verification-success-container){max-width:480px}@media (max-width: 768px){.auth-wrapper{max-width:100%}}.auth-language-selector{display:flex;justify-content:center;margin-bottom:1rem;padding-top:.5rem;z-index:100}@media (max-width: 768px){.auth-language-selector{margin-bottom:.75rem;padding-top:.5rem}}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-header h1{font-size:2.25rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.auth-header p{font-size:1.125rem;color:#4b5563;margin:0}.auth-card{border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-card:hover{transform:none!important;background:#fffc!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}.auth-card .card-body{padding:2rem}@media (max-width: 640px){.auth-card .card-body{padding:1.5rem}}.auth-card .card-body:has(.verification-success-container){padding:1.5rem}@media (max-width: 640px){.auth-card .card-body:has(.verification-success-container){padding:1rem}}.auth-form .form-group{margin-bottom:1.25rem}.auth-form .form-group label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.auth-form .form-group input{width:100%;padding:.75rem;border:2px solid rgba(209,213,219,.3);border-radius:.5rem;font-size:1rem;background:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease-in-out}.auth-form .form-group input:focus{outline:none;border-color:#f472b6;background:#fffffff2;box-shadow:0 0 0 3px #f472b61a}.auth-form .form-group input:disabled{opacity:.6;cursor:not-allowed}.auth-form .form-group input::-moz-placeholder{color:#6b7280cc}.auth-form .form-group input::placeholder{color:#6b7280cc}.auth-form .form-group .form-hint{display:block;font-size:.75rem;color:#6b7280;margin-top:.25rem}.auth-form .form-group .form-error{display:block;font-size:.75rem;color:#ef4444;margin-top:.25rem}.auth-form .form-group .password-input-wrapper{position:relative}.auth-form .form-group .password-input-wrapper input{padding-right:3rem}.auth-form .form-group .password-input-wrapper .password-toggle-btn{position:absolute;right:0;top:0;height:100%;padding:0 .75rem;background:transparent;border:none;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:color .15s ease-in-out}.auth-form .form-group .password-input-wrapper .password-toggle-btn:hover:not(:disabled){color:#f472b6}.auth-form .form-group .password-input-wrapper .password-toggle-btn:focus{outline:none;color:#f472b6}.auth-form .form-group .password-input-wrapper .password-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.auth-form .form-group .password-input-wrapper .password-toggle-btn svg{width:20px;height:20px}.auth-form .checkbox-label{display:flex!important;align-items:flex-start!important;gap:12px!important;cursor:pointer;position:relative}.auth-form .checkbox-label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.auth-form .checkbox-label input[type=checkbox]+.checkbox-text:before{content:"";display:inline-block;width:20px;height:20px;min-width:20px;min-height:20px;border:2px solid rgba(244,114,182,.3);border-radius:.375rem;background:#ffffffe6;margin-right:12px;margin-top:2px;vertical-align:top;transition:all .3s ease;position:relative;float:left}.auth-form .checkbox-label input[type=checkbox]+.checkbox-text:after{content:"";position:absolute;left:7px;top:9px;width:6px;height:11px;border:solid #FFFFFF;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) scale(0);transition:transform .2s ease-in-out}.auth-form .checkbox-label input[type=checkbox]:checked+.checkbox-text:before{background:linear-gradient(135deg,#f472b6,#fb923c);border-color:#f472b6;animation:checkboxPop .3s ease}.auth-form .checkbox-label input[type=checkbox]:checked+.checkbox-text:after{transform:rotate(45deg) scale(1);animation:checkmarkDraw .3s ease .1s backwards}.auth-form .checkbox-label input[type=checkbox]:hover:not(:checked)+.checkbox-text:before{border-color:#f472b6;box-shadow:0 0 0 3px #f472b61a}.auth-form .checkbox-label input[type=checkbox]:focus+.checkbox-text:before{outline:none;border-color:#f472b6;box-shadow:0 0 0 3px #f472b626}.auth-form .checkbox-label input[type=checkbox]:disabled+.checkbox-text:before{opacity:.5;cursor:not-allowed}.auth-form .checkbox-label .checkbox-text{flex:1;font-size:.875rem;color:#374151;line-height:1.5;padding-top:2px}@keyframes checkboxPop{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}@keyframes checkmarkDraw{0%{transform:rotate(45deg) scale(0);opacity:0}50%{opacity:1}to{transform:rotate(45deg) scale(1);opacity:1}}.auth-form .link-terms{color:#f472b6;text-decoration:underline;font-weight:500}.auth-form .link-terms:hover{color:#f0439e;text-decoration:none}.auth-form .link-terms:visited{color:#f25aaa}.auth-form .error-message{background:#ef44441a;color:#ef4444;padding:.75rem;border-radius:.5rem;border:1px solid rgba(239,68,68,.2);font-size:.875rem;margin-bottom:1rem}.auth-form .success-message{background:#4ade801a;color:#1ea44f;padding:1rem;border-radius:.5rem;border:1px solid rgba(74,222,128,.3);font-size:.875rem;margin-bottom:1rem;text-align:center}.auth-form .success-message strong{display:block;margin-bottom:.5rem;font-size:1rem}.auth-form .success-message p{margin:.5rem 0;line-height:1.5}.auth-form .info-message{background:#60a5fa1a;color:#076eed;padding:.75rem;border-radius:.5rem;border:1px solid rgba(96,165,250,.2);font-size:.875rem;margin-bottom:1rem;text-align:center}.auth-form .forgot-password-link{margin-top:1rem;text-align:right;padding-top:.5rem}.auth-form .forgot-password-link .link-button{background:none;border:none;font-size:.875rem;color:#f472b6;text-decoration:none;font-weight:500;transition:all .15s ease-in-out;padding:.25rem 0;cursor:pointer}.auth-form .forgot-password-link .link-button:hover{color:#f0439e;text-decoration:underline}.auth-form .forgot-password-link .link-button:focus{outline:2px solid rgba(244,114,182,.3);outline-offset:2px;border-radius:.125rem}.auth-form .forgot-password-link .link-button:disabled{opacity:.6;cursor:not-allowed}.auth-form .auth-submit{width:100%;margin-top:1rem;padding:1rem;font-size:1.125rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-form p{color:#4b5563;margin:0}.auth-form .link-button{background:none;border:none;color:#f472b6;font-weight:600;text-decoration:underline;cursor:pointer;font-size:inherit}.auth-form .link-button:hover{color:#f0439e}.auth-form .link-button:disabled{opacity:.6;cursor:not-allowed}.auth-switch{margin-top:1.5rem;text-align:center;padding-top:1rem;border-top:1px solid rgba(209,213,219,.3)}.auth-switch p{font-size:.875rem;color:#4b5563;margin:0}.auth-switch .link-button{background:none;border:none;color:#f472b6;font-weight:600;text-decoration:none;cursor:pointer;font-size:inherit;padding:0;transition:all .15s ease-in-out}.auth-switch .link-button:hover:not(:disabled){color:#f0439e;text-decoration:underline}.auth-switch .link-button:focus{outline:2px solid rgba(244,114,182,.3);outline-offset:2px;border-radius:.125rem}.auth-switch .link-button:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #FFFFFF;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small{width:16px;height:16px}.password-reset-success{text-align:center;margin-bottom:1rem}.password-reset-success p{margin-bottom:.75rem;line-height:1.5;font-size:.875rem}.password-reset-success ul{text-align:left;margin:.75rem 0;padding-left:1.25rem}.password-reset-success ul li{margin-bottom:.25rem;color:#4b5563;font-size:.875rem;line-height:1.4}.password-reset-success strong{color:#1f2937;font-size:.875rem}.password-reset-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}@media (min-width: 640px){.password-reset-actions{flex-direction:row;justify-content:center;gap:.75rem}.password-reset-actions .btn{flex:1;max-width:180px}}.password-reset-actions .reset-again-button{order:2}@media (min-width: 640px){.password-reset-actions .reset-again-button{order:1}}.password-reset-actions .back-to-login-button{order:1}@media (min-width: 640px){.password-reset-actions .back-to-login-button{order:2}}.verification-success-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem;min-height:400px}@media (max-width: 640px){.verification-success-container{padding:1.5rem .75rem;min-height:350px}}.verification-success-container .verification-icon{font-size:5rem;margin-bottom:1.25rem;line-height:1}@media (max-width: 640px){.verification-success-container .verification-icon{font-size:4rem;margin-bottom:1rem}}.verification-success-container .verification-title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:1rem}@media (max-width: 640px){.verification-success-container .verification-title{font-size:1.5rem;margin-bottom:.75rem}}.verification-success-container .verification-message{font-size:1rem;color:#4b5563;margin-bottom:.75rem}@media (max-width: 640px){.verification-success-container .verification-message{font-size:.875rem;margin-bottom:.5rem}}.verification-success-container .verification-email{font-size:1rem;font-weight:600;color:#f472b6;margin-bottom:1.25rem;word-break:break-all}@media (max-width: 640px){.verification-success-container .verification-email{font-size:.875rem;margin-bottom:1rem}}.verification-success-container .verification-box{background:linear-gradient(135deg,#f472b60f,#fb923c0f);border:1px solid rgba(244,114,182,.2);border-radius:.5rem;padding:1rem;margin-bottom:1.25rem}@media (max-width: 640px){.verification-success-container .verification-box{padding:.75rem;margin-bottom:1rem}}.verification-success-container .verification-box p{font-size:.875rem;color:#374151;margin:0;line-height:1.6}@media (max-width: 640px){.verification-success-container .verification-box p{font-size:.75rem}}.verification-success-container .verification-hint{font-size:.875rem;color:#4b5563;margin-bottom:1.25rem;padding:.75rem;background:#f3f4f680;border-radius:.375rem}@media (max-width: 640px){.verification-success-container .verification-hint{font-size:.75rem;margin-bottom:1rem;padding:.5rem}}.verification-success-container .verification-hint strong{color:#1f2937;font-weight:600}.verification-success-container .verification-btn{width:100%!important;max-width:280px!important;margin:0 auto!important;margin-top:.5rem!important;display:block!important}@media (max-width: 640px){.verification-success-container .verification-btn{max-width:100%!important}}.team-management{max-width:800px;margin:0 auto;padding:1.5rem}@media (max-width: 768px){.team-management{padding:1rem}}.team-management .team-card .card-body{padding:0;overflow:hidden}.team-management .team-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgba(229,231,235,.3)}@media (max-width: 640px){.team-management .team-header{flex-direction:column;gap:1rem;text-align:center}}.team-management .team-header h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}@media (max-width: 640px){.team-management .team-header h2{font-size:1.25rem}}.team-management .message{margin:1rem 1.5rem;padding:1rem 1.25rem;border-radius:.5rem;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:.75rem;animation:slideDown .3s ease-out;box-shadow:0 1px 2px #0000000d}.team-management .message.success{background:linear-gradient(135deg,#4ade8026,#4ade8014);border:1px solid rgba(74,222,128,.3);color:#1a8f45}.team-management .message.success .message-icon{font-size:1.25rem;animation:bounce .5s ease-out}.team-management .message.error{background:linear-gradient(135deg,#ef444426,#ef444414);border:1px solid rgba(239,68,68,.3);color:#d41212}.team-management .message.error .message-icon{font-size:1.25rem}.team-management .message .message-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}@media (max-width: 640px){.team-management .message{margin:.75rem 1rem;padding:.75rem 1rem;font-size:.875rem}}.team-section{padding:1.5rem;border-bottom:1px solid rgba(229,231,235,.2)}.team-section:last-child{border-bottom:none}@media (max-width: 768px){.team-section{padding:1rem}}.team-section .section-header{margin-bottom:1.25rem}.team-section .section-header h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}@media (max-width: 640px){.team-section .section-header h3{font-size:1.125rem}}.team-section .section-header .section-description{font-size:.875rem;color:#4b5563;margin:0;line-height:1.625}.members-list{display:flex;flex-direction:column;gap:1rem}.member-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#ffffffb3;border-radius:.75rem;border:1px solid rgba(229,231,235,.5);transition:all .3s ease-in-out}.member-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;background:#ffffffe6}@media (max-width: 640px){.member-card{flex-direction:column;text-align:center;gap:.75rem;padding:1rem}}.member-card .member-avatar{flex-shrink:0}.member-card .member-avatar .avatar-circle{width:60px;height:60px;border-radius:9999px;background:linear-gradient(135deg,#818cf8,#a78bfa);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;text-transform:uppercase}@media (max-width: 640px){.member-card .member-avatar .avatar-circle{width:50px;height:50px;font-size:1.125rem}}.member-card .member-info{flex:1;min-width:0}.member-card .member-info .member-name{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}@media (max-width: 640px){.member-card .member-info .member-name{justify-content:center;font-size:1rem}}.member-card .member-info .member-name .you-tag{background:linear-gradient(135deg,#f472b6,#fb7185);color:#fff;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.member-card .member-info .member-email{font-size:.875rem;color:#4b5563;margin-bottom:.5rem}.member-card .member-info .member-meta{display:flex;gap:.75rem;align-items:center}@media (max-width: 640px){.member-card .member-info .member-meta{flex-direction:column;gap:.25rem}}.member-card .member-info .member-meta .role-badge{background:linear-gradient(135deg,#4ade801a,#4ade800d);border:1px solid rgba(74,222,128,.2);color:#1ea44f;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.member-card .member-info .member-meta .join-date{font-size:.75rem;color:#6b7280}.member-card .member-actions{flex-shrink:0}.member-card .member-actions .remove-btn{color:#ef4444;border-color:#ef444433}.member-card .member-actions .remove-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#eb1515}.empty-state{text-align:center;padding:3rem 1.5rem;color:#6b7280}@media (max-width: 640px){.empty-state{padding:2rem 1rem}}.empty-state .empty-icon{font-size:3.75rem;margin-bottom:1rem;opacity:.5}@media (max-width: 640px){.empty-state .empty-icon{font-size:3rem}}.empty-state h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 1rem}@media (max-width: 640px){.empty-state h3{font-size:1.25rem}}.empty-state p{margin:.5rem 0}.empty-state p:first-of-type{font-size:1.125rem;font-weight:500;color:#374151}.empty-state .empty-subtitle{font-size:.875rem;color:#6b7280;line-height:1.625;margin-bottom:1.5rem}.team-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0;max-width:400px;margin-left:auto;margin-right:auto}@media (max-width: 640px){.team-benefits{grid-template-columns:1fr;gap:.75rem}}.team-benefits .benefit-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#ffffff80;border-radius:.5rem;border:1px solid rgba(229,231,235,.3);text-align:left}.team-benefits .benefit-item .benefit-icon{font-size:1.25rem;flex-shrink:0}.team-benefits .benefit-item span:last-child{font-size:.875rem;font-weight:500;color:#374151}.create-team-cta{margin-top:1rem;padding:1rem 1.5rem;font-size:1.125rem;font-weight:700;width:100%;max-width:400px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.create-team-cta{padding:1rem;font-size:1rem;min-height:50px}}@media (max-width: 640px){.create-team-cta{padding:.75rem 1rem;font-size:.875rem;min-height:44px}}.no-team-section{padding:2rem 1.5rem}.no-team-section .empty-state{padding:1.5rem}.invitations-list{display:flex;flex-direction:column;gap:.75rem}.invitation-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffba1a;border-radius:.5rem;border:1px solid rgba(255,255,186,.3)}@media (max-width: 640px){.invitation-card{flex-direction:column;gap:.75rem;text-align:center}}.invitation-card .invitation-info{flex:1}.invitation-card .invitation-info .invitation-email{font-size:1rem;font-weight:500;color:#1f2937;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}@media (max-width: 640px){.invitation-card .invitation-info .invitation-email{justify-content:center}}.invitation-card .invitation-info .invitation-email .email-icon{opacity:.7}.invitation-card .invitation-info .invitation-meta{display:flex;gap:1rem;font-size:.75rem;color:#4b5563}@media (max-width: 640px){.invitation-card .invitation-info .invitation-meta{flex-direction:column;gap:.25rem}}.invitation-card .invitation-actions{flex-shrink:0}.invitation-card .invitation-actions .cancel-btn{color:#ef4444;border-color:#ef444433}.invitation-card .invitation-actions .cancel-btn:hover{background:#ef44441a;border-color:#ef44444d}.invite-section .invite-form{max-width:400px}@media (max-width: 640px){.invite-section .invite-form{max-width:none}}.invite-section .invite-form .form-group{margin-bottom:1rem}.invite-section .invite-form .form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.invite-section .invite-form .form-group .input-with-icon{position:relative}.invite-section .invite-form .form-group .input-with-icon .input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);z-index:1;opacity:.7}.invite-section .invite-form .form-group .input-with-icon .email-input{width:100%;padding:1rem 1rem 1rem 2.5rem;border:2px solid rgba(209,213,219,.5);border-radius:.5rem;font-size:1rem;transition:all .3s ease-in-out;background:#ffffffe6}.invite-section .invite-form .form-group .input-with-icon .email-input:focus{outline:none;border-color:#818cf880;background:#fff;box-shadow:0 0 0 4px #818cf81a}.invite-section .invite-form .form-group .input-with-icon .email-input:disabled{opacity:.6;cursor:not-allowed}.invite-section .invite-form .form-group .input-with-icon .email-input::-moz-placeholder{color:#9ca3af}.invite-section .invite-form .form-group .input-with-icon .email-input::placeholder{color:#9ca3af}.invite-section .invite-form .invite-btn{display:flex;align-items:center;gap:.5rem}.invite-section .invite-form .invite-btn .loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #FFFFFF;border-radius:9999px;animation:spin 1s linear infinite}.invite-section .message{margin-top:1rem;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.invite-section .message.success{background:#4ade801a;border:1px solid rgba(74,222,128,.2);color:#1ea44f}.invite-section .message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#eb1515}.invite-section .message .message-icon{flex-shrink:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.modal-overlay{position:fixed;inset:0;background:#1118271a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1050;opacity:0;animation:modal-fade-in .3s cubic-bezier(.4,0,.2,1) forwards}@media (max-width: 768px){.modal-overlay{padding:1rem;align-items:flex-end}}.modal-container{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:1rem;border:1px solid rgba(255,255,255,.8);box-shadow:0 25px 50px -12px #11182740,0 0 0 1px #ffffff0d;max-width:480px;width:100%;max-height:85vh;overflow:hidden;transform:translateY(20px) scale(.96);animation:modal-slide-in .4s cubic-bezier(.4,0,.2,1) forwards}@media (max-width: 768px){.modal-container{max-width:100%;margin:0;border-radius:1rem 1rem 0 0;transform:translateY(100px) scale(1);animation:modal-slide-up .4s cubic-bezier(.4,0,.2,1) forwards}}.modal-container.invite-modal{max-width:440px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem}.modal-header h3{margin:0;font-size:1.125rem;font-weight:700;color:#111827;display:flex;align-items:center;gap:.5rem}.modal-header .modal-close{background:#f3f4f699;border:none;font-size:1.125rem;color:#4b5563;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:9999px;transition:all .2s cubic-bezier(.4,0,.2,1)}.modal-header .modal-close:hover{background:#e5e7ebcc;color:#1f2937;transform:scale(1.05)}.modal-header .modal-close:active{transform:scale(.95)}.modal-content{padding:0 1.5rem 1.5rem}@media (max-width: 640px){.modal-content{padding:0 1rem 1rem}}.modal-content .modal-description{margin-bottom:1.5rem}.modal-content .modal-description p{font-size:.875rem;color:#4b5563;line-height:1.625;margin:0}.modal-content .invite-form .form-group{margin-bottom:1.25rem}.modal-content .invite-form .form-group label{display:block;font-size:.875rem;font-weight:500;color:#1f2937;margin-bottom:.75rem}.modal-content .invite-form .form-group .input-with-icon{position:relative}.modal-content .invite-form .form-group .input-with-icon .input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);z-index:1;opacity:.6;font-size:.875rem}.modal-content .invite-form .form-group .input-with-icon .email-input{width:100%;padding:1rem 1rem 1rem 2.5rem;border:1.5px solid rgba(209,213,219,.6);border-radius:.75rem;font-size:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fffc;color:#111827}.modal-content .invite-form .form-group .input-with-icon .email-input:focus{outline:none;border-color:#818cf8;background:#fff;box-shadow:0 0 0 3px #818cf81a}.modal-content .invite-form .form-group .input-with-icon .email-input:disabled{opacity:.5;cursor:not-allowed}.modal-content .invite-form .form-group .input-with-icon .email-input::-moz-placeholder{color:#6b7280}.modal-content .invite-form .form-group .input-with-icon .email-input::placeholder{color:#6b7280}.modal-content .modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}@media (max-width: 640px){.modal-content .modal-actions{flex-direction:column-reverse;gap:.5rem}}.modal-content .modal-actions button{min-width:100px;padding:.75rem 1.25rem;border-radius:.75rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.modal-content .modal-actions button[type=button]{background:#f3f4f6cc;border:1px solid rgba(209,213,219,.5);color:#374151}.modal-content .modal-actions button[type=button]:hover:not(:disabled){background:#e5e7ebe6;transform:translateY(-1px)}.modal-content .modal-actions .invite-btn{background:linear-gradient(135deg,#818cf8,#a78bfa);border:none;color:#fff;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #818cf84d}.modal-content .modal-actions .invite-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #818cf866}.modal-content .modal-actions .invite-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.modal-content .modal-actions .invite-btn .loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #FFFFFF;border-radius:9999px;animation:spin 1s linear infinite}.modal-content .message{margin-top:1.25rem;padding:.75rem 1rem;border-radius:.75rem;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.modal-content .message.success{background:#4ade801a;border:1px solid rgba(74,222,128,.2);color:#1ea44f}.modal-content .message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#eb1515}.modal-content .message .message-icon{flex-shrink:0}.open-invite-modal-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-in{0%{transform:translateY(20px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes modal-slide-up{0%{transform:translateY(100px) scale(1);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(156,163,175,.3);border-radius:50%;border-top-color:#818cf8;animation:spin 1s ease-in-out infinite}.team-header-left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}@media (max-width: 640px){.team-header-left{flex-direction:column;gap:.75rem}}.team-selector{position:relative;display:inline-flex;align-items:center;z-index:1000}.team-selector-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#818cf81a;border:1px solid rgba(129,140,248,.3);border-radius:.5rem;font-size:.875rem;font-weight:500;color:#818cf8;cursor:pointer;transition:all .3s ease-in-out;min-width:180px}.team-selector-button:hover:not(:disabled){background:#818cf826;border-color:#818cf866;transform:translateY(-1px);box-shadow:0 1px 2px #0000000d}.team-selector-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.team-selector-button{min-width:150px;padding:.5rem .75rem}}.team-icon{font-size:1rem}.team-name{flex:1;text-align:left;font-weight:600}.team-chevron{font-size:.75rem;opacity:.6;transition:transform .3s ease-in-out}.team-chevron.team-chevron-open{transform:rotate(180deg)}.team-selector-overlay{position:fixed;inset:0;z-index:999;background:transparent;cursor:default}.team-selector-dropdown{position:absolute;top:calc(100% + .5rem);left:0;min-width:220px;background:#fffffffa;border:1px solid rgba(229,231,235,.8);border-radius:.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;z-index:1001;animation:slideInFromTop .2s ease-out}@media (max-width: 640px){.team-selector-dropdown{min-width:200px}}.team-option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem;background:transparent;border:none;font-size:.875rem;color:#374151;cursor:pointer;transition:all .15s ease-in-out;text-align:left}.team-option:hover:not(:disabled){background:#818cf814}.team-option:disabled{opacity:.6;cursor:not-allowed}.team-option.team-option-active{background:#818cf81f;color:#818cf8}.team-option.team-option-active .team-option-icon{filter:brightness(1.2)}@media (max-width: 640px){.team-option{padding:.75rem}}.team-option-content{display:flex;align-items:center;gap:.75rem;flex:1}.team-option-icon{font-size:1.125rem}.team-option-info{display:flex;flex-direction:column;gap:.25rem}.team-option-name{font-weight:600;color:inherit}.team-option-role{font-size:.75rem;color:#6b7280;text-transform:capitalize}.team-check{font-size:.875rem;color:#818cf8;font-weight:700}.settings-page{max-width:800px;margin:0 auto;padding:1.5rem}@media (max-width: 768px){.settings-page{padding:1rem}}.settings-card .card-body{padding:0;overflow:hidden}.settings-sections{display:flex;flex-direction:column;gap:1.5rem}.settings-section{padding:1.5rem;border-bottom:1px solid rgba(229,231,235,.3)}.settings-section:last-child{border-bottom:none}@media (max-width: 768px){.settings-section{padding:1rem}}.settings-section h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 1.25rem;display:flex;align-items:center;gap:.5rem}@media (max-width: 640px){.settings-section h3{font-size:1.125rem}}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.settings-input{width:100%;padding:1rem;border:2px solid rgba(209,213,219,.6);border-radius:.75rem;font-size:1rem;transition:all .3s ease-in-out;background:#ffffffe6;color:#111827}.settings-input:focus{outline:none;border-color:#818cf8;background:#fff;box-shadow:0 0 0 3px #818cf81a}.settings-input::-moz-placeholder{color:#6b7280}.settings-input::placeholder{color:#6b7280}.avatar-upload-container{display:flex;align-items:center;gap:1rem}@media (max-width: 640px){.avatar-upload-container{flex-direction:column;text-align:center}}.avatar-preview{position:relative;width:80px;height:80px;border-radius:9999px;cursor:pointer;overflow:hidden;border:3px solid rgba(229,231,235,.5);transition:all .3s ease-in-out}.avatar-preview:hover{border-color:#818cf8;transform:scale(1.05)}.avatar-preview:hover .avatar-overlay{opacity:1}.avatar-preview .avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-preview .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#818cf8,#a78bfa);color:#fff;font-size:1.25rem;font-weight:700}.avatar-overlay{position:absolute;inset:0;background:#11182799;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-in-out}.avatar-overlay span{font-size:1.25rem}.avatar-upload-text{flex:1}.avatar-upload-text p{margin:0}.avatar-upload-text p:first-child{font-size:1rem;font-weight:500;color:#1f2937;margin-bottom:.25rem}.avatar-upload-text .upload-hint{font-size:.875rem;color:#6b7280}.measurement-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (max-width: 640px){.measurement-options{grid-template-columns:1fr}}.measurement-option{padding:1rem;border:2px solid rgba(209,213,219,.4);border-radius:.75rem;cursor:pointer;transition:all .3s ease-in-out;background:#ffffffb3}.measurement-option:hover{border-color:#818cf880;background:#ffffffe6;transform:translateY(-2px)}.measurement-option.active{border-color:#818cf8;background:#818cf81a;box-shadow:0 0 0 3px #818cf81a}.measurement-option .option-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.measurement-option .option-header .option-icon{font-size:1.125rem}.measurement-option .option-header .option-title{font-size:1rem;font-weight:600;color:#1f2937}.measurement-option .option-details{font-size:.875rem;color:#4b5563;line-height:1.625}.settings-actions{padding:1.5rem;border-top:1px solid rgba(229,231,235,.3);display:flex;justify-content:center}@media (max-width: 768px){.settings-actions{padding:1rem}}.save-settings-btn{min-width:200px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#818cf8,#a78bfa);border:none;color:#fff;box-shadow:0 4px 12px #818cf84d}.save-settings-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #818cf866}.save-settings-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.save-settings-btn .loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #FFFFFF;border-radius:9999px;animation:spin 1s linear infinite}.settings-message{margin-top:1rem;padding:.75rem 1rem;border-radius:.75rem;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.settings-message.success{background:#4ade801a;border:1px solid rgba(74,222,128,.2);color:#1ea44f}.settings-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#eb1515}.settings-message .message-icon{flex-shrink:0}.user-info-display{background:#fffc;border:1px solid rgba(229,231,235,.5);border-radius:.75rem;padding:1rem;margin-bottom:1rem}.user-info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.user-info-item:not(:last-child){border-bottom:1px solid rgba(229,231,235,.3)}.user-info-item .info-label{font-size:.875rem;font-weight:600;color:#4b5563}.user-info-item .info-value{font-size:1rem;color:#1f2937;font-weight:500}.account-actions{display:flex;justify-content:center;margin-top:1rem}.logout-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:1rem;font-weight:600;border:2px solid rgba(239,68,68,.6);color:#ef4444;background:#ffffffe6;transition:all .3s ease-in-out}.logout-btn:hover{background:#ef4444;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.logout-btn span{font-size:1.125rem}.danger-zone{background:linear-gradient(135deg,#ef444408,#ef444414);border:2px solid rgba(239,68,68,.2)!important;border-radius:1rem;max-width:600px;padding:1.25rem!important}@media (max-width: 768px){.danger-zone{padding:1rem!important}}@media (max-width: 640px){.danger-zone{padding:.75rem!important;margin:0 .5rem}}.danger-zone h3{color:#ef4444!important;margin-bottom:.75rem!important}@media (max-width: 640px){.danger-zone h3{font-size:1rem!important}}.danger-zone .danger-zone-description{color:#374151;margin-bottom:1rem;font-size:.875rem;line-height:1.6}@media (max-width: 640px){.danger-zone .danger-zone-description{font-size:.75rem;margin-bottom:.75rem}}.danger-zone .delete-account-btn{background:#ef4444;border-color:#ef4444;color:#fff!important;display:flex;align-items:center;gap:.5rem}@media (max-width: 640px){.danger-zone .delete-account-btn{font-size:.875rem!important;padding:.75rem 1rem!important}}.danger-zone .delete-account-btn:hover:not(:disabled){background:#eb1515;border-color:#eb1515;color:#fff!important}.danger-zone .delete-account-btn span{color:#fff}.danger-zone .error-message{margin-top:1rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}.modal-content.modal-danger{border:3px solid rgba(239,68,68,.3)}.modal-header{padding:1.5rem;border-bottom:1px solid #E5E7EB;display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#1f2937}.modal-header .modal-close{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:9999px;transition:all .15s ease-in-out}.modal-header .modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:1.5rem}.modal-body .warning-box{background:linear-gradient(135deg,#ef44440d,#ef44441a);border:2px solid rgba(239,68,68,.2);border-radius:.75rem;padding:1.25rem;margin-bottom:1.25rem}.modal-body .warning-box p{margin:0 0 1rem;color:#1f2937}.modal-body .warning-box strong{color:#ef4444}.modal-body .warning-item{display:flex;align-items:flex-start;gap:.75rem;margin-top:1rem;padding:.75rem;background:#fffc;border-radius:.5rem}.modal-body .warning-item .warning-icon{font-size:1.5rem;flex-shrink:0}.modal-body .warning-item p{margin:0;color:#374151;font-size:.875rem;line-height:1.5}.modal-body .form-hint{display:block;font-size:.75rem;color:#6b7280;margin-top:.5rem}.modal-footer{padding:1.5rem;border-top:1px solid #E5E7EB;display:flex;gap:.75rem;justify-content:flex-end}@media (max-width: 640px){.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.teams-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;margin-bottom:1rem}.team-item{background:#ffffffe6;border:2px solid rgba(229,231,235,.5);border-radius:.75rem;padding:1rem;transition:all .3s ease-in-out}.team-item.requires-deletion{border-color:#ef444466;background:linear-gradient(135deg,#ef444405,#ef44440d)}.team-item:hover{box-shadow:0 4px 12px #d1d5db4d;transform:translateY(-2px)}.team-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.team-item-header .team-name{font-size:1rem;font-weight:600;color:#1f2937}.team-item-header .deletion-badge{font-size:.75rem;font-weight:600;color:#ef4444;background:#ef44441a;padding:.25rem .75rem;border-radius:9999px;border:1px solid rgba(239,68,68,.3)}.team-item-details{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.team-item-details .team-detail{font-size:.875rem;color:#4b5563;padding:.25rem .5rem;background:#f3f4f680;border-radius:.375rem}.team-item-details .team-detail.creator-badge{background:linear-gradient(135deg,#818cf81a,#a78bfa1a);color:#818cf8;font-weight:600;border:1px solid rgba(129,140,248,.2)}.team-warning{font-size:.875rem;color:#eb1515;background:#ef44441a;padding:.75rem;border-radius:.5rem;margin-top:.5rem;border-left:3px solid #EF4444}.team-info{font-size:.875rem;color:#5160f5;background:#818cf80d;padding:.75rem;border-radius:.5rem;margin-top:.5rem;border-left:3px solid #818CF8}.account-actions{display:flex;gap:.75rem;margin-top:1.25rem}@media (max-width: 640px){.account-actions{flex-direction:column}.account-actions button{width:100%}}.account-actions .change-password-btn,.account-actions .logout-btn{flex:1}.growth-page{padding:1.5rem;max-width:1200px;margin:0 auto}@media (max-width: 768px){.growth-page{padding:.75rem}}.growth-page.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.growth-page .empty-state{text-align:center;padding:2rem}.growth-page .empty-state .empty-icon{font-size:4rem;margin-bottom:1rem}.growth-page .empty-state h2{color:#111827;margin-bottom:.5rem}.growth-page .empty-state p{color:#4b5563}.growth-page .page-header{margin-bottom:1.5rem}.growth-page .page-header .header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.growth-page .page-header .header-actions{display:flex;gap:.75rem;flex-shrink:0}.growth-page .page-header .child-info h1{color:#111827;font-size:2rem;font-weight:600;margin-bottom:.5rem}.growth-page .page-header .child-info p{color:#4b5563;font-size:1.1rem}.growth-page .page-header .add-measurement-btn{flex-shrink:0}.growth-page .growth-content .add-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.growth-page .growth-content .add-form-header h3{color:#111827;margin:0}.growth-page .growth-content .form-placeholder{padding:2rem;text-align:center;color:#4b5563;background:#f9fafb;border-radius:.5rem;border:2px dashed #D1D5DB}.growth-page .growth-content .growth-dashboard{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width: 768px){.growth-page .growth-content .growth-dashboard{grid-template-columns:1fr 1fr}}.growth-page .growth-content .growth-dashboard .card h3{color:#111827;margin-bottom:1rem;font-weight:600}.growth-page .growth-content .growth-dashboard .card .measurements-placeholder,.growth-page .growth-content .growth-dashboard .card .chart-placeholder{padding:2rem;text-align:center;color:#4b5563;background:#f9fafb;border-radius:.5rem;border:2px dashed #D1D5DB}@media (max-width: 768px){.growth-page{padding:1rem}.growth-page .page-header .header-content{flex-direction:column;align-items:stretch}.growth-page .growth-content .growth-dashboard{grid-template-columns:1fr}}.growth-chart-container{width:100%}.growth-chart-container .chart-wrapper{position:relative;height:350px;width:100%;margin-bottom:1.5rem}@media (max-width: 640px){.growth-chart-container .chart-wrapper{height:300px;margin-bottom:1rem}}@media (min-width: 768px){.growth-chart-container .chart-wrapper{height:500px}}@media (min-width: 1024px){.growth-chart-container .chart-wrapper{height:600px}}.growth-chart-container .chart-wrapper canvas{border-radius:.5rem;width:100%!important;height:100%!important}.growth-chart-container .chart-summary{background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(229,231,235,.5);border-radius:.75rem;padding:1rem}.growth-chart-container .chart-summary h4{color:#111827;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.growth-chart-container .chart-summary .measurement-summary p{margin:0;color:#1f2937;font-size:1rem;line-height:1.625}.growth-chart-container .chart-summary .measurement-summary p strong{color:#f472b6;font-size:1.125rem}.growth-chart-container .chart-summary .measurement-summary p .text-sm{font-size:.875rem;color:#6b7280}.chart-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(229,231,235,.5);border-radius:.75rem}@media (max-width: 768px){.chart-controls{gap:.75rem;padding:.75rem;margin-bottom:1rem}}.chart-controls .control-group{display:flex;flex-direction:column;gap:.5rem;min-width:120px}.chart-controls .control-group:last-child{align-self:flex-start}.chart-controls .control-group label{font-size:.875rem;font-weight:500;color:#374151}.chart-controls .control-group select{padding:.75rem 1rem;border:2px solid #D1D5DB;border-radius:.5rem;background:#fff;font-size:.875rem;color:#374151;cursor:pointer;transition:all .15s ease-in-out}.chart-controls .control-group select:hover{border-color:#9ca3af}.chart-controls .control-group select:focus{outline:none;border-color:#f472b6;box-shadow:0 0 0 3px #f472b61a}.chart-type-selector{display:flex;gap:.5rem;padding:.25rem;background:#f3f4f680;border-radius:.75rem;width:100%;max-width:100%}@media (max-width: 768px){.chart-type-selector{flex-direction:column}}.chart-type-selector .chart-type-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#4b5563;cursor:pointer;transition:all .15s ease-in-out;flex:1 1 0;min-width:0;text-align:center;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@media (max-width: 768px){.chart-type-selector .chart-type-button{padding:.5rem .75rem}}.chart-type-selector .chart-type-button:hover{color:#1f2937;background:#ffffffb3}.chart-type-selector .chart-type-button.active{color:#f472b6;background:#fff;box-shadow:0 1px 2px #0000000d;font-weight:600}.chart-type-selector .chart-type-button .chart-icon{font-size:1rem;flex-shrink:0}.measurement-list{max-height:300px;overflow-y:auto}.measurement-list .measurement-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid rgba(229,231,235,.5);transition:background-color .15s ease-in-out}.measurement-list .measurement-item:hover{background:#f9fafb80}.measurement-list .measurement-item:last-child{border-bottom:none}.measurement-list .measurement-item .measurement-info .date{font-size:.875rem;font-weight:500;color:#1f2937}.measurement-list .measurement-item .measurement-info .age{font-size:.75rem;color:#6b7280}.measurement-list .measurement-item .measurement-value{text-align:right}.measurement-list .measurement-item .measurement-value .value{font-size:1rem;font-weight:600;color:#1f2937}.measurement-list .measurement-item .measurement-value .percentile{font-size:.75rem;color:#6b7280}.measurement-list .measurement-item .measurement-value .percentile.normal{color:#4ade80}.measurement-list .measurement-item .measurement-value .percentile.caution{color:#fb923c}.measurement-list .measurement-item .measurement-value .percentile.alert{color:#ef4444}.growth-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.growth-status .status-card{background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(229,231,235,.5);border-radius:.75rem;padding:1rem;text-align:center}.growth-status .status-card .status-icon{font-size:1.5rem;margin-bottom:.5rem}.growth-status .status-card .status-label{font-size:.875rem;font-weight:500;color:#4b5563;margin-bottom:.25rem}.growth-status .status-card .status-value{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.25rem}.growth-status .status-card .status-percentile{font-size:.875rem}.growth-status .status-card .status-percentile.normal{color:#4ade80}.growth-status .status-card .status-percentile.caution{color:#fb923c}.growth-status .status-card .status-percentile.alert{color:#ef4444}.measurement-form .form-header{text-align:center;margin-bottom:1.5rem}.measurement-form .form-header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.measurement-form .form-header p{color:#4b5563;font-size:1rem;margin:0}.measurement-form .form-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}@media (min-width: 768px){.measurement-form .form-grid{grid-template-columns:repeat(2,1fr)}}.measurement-form .form-grid .form-group{display:flex;flex-direction:column;gap:.5rem}.measurement-form .form-grid .form-group.full-width{grid-column:1/-1}.measurement-form .form-grid .form-group label{font-size:.875rem;font-weight:500;color:#374151}.measurement-form .form-grid .form-group .input-with-unit{display:flex;gap:.5rem}.measurement-form .form-grid .form-group .input-with-unit input{flex:1}.measurement-form .form-grid .form-group .input-with-unit .unit-selector{min-width:80px;padding:.5rem .75rem;border:2px solid #D1D5DB;border-radius:.5rem;background:#fff;font-size:.875rem;color:#374151;cursor:pointer;transition:all .15s ease-in-out}.measurement-form .form-grid .form-group .input-with-unit .unit-selector:hover{border-color:#9ca3af}.measurement-form .form-grid .form-group .input-with-unit .unit-selector:focus{outline:none;border-color:#f472b6;box-shadow:0 0 0 3px #f472b61a}.measurement-form .form-actions{display:flex;justify-content:space-between;gap:.75rem}@media (max-width: 768px){.measurement-form .form-actions{flex-direction:column-reverse}}.export-controls .export-buttons{display:flex;gap:.75rem;margin-bottom:1rem}@media (max-width: 768px){.export-controls .export-buttons{flex-direction:column}}.export-controls .export-buttons .export-button{display:flex;align-items:center;gap:.5rem}.export-controls .export-buttons .export-button span{font-size:1rem}.export-controls .export-info .text-sm{font-size:.875rem;color:#4b5563;margin:0;line-height:1.625}.page-header{margin-bottom:2rem}.page-header .header-main{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}@media (min-width: 1024px){.page-header .header-main{flex-direction:row;align-items:center;justify-content:space-between}}.page-header .page-title{font-size:1.875rem;font-weight:700;color:#111827;margin:0;display:flex;align-items:center;gap:.75rem;line-height:1.25}@media (min-width: 768px){.page-header .page-title{font-size:2.25rem}}.page-header .page-title .page-icon{font-size:1.5rem}@media (min-width: 768px){.page-header .page-title .page-icon{font-size:1.875rem}}.page-header .page-description{color:#4b5563;font-size:1.125rem;margin:.5rem 0 0;line-height:1.625}.tab-navigation{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;border-bottom:2px solid rgba(229,231,235,.5)}@media (min-width: 768px){.tab-navigation{gap:1rem;overflow-x:visible}}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#4b5563;background:transparent;border:none;border-radius:.75rem;transition:all .3s ease-in-out;cursor:pointer;white-space:nowrap}@media (min-width: 768px){.tab-button{padding:1rem 1.5rem;font-size:1rem}}.tab-button:hover{color:#111827;background-color:#f472b60d}.tab-button.active{color:#f472b6;background-color:#f472b61a;font-weight:600}.tab-button .tab-icon{font-size:1rem}@media (min-width: 768px){.tab-button .tab-icon{font-size:1.125rem}}@media (max-width: 640px){.tab-button .tab-label{display:none}}.page-content{margin-top:2rem}.welcome-section{display:flex;align-items:center;justify-content:center;min-height:50vh}.welcome-card{max-width:32rem;text-align:center}.welcome-content .welcome-icon{font-size:4rem;margin-bottom:1.5rem}.welcome-content h2{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 1rem}@media (min-width: 768px){.welcome-content h2{font-size:1.875rem}}.welcome-content p{color:#4b5563;font-size:1.125rem;margin:0 0 2rem;line-height:1.625}.child-selector,.selector-container{position:relative}.child-selector-button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffffe6;border:2px solid rgba(244,114,182,.2);border-radius:1rem;cursor:pointer;transition:all .3s ease-in-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:12rem}.child-selector-button:hover{background:#fff;border-color:#f472b666;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.selected-child{display:flex;align-items:center;gap:.75rem;width:100%}.child-avatar{width:2.5rem;height:2.5rem;border-radius:9999px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fdf2f8,#f3e8ff,#ecfdf5)}.child-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.child-avatar .avatar-placeholder{font-size:1.125rem}.child-info{flex:1;text-align:left}.child-info .child-name{display:block;font-weight:600;color:#111827;font-size:1rem;line-height:1.25}.child-info .child-age{display:block;font-size:.875rem;color:#4b5563;line-height:1.25}.dropdown-arrow{font-size:.875rem;color:#6b7280;transition:transform .3s ease-in-out}.child-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;z-index:1000;animation:dropdownSlideIn .3s ease-in-out ease-out}.dropdown-card{border:2px solid rgba(244,114,182,.1)}.dropdown-content .dropdown-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(229,231,235,.5)}.dropdown-content .dropdown-header h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.children-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.child-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:transparent;border:2px solid transparent;border-radius:.75rem;cursor:pointer;transition:all .3s ease-in-out;text-align:left;width:100%}.child-option:hover{background-color:#f472b60d;border-color:#f472b61a}.child-option.active{background-color:#f472b61a;border-color:#f472b633}.child-details{flex:1}.child-details .child-name{display:block;font-weight:500;color:#111827;font-size:1rem;line-height:1.25}.child-details .child-age{display:block;font-size:.875rem;color:#4b5563;line-height:1.25}.child-details .preterm-indicator{display:inline-block;margin-top:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;color:#bae1ff;background-color:#bae1ff1a;border-radius:.25rem}.selected-indicator{font-size:.875rem;color:#f472b6;font-weight:700}.dropdown-actions{padding-top:.75rem;border-top:1px solid rgba(229,231,235,.5)}.dropdown-backdrop{position:fixed;inset:0;z-index:999;background:transparent}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.measurement-entry{max-width:42rem;margin:0 auto}.card-header{margin-bottom:1.5rem;text-align:center}.card-header h2{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .5rem}.card-header .child-info{color:#4b5563;font-size:1.125rem;margin:0}.measurement-form{display:flex;flex-direction:column;gap:1.5rem}.measurement-section{padding:1.5rem;background:#ffffff80;border:2px solid rgba(244,114,182,.1);border-radius:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-header h3{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#111827;margin:0}.section-header h3 .measurement-icon{font-size:1.25rem}.measurement-input{position:relative}.measurement-input input{width:100%;padding-right:3rem}.measurement-input .clear-button{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:#9ca3af1a;border:none;border-radius:9999px;cursor:pointer;font-size:.875rem;color:#6b7280;transition:all .3s ease-in-out}.measurement-input .clear-button:hover{background:#ef44441a;color:#ef4444}.form-actions{display:flex;justify-content:center;margin-top:1rem}.unit-toggle{position:relative}.unit-toggle-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffffe6;border:2px solid rgba(244,114,182,.2);border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;color:#374151;transition:all .3s ease-in-out}.unit-toggle-button:hover{background:#fff;border-color:#f472b666}.unit-toggle-button .current-unit{font-weight:600;color:#f472b6}.unit-toggle-button .toggle-arrow{font-size:.75rem;color:#6b7280}.unit-options{position:absolute;top:calc(100% + .25rem);left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(244,114,182,.1);border-radius:.75rem;padding:.5rem;z-index:1000;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;animation:dropdownSlideIn .3s ease-in-out ease-out}.unit-option{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:transparent;border:none;border-radius:.5rem;cursor:pointer;width:100%;text-align:left;transition:all .3s ease-in-out}.unit-option:hover{background-color:#f472b60d}.unit-option.active{background-color:#f472b61a}.unit-option.active .unit-label{color:#f472b6;font-weight:600}.unit-option .unit-label{font-size:.875rem;font-weight:500;color:#374151}.unit-option .unit-description{font-size:.75rem;color:#6b7280}.unit-option .selected-indicator{font-size:.875rem;color:#f472b6}.unit-options-backdrop{position:fixed;inset:0;z-index:999;background:transparent}.error-message{padding:1rem;background-color:#ef44441a;color:#eb1515;border:2px solid rgba(239,68,68,.2);border-radius:.75rem;font-size:1rem;font-weight:500;text-align:center}.field-error{margin-top:.5rem;color:#ef4444;font-size:.875rem;font-weight:500}.empty-state{text-align:center;padding:3rem}.empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.empty-state h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .75rem}.empty-state p{color:#4b5563;font-size:1rem;margin:0 0 1.5rem;line-height:1.625}.charts-section{margin-top:2rem}.section-header{margin-bottom:1.5rem}.section-header .section-icon{font-size:1.25rem;margin-right:.5rem}.section-header h3{display:flex;align-items:center;font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .5rem}.section-header .section-description{color:#4b5563;font-size:1rem;line-height:1.625;margin:0}.chart-controls{margin-bottom:1.5rem}.chart-controls h4{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 1rem}.chart-type-buttons{display:flex;flex-wrap:wrap;gap:.75rem}@media (max-width: 768px){.chart-type-buttons{flex-direction:column}}.chart-type-button{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.chart-type-button .chart-icon{font-size:1.125rem;flex-shrink:0}.chart-type-button .chart-label{flex:1;text-align:left}@media (max-width: 640px){.chart-type-button .chart-label{font-size:.875rem}}.chart-display,.chart-header{margin-bottom:1.5rem}.chart-header h4{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 .5rem}.chart-header h4 .chart-subtitle{display:block;font-size:1rem;font-weight:400;color:#4b5563;margin-top:.25rem}.chart-container{position:relative;background:#ffffffe6;border:2px solid rgba(244,114,182,.1);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.chart-plot{position:relative;width:100%;height:400px;background:linear-gradient(to top,#f472b605,#f472b60d);border-radius:.5rem;overflow:hidden}.chart-grid{position:relative;width:100%;height:100%}.percentile-lines{position:absolute;width:100%;height:100%}.percentile-lines .percentile-line{position:absolute;width:100%;height:1px;left:0;z-index:1}.percentile-lines .percentile-line:before{content:"";position:absolute;width:100%;height:1px;background:#9ca3af66;top:0;left:0}.percentile-lines .percentile-line.p3{bottom:8%}.percentile-lines .percentile-line.p3:before{background:#ef444499}.percentile-lines .percentile-line.p10{bottom:18%}.percentile-lines .percentile-line.p10:before{background:#fb923c99}.percentile-lines .percentile-line.p25{bottom:33%}.percentile-lines .percentile-line.p25:before{background:#4ade8066}.percentile-lines .percentile-line.p50{bottom:50%}.percentile-lines .percentile-line.p50:before{background:#4ade80cc;stroke-width:2px}.percentile-lines .percentile-line.p75{bottom:67%}.percentile-lines .percentile-line.p75:before{background:#4ade8066}.percentile-lines .percentile-line.p90{bottom:82%}.percentile-lines .percentile-line.p90:before{background:#fb923c99}.percentile-lines .percentile-line.p97{bottom:92%}.percentile-lines .percentile-line.p97:before{background:#ef444499}.percentile-lines .percentile-line .percentile-label{position:absolute;right:5px;top:-8px;font-size:.75rem;font-weight:500;color:#4b5563;background:#ffffffe6;padding:.25rem .5rem;border-radius:.25rem}@media (max-width: 640px){.percentile-lines .percentile-line .percentile-label{display:none}}.data-points{position:absolute;width:100%;height:100%;z-index:3}.data-points .data-point{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid #FFFFFF;box-shadow:0 1px 2px #0000000d;cursor:pointer;transition:all .3s ease-in-out;z-index:4}.data-points .data-point:hover{transform:scale(1.5);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:5}.data-lines{position:absolute;width:100%;height:100%;z-index:2;pointer-events:none}.chart-axes{position:absolute;width:100%;height:100%;pointer-events:none}.chart-axes .y-axis{position:absolute;left:-40px;top:50%;transform:translateY(-50%) rotate(-90deg)}.chart-axes .y-axis .y-label{font-size:.875rem;font-weight:500;color:#4b5563;white-space:nowrap}.chart-axes .x-axis{position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.chart-axes .x-axis .x-label{font-size:.875rem;font-weight:500;color:#4b5563;white-space:nowrap}.chart-legend{margin-bottom:1rem}.chart-legend h5{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .75rem}.legend-items{display:flex;flex-direction:column;gap:.5rem}@media (min-width: 768px){.legend-items{flex-direction:row;flex-wrap:wrap;gap:1rem}}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-item .legend-color{width:16px;height:16px;border-radius:50%;border:2px solid #FFFFFF;box-shadow:0 1px 2px #0000000d;flex-shrink:0}.legend-item span{font-size:.875rem;color:#374151;line-height:1.25}.measurements-section{margin-top:2rem}.measurements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.measurements-header h3{color:#111827;margin:0}.measurements-header .export-dropdown-trigger{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.measurements-header .export-dropdown-trigger .dropdown-arrow{font-size:.75rem;transition:transform .3s ease-in-out}.measurements-header .export-dropdown-trigger:hover .dropdown-arrow{transform:translateY(1px)}.doctor-timeline-page{padding:1.5rem;max-width:1200px;margin:0 auto}@media (max-width: 768px){.doctor-timeline-page{padding:.75rem}}.doctor-timeline-page.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.doctor-timeline-page .empty-state{text-align:center;padding:2rem}.doctor-timeline-page .empty-state .empty-icon{font-size:4rem;margin-bottom:1rem}.doctor-timeline-page .empty-state h2{color:#111827;margin-bottom:.5rem}.doctor-timeline-page .empty-state p{color:#4b5563}.doctor-timeline-page .page-header{margin-bottom:2rem;text-align:center}.doctor-timeline-page .page-header .header-content .child-info h1{color:#111827;margin-bottom:.5rem}.doctor-timeline-page .page-header .header-content .child-info p{color:#4b5563;font-size:1.125rem}.doctor-timeline-line .timeline-header{text-align:center;margin-bottom:2rem}.doctor-timeline-line .timeline-header h3{color:#111827;margin-bottom:.5rem;font-size:1.875rem}.doctor-timeline-line .timeline-header .timeline-description{color:#4b5563;margin-bottom:1rem;font-size:1.125rem}.doctor-timeline-line .timeline-header .current-age-banner{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#f472b6,#f8a1ce);color:#fff;border-radius:.75rem;font-size:1.125rem;box-shadow:0 4px 12px #f472b64d}.doctor-timeline-line .timeline-line-container{position:relative;padding:2rem 0}.doctor-timeline-line .timeline-line-container .main-timeline-line{position:absolute;left:50%;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#e5e7eb,#f472b6,#e5e7eb);transform:translate(-50%);z-index:1}.doctor-timeline-line .timeline-line-container .timeline-checkpoint{position:relative;margin-bottom:3rem}.doctor-timeline-line .timeline-line-container .timeline-checkpoint:last-child{margin-bottom:0}.doctor-timeline-line .timeline-line-container .timeline-checkpoint .checkpoint-dot{position:absolute;left:50%;top:0;width:40px;height:40px;border-radius:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;border:4px solid #FFFFFF;box-shadow:0 2px 8px #0000001a}.doctor-timeline-line .timeline-line-container .timeline-checkpoint .checkpoint-dot.completed{background:#4ade80;color:#fff}.doctor-timeline-line .timeline-line-container .timeline-checkpoint .checkpoint-dot.due{background:#fb923c;color:#fff;animation:pulse 2s infinite}.doctor-timeline-line .timeline-line-container .timeline-checkpoint .checkpoint-dot.upcoming{background:#d1d5db;color:#4b5563}.doctor-timeline-line .timeline-line-container .timeline-checkpoint .weeks-indicator{position:absolute;left:50%;top:0;z-index:2;transform:translate(-50%)}.doctor-timeline-line .timeline-line-container .timeline-checkpoint .weeks-indicator .weeks-badge{background:#60a5fae6;color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px #60a5fa4d;border:2px solid #FFFFFF;margin-top:-45px}.doctor-timeline-line .timeline-line-container .timeline-checkpoint .checkpoint-box{width:45%;background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid #F3F4F6;position:relative}.doctor-timeline-line .timeline-line-container .timeline-checkpoint .checkpoint-box:after{content:"";position:absolute;top:20px;width:0;height:0;border-style:solid}.doctor-timeline-line .timeline-line-container .timeline-checkpoint .checkpoint-box .box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.doctor-timeline-line .timeline-line-container .timeline-checkpoint .checkpoint-box .box-header .visit-age-badge{background:#f472b6;color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600}.doctor-timeline-line .timeline-line-container .timeline-checkpoint .checkpoint-box .visit-title{color:#111827;margin:0 0 .5rem;font-size:1.25rem}.doctor-timeline-line .timeline-line-container .timeline-checkpoint .checkpoint-box .visit-description{color:#4b5563;margin-bottom:1rem;line-height:1.625}.doctor-timeline-line .timeline-line-container .timeline-checkpoint .checkpoint-box .visit-details .detail-section{margin-bottom:.75rem}.doctor-timeline-line .timeline-line-container .timeline-checkpoint .checkpoint-box .visit-details .detail-section:last-child{margin-bottom:0}.doctor-timeline-line .timeline-line-container .timeline-checkpoint .checkpoint-box .visit-details .detail-section h5{color:#1f2937;margin:0 0 .5rem;font-size:.875rem;font-weight:600}.doctor-timeline-line .timeline-line-container .timeline-checkpoint .checkpoint-box .visit-details .detail-section .detail-list{list-style:none;padding:0;margin:0}.doctor-timeline-line .timeline-line-container .timeline-checkpoint .checkpoint-box .visit-details .detail-section .detail-list li{padding:.25rem 0;color:#4b5563;font-size:.875rem;border-bottom:1px solid #F3F4F6}.doctor-timeline-line .timeline-line-container .timeline-checkpoint .checkpoint-box .visit-details .detail-section .detail-list li:last-child{border-bottom:none}.doctor-timeline-line .timeline-line-container .timeline-checkpoint .checkpoint-box .visit-details .detail-section .detail-list li.more-items{color:#f472b6;font-style:italic}.doctor-timeline-line .timeline-line-container .timeline-checkpoint .checkpoint-box .visit-details .detail-section .measurements-list{display:flex;flex-wrap:wrap;gap:.25rem}.doctor-timeline-line .timeline-line-container .timeline-checkpoint .checkpoint-box .visit-details .detail-section .measurements-list .measurement-badge{background:#4ade801a;color:#1ea44f;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.doctor-timeline-line .timeline-line-container .timeline-checkpoint.left .checkpoint-box{margin-right:55%}.doctor-timeline-line .timeline-line-container .timeline-checkpoint.left .checkpoint-box:after{right:-12px;border-width:12px 0 12px 12px;border-color:transparent transparent transparent #FFFFFF}.doctor-timeline-line .timeline-line-container .timeline-checkpoint.right .checkpoint-box{margin-left:55%}.doctor-timeline-line .timeline-line-container .timeline-checkpoint.right .checkpoint-box:after{left:-12px;border-width:12px 12px 12px 0;border-color:transparent #FFFFFF transparent transparent}.doctor-timeline-line .timeline-line-container .timeline-checkpoint.completed .checkpoint-box{border-left:4px solid #4ADE80}.doctor-timeline-line .timeline-line-container .timeline-checkpoint.due .checkpoint-box{border-left:4px solid #FB923C;background:#fb923c05;box-shadow:0 4px 20px #fb923c26}.doctor-timeline-line .timeline-line-container .timeline-checkpoint.upcoming .checkpoint-box{opacity:.8}.doctor-timeline-line .timeline-footer{margin-top:2rem;text-align:center}.doctor-timeline-line .timeline-footer .timeline-note{max-width:600px;margin:0 auto;padding:1rem;background:#f9fafb;border-radius:.75rem}.doctor-timeline-line .timeline-footer .timeline-note p{color:#4b5563;font-size:.875rem;margin:0;line-height:1.625}@media (max-width: 768px){.doctor-timeline-line .timeline-header .current-age-banner{font-size:1rem;padding:.5rem 1rem}.doctor-timeline-line .timeline-line-container .main-timeline-line{left:20px}.doctor-timeline-line .timeline-line-container .timeline-checkpoint{margin-bottom:2rem}.doctor-timeline-line .timeline-line-container .timeline-checkpoint .checkpoint-dot{left:20px;width:32px;height:32px;font-size:1rem}.doctor-timeline-line .timeline-line-container .timeline-checkpoint .weeks-indicator{left:20px!important;transform:none!important}.doctor-timeline-line .timeline-line-container .timeline-checkpoint .weeks-indicator .weeks-badge{font-size:.75rem;padding:.25rem .5rem;margin-top:-35px}.doctor-timeline-line .timeline-line-container .timeline-checkpoint .checkpoint-box{width:calc(100% - 60px);margin-left:60px!important;margin-right:0!important}.doctor-timeline-line .timeline-line-container .timeline-checkpoint .checkpoint-box:after{left:-12px!important;right:auto!important;border-width:12px 12px 12px 0!important;border-color:transparent #FFFFFF transparent transparent!important}}.doctor-timeline-line .checkpoint-box .status-and-type{display:flex;gap:.5rem;align-items:center}.doctor-timeline-line .checkpoint-box .status-and-type .custom-badge{font-size:.75rem;padding:.25rem .5rem}.doctor-timeline-line .checkpoint-box .custom-visit-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid #F3F4F6}.doctor-timeline-line .checkpoint-box .custom-visit-actions .completion-btn{margin-bottom:.5rem}.doctor-timeline-line .checkpoint-box .custom-visit-actions .completion-date{color:#6b7280;font-size:.875rem;margin:0;font-style:italic}.doctor-timeline-line .checkpoint-box .visit-notes{color:#4b5563;font-size:.875rem;line-height:1.625;background:#f9fafb;padding:.75rem;border-radius:.5rem;margin-top:.5rem}.doctor-timeline-line .doctor-timeline-page .page-header .header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;text-align:left}.doctor-timeline-line .doctor-timeline-page .page-header .header-content .child-info{flex:1}.doctor-timeline-line .doctor-timeline-page .page-header .header-content .child-info h1{color:#111827;margin-bottom:.5rem}.doctor-timeline-line .doctor-timeline-page .page-header .header-content .child-info p{color:#4b5563;font-size:1.125rem}.doctor-timeline-line .doctor-timeline-page .page-header .header-content .header-actions .create-visit-btn{white-space:nowrap}@media (max-width: 768px){.doctor-timeline-line .doctor-timeline-page .page-header .header-content{flex-direction:column;text-align:center;gap:1rem}.doctor-timeline-line .doctor-timeline-page .page-header .header-content .header-actions,.doctor-timeline-line .doctor-timeline-page .page-header .header-content .header-actions .create-visit-btn{width:100%}}.doctor-timeline-line .doctor-timeline-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem}.doctor-timeline-line .doctor-timeline-loading .loading-spinner{width:40px;height:40px;border:4px solid #E5E7EB;border-top:4px solid #F472B6;border-radius:50%;animation:spin 1s linear infinite}.doctor-timeline-line .doctor-timeline-loading p{color:#4b5563;font-size:1.125rem}.doctor-visit-modal{height:100%}.doctor-visit-modal .doctor-visit-form{display:flex;flex-direction:column;gap:1.5rem;max-width:100%;height:100%}.doctor-visit-modal .form-section{background:#ffffff80;border:1px solid rgba(229,231,235,.8);border-radius:.5rem;padding:1.25rem}.doctor-visit-modal .form-section:hover{background:#ffffffb3;border-color:#d1d5dbcc}.doctor-visit-modal .section-title{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(96,165,250,.1);display:flex;align-items:center}.doctor-visit-modal .section-title:before{content:"";width:4px;height:20px;background:#60a5fa;border-radius:2px;margin-right:.75rem}.doctor-visit-modal .section-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.doctor-visit-modal .section-grid{grid-template-columns:1fr;gap:.75rem}}.doctor-visit-modal .section-content{display:flex;flex-direction:column;gap:.75rem}.doctor-visit-modal .form-field{display:flex;flex-direction:column;gap:.5rem}.doctor-visit-modal .form-field.full-width{grid-column:1/-1}.doctor-visit-modal .field-label{font-size:.875rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.doctor-visit-modal .field-label.required:after{content:" *";color:#fca5a5;font-weight:700}.doctor-visit-modal .add-item-row{display:flex;gap:.75rem;align-items:flex-end}.doctor-visit-modal .add-item-row input{flex:1}.doctor-visit-modal .add-item-row button{flex-shrink:0;min-width:80px}.doctor-visit-modal .tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.doctor-visit-modal .tag{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#4ade801a,#4ade800d);color:#4ade80;padding:.5rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;border:1px solid rgba(74,222,128,.2);transition:background .15s ease-in-out,border-color .15s ease-in-out}.doctor-visit-modal .tag:hover{background:linear-gradient(135deg,#4ade8026,#4ade8014);border-color:#4ade804d}.doctor-visit-modal .tag .tag-remove{background:none;border:none;color:#4ade80;font-size:1.125rem;font-weight:700;cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .15s ease-in-out,color .15s ease-in-out;will-change:background-color,color}.doctor-visit-modal .tag .tag-remove:hover{background:#4ade8033;color:#fff}.doctor-visit-modal .measurement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}@media (max-width: 768px){.doctor-visit-modal .measurement-grid{grid-template-columns:1fr}}.doctor-visit-modal .measurement-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fffc;border:2px solid rgba(229,231,235,.6);border-radius:.5rem;cursor:pointer;transition:all .3s ease-in-out;font-size:.875rem;font-weight:500;color:#374151}.doctor-visit-modal .measurement-option:hover{background:#60a5fa0d;border-color:#60a5fa4d;transform:translateY(-1px)}.doctor-visit-modal .measurement-option input[type=checkbox]{display:none}.doctor-visit-modal .measurement-option .checkmark{width:20px;height:20px;border:2px solid rgba(156,163,175,.6);border-radius:4px;position:relative;transition:all .15s ease-in-out;flex-shrink:0}.doctor-visit-modal .measurement-option .checkmark:after{content:"";width:6px;height:10px;border:solid #FFFFFF;border-width:0 2px 2px 0;transform:rotate(45deg);position:absolute;top:2px;left:6px;opacity:0;transition:opacity .15s ease-in-out}.doctor-visit-modal .measurement-option input[type=checkbox]:checked+.checkmark{background:#60a5fa;border-color:#60a5fa}.doctor-visit-modal .measurement-option input[type=checkbox]:checked+.checkmark:after{opacity:1}.doctor-visit-modal .measurement-option input[type=checkbox]:checked~span{color:#60a5fa;font-weight:600}.doctor-visit-modal .form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem;margin-top:auto;border-top:2px solid rgba(229,231,235,.5);background:#ffffffe6;border-radius:.5rem;flex-shrink:0}@media (max-width: 768px){.doctor-visit-modal .form-actions{flex-direction:column-reverse;gap:.5rem}.doctor-visit-modal .form-actions button{width:100%}}.doctor-visit-modal input,.doctor-visit-modal textarea,.doctor-visit-modal select{background:#ffffffe6;border:2px solid rgba(229,231,235,.6);transition:all .3s ease-in-out}.doctor-visit-modal input:focus,.doctor-visit-modal textarea:focus,.doctor-visit-modal select:focus{background:#fff;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.doctor-visit-modal input:hover:not(:focus),.doctor-visit-modal textarea:hover:not(:focus),.doctor-visit-modal select:hover:not(:focus){border-color:#d1d5dbcc}.doctor-visit-modal textarea{resize:vertical;min-height:80px}.doctor-visit-modal button[type=submit]{background:linear-gradient(135deg,#60a5fa,#2f89f8)}.doctor-visit-modal button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#4797f9,#167bf8);transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.doctor-visit-modal button[variant=secondary]{background:#f3f4f6cc;color:#374151;border:2px solid rgba(209,213,219,.6)}.doctor-visit-modal button[variant=secondary]:hover:not(:disabled){background:#e5e7ebe6;border-color:#9ca3afcc;transform:translateY(-1px)}@media (max-width: 640px){.doctor-visit-modal .form-section{padding:1rem}.doctor-visit-modal .section-title{font-size:1rem}.doctor-visit-modal .section-title:before{width:3px;height:16px;margin-right:.5rem}.doctor-visit-modal .add-item-row{flex-direction:column;gap:.5rem}.doctor-visit-modal .add-item-row button{min-width:auto;width:100%}.doctor-visit-modal .measurement-grid{grid-template-columns:1fr}.doctor-visit-modal .measurement-option{padding:.5rem .75rem}}@media print{.doctor-visit-modal .form-actions{display:none}}.achievements-timeline{position:relative;max-width:48rem;margin:0 auto;padding:1rem}@media (min-width: 640px){.achievements-timeline{padding:1.5rem}}.achievements-timeline .timeline-header{margin-bottom:2rem}.achievements-timeline .timeline-header .header-content{display:flex;flex-direction:column;gap:1rem}@media (min-width: 640px){.achievements-timeline .timeline-header .header-content{flex-direction:row;justify-content:space-between;align-items:center}}.achievements-timeline .timeline-header .header-content .baby-info{text-align:center}@media (min-width: 640px){.achievements-timeline .timeline-header .header-content .baby-info{text-align:left}}.achievements-timeline .timeline-header .header-content .baby-info .baby-name{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.25rem}@media (min-width: 640px){.achievements-timeline .timeline-header .header-content .baby-info .baby-name{font-size:2.25rem}}.achievements-timeline .timeline-header .header-content .baby-info .page-subtitle{color:#4b5563;font-size:1.125rem}.achievements-timeline .timeline-header .header-content .add-achievement-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#f472b6,#fb923c);border:none;border-radius:.75rem;color:#fff;font-weight:600;box-shadow:0 4px 14px #f472b64d;transition:all .3s ease-in-out}.achievements-timeline .timeline-header .header-content .add-achievement-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f472b666}.achievements-timeline .filter-tabs{display:flex;gap:.5rem;margin-bottom:2rem;padding:.25rem;background:#fffc;border-radius:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 640px){.achievements-timeline .filter-tabs{flex-direction:column}}.achievements-timeline .filter-tabs .filter-tab{flex:1;padding:.75rem 1rem;border:none;border-radius:.5rem;background:transparent;color:#4b5563;font-weight:500;font-size:.875rem;transition:all .3s ease-in-out;cursor:pointer}@media (min-width: 640px){.achievements-timeline .filter-tabs .filter-tab{font-size:1rem}}.achievements-timeline .filter-tabs .filter-tab.active{background:linear-gradient(135deg,#f472b6,#fb923c);color:#fff;box-shadow:0 2px 8px #f472b64d}.achievements-timeline .filter-tabs .filter-tab:not(.active):hover{background:#fff9;color:#1f2937}.achievements-timeline .achievements-empty-state,.achievements-timeline .timeline-empty{text-align:center;padding:3rem 1rem}.achievements-timeline .achievements-empty-state .empty-icon,.achievements-timeline .timeline-empty .empty-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.6}.achievements-timeline .achievements-empty-state .empty-title,.achievements-timeline .timeline-empty .empty-title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:1rem}@media (min-width: 640px){.achievements-timeline .achievements-empty-state .empty-title,.achievements-timeline .timeline-empty .empty-title{font-size:1.875rem}}.achievements-timeline .achievements-empty-state .empty-description,.achievements-timeline .timeline-empty .empty-description{color:#4b5563;font-size:1.125rem;margin-bottom:2rem;max-width:32rem;margin-left:auto;margin-right:auto}.achievements-timeline .achievements-loading{text-align:center;padding:3rem 1rem}.achievements-timeline .achievements-loading .loading-spinner{width:3rem;height:3rem;border:3px solid rgba(244,114,182,.3);border-top:3px solid #F472B6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.achievements-timeline .timeline-container{position:relative;padding-left:2rem}@media (min-width: 640px){.achievements-timeline .timeline-container{padding-left:3rem}}.achievements-timeline .timeline-line{position:absolute;left:1.5rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#f472b64d,#fb923c4d)}@media (min-width: 640px){.achievements-timeline .timeline-line{left:2rem}}.achievements-timeline .timeline-item{position:relative;margin-bottom:2rem}.achievements-timeline .timeline-item:last-child{margin-bottom:0}.achievements-timeline .timeline-item .age-marker{position:absolute;left:-4rem;top:1.5rem;transform:translateY(-50%);text-align:center}@media (min-width: 640px){.achievements-timeline .timeline-item .age-marker{left:-5.5rem}}.achievements-timeline .timeline-item .age-marker .age-text{background:linear-gradient(135deg,#f472b6,#fb923c);color:#fff;padding:.25rem .5rem;border-radius:.5rem;font-size:.75rem;font-weight:600;white-space:nowrap}@media (min-width: 640px){.achievements-timeline .timeline-item .age-marker .age-text{font-size:.875rem;padding:.5rem .75rem}}.achievements-timeline .timeline-item .timeline-dot{position:absolute;left:-2rem;top:1.5rem;transform:translateY(-50%);width:2.5rem;height:2.5rem;background:#fff;border:3px solid rgba(244,114,182,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}@media (min-width: 640px){.achievements-timeline .timeline-item .timeline-dot{left:-2.5rem;width:3rem;height:3rem}}.achievements-timeline .timeline-item .timeline-dot.major{background:linear-gradient(135deg,#f472b6,#fb923c);border-color:transparent}.achievements-timeline .timeline-item .timeline-dot.major .dot-icon{filter:grayscale(1) brightness(10)}.achievements-timeline .timeline-item .timeline-dot .dot-icon{font-size:1rem}@media (min-width: 640px){.achievements-timeline .timeline-item .timeline-dot .dot-icon{font-size:1.125rem}}.achievements-timeline .timeline-item .timeline-card{margin-left:.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 20px #00000014;transition:all .3s ease-in-out}.achievements-timeline .timeline-item .timeline-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.achievements-timeline .timeline-item .timeline-card .card-body{padding:1.25rem}@media (min-width: 640px){.achievements-timeline .timeline-item .timeline-card .card-body{padding:1.5rem}}.achievements-timeline .timeline-item .timeline-card .card-header{margin-bottom:1rem}.achievements-timeline .timeline-item .timeline-card .card-header .achievement-title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.5rem}@media (min-width: 640px){.achievements-timeline .timeline-item .timeline-card .card-header .achievement-title{font-size:1.5rem}}.achievements-timeline .timeline-item .timeline-card .card-header .achievement-meta{display:flex;flex-direction:column;gap:.25rem}@media (min-width: 640px){.achievements-timeline .timeline-item .timeline-card .card-header .achievement-meta{flex-direction:row;gap:1rem}}.achievements-timeline .timeline-item .timeline-card .card-header .achievement-meta .achievement-date,.achievements-timeline .timeline-item .timeline-card .card-header .achievement-meta .achievement-age{color:#6b7280;font-size:.875rem;font-weight:500}.achievements-timeline .timeline-item .timeline-card .achievement-description{color:#374151;font-size:1rem;line-height:1.625;margin-bottom:1rem;font-style:italic}.achievements-timeline .timeline-item .timeline-card .achievement-description:before{content:'"'}.achievements-timeline .timeline-item .timeline-card .achievement-description:after{content:'"'}.achievements-timeline .timeline-item .timeline-card .achievement-notes{background:#f472b60d;border-left:3px solid #F472B6;padding:.75rem 1rem;margin-bottom:1rem;border-radius:0 .5rem .5rem 0;color:#4b5563;font-size:.875rem;font-style:italic;line-height:1.625}.achievements-timeline .timeline-item .timeline-card .achievement-notes:before{content:'"'}.achievements-timeline .timeline-item .timeline-card .achievement-notes:after{content:'"'}.achievements-timeline .timeline-item .timeline-card .card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(0,0,0,.05)}@media (max-width: 640px){.achievements-timeline .timeline-item .timeline-card .card-footer{flex-direction:column;align-items:flex-start;gap:.5rem}}.achievements-timeline .timeline-item .timeline-card .card-footer .category-tag{display:flex;align-items:center;gap:.5rem;background:#f472b61a;color:#f472b6;padding:.25rem .75rem;border-radius:.75rem;font-size:.875rem;font-weight:500}.achievements-timeline .timeline-item .timeline-card .card-footer .category-tag .category-icon{font-size:1rem}.achievements-timeline .timeline-item .timeline-card .card-footer .recorded-by{color:#6b7280;font-size:.75rem}@media (min-width: 640px){.achievements-timeline .timeline-item .timeline-card .card-footer .recorded-by{font-size:.875rem}}.photo-thumbnail-container{margin-bottom:1rem}.photo-thumbnail-container .photo-thumbnail{position:relative;display:inline-block;border-radius:.5rem;overflow:hidden;cursor:pointer;transition:all .3s ease-in-out}.photo-thumbnail-container .photo-thumbnail:hover{transform:scale(1.02);box-shadow:0 4px 20px #00000026}.photo-thumbnail-container .photo-thumbnail .thumbnail-image{width:100%;max-width:20rem;height:12rem;-o-object-fit:cover;object-fit:cover;display:block}@media (min-width: 640px){.photo-thumbnail-container .photo-thumbnail .thumbnail-image{height:16rem;max-width:24rem}}.photo-thumbnail-container .photo-thumbnail .photo-count{position:absolute;top:.5rem;right:.5rem;background:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}@media (min-width: 640px){.photo-thumbnail-container .photo-thumbnail .photo-count{font-size:.875rem;padding:.5rem .75rem}}.photo-lightbox{position:fixed;inset:0;background:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center}.photo-lightbox .lightbox-backdrop{position:absolute;inset:0;cursor:pointer}.photo-lightbox .lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column}.photo-lightbox .lightbox-content .lightbox-header{position:absolute;top:1rem;right:1rem;z-index:10;display:flex;align-items:center;gap:1rem}.photo-lightbox .lightbox-content .lightbox-header .close-button{background:#000000b3;color:#fff;border:none;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.125rem;transition:background-color .15s ease-in-out}.photo-lightbox .lightbox-content .lightbox-header .close-button:hover{background:#000000e6}.photo-lightbox .lightbox-content .lightbox-header .photo-counter{background:#000000b3;color:#fff;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500}.photo-lightbox .lightbox-content .lightbox-image-container{position:relative;display:flex;align-items:center;justify-content:center}.photo-lightbox .lightbox-content .lightbox-image-container .lightbox-image{max-width:100%;max-height:80vh;-o-object-fit:contain;object-fit:contain;border-radius:.5rem}@media (min-width: 640px){.photo-lightbox .lightbox-content .lightbox-image-container .lightbox-image{max-height:85vh}}.photo-lightbox .lightbox-content .lightbox-image-container .nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;color:#fff;border:none;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.125rem;transition:all .15s ease-in-out}.photo-lightbox .lightbox-content .lightbox-image-container .nav-arrow:hover:not(:disabled){background:#000000e6;transform:translateY(-50%) scale(1.1)}.photo-lightbox .lightbox-content .lightbox-image-container .nav-arrow:disabled{opacity:.3;cursor:not-allowed}.photo-lightbox .lightbox-content .lightbox-image-container .nav-arrow.prev{left:1rem}.photo-lightbox .lightbox-content .lightbox-image-container .nav-arrow.next{right:1rem}.photo-lightbox .lightbox-content .lightbox-info{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);text-align:center;color:#fff;max-width:90%}.photo-lightbox .lightbox-content .lightbox-info .lightbox-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}@media (min-width: 640px){.photo-lightbox .lightbox-content .lightbox-info .lightbox-title{font-size:1.5rem}}.photo-lightbox .lightbox-content .lightbox-info .lightbox-caption{font-size:.875rem;opacity:.8;margin-bottom:.5rem}@media (min-width: 640px){.photo-lightbox .lightbox-content .lightbox-info .lightbox-caption{font-size:1rem}}.photo-lightbox .lightbox-content .lightbox-info .lightbox-description{font-size:.875rem;font-style:italic;opacity:.9}@media (min-width: 640px){.photo-lightbox .lightbox-content .lightbox-info .lightbox-description{font-size:1rem}}.achievement-modal .achievement-form{background:#fff;border-radius:.75rem;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.achievement-modal .achievement-form .form-content{padding:1.5rem;overflow-y:auto;flex:1}@media (min-width: 640px){.achievement-modal .achievement-form .form-content{padding:2rem}}.achievement-modal .achievement-form .form-content::-webkit-scrollbar{width:6px}.achievement-modal .achievement-form .form-content::-webkit-scrollbar-track{background:transparent}.achievement-modal .achievement-form .form-content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:.25rem}.achievement-modal .achievement-form .form-content::-webkit-scrollbar-thumb:hover{background:#0003}.achievement-modal .achievement-form .error-message{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#dc2626;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.achievement-modal .achievement-form .upload-section{margin-bottom:1.5rem}.achievement-modal .achievement-form .upload-section .upload-zone{border:2px dashed #D1D5DB;border-radius:.5rem;padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:all .3s ease-in-out;background:#f9fafb}.achievement-modal .achievement-form .upload-section .upload-zone:hover{border-color:#f472b6;background:#f472b608;transform:translateY(-1px)}.achievement-modal .achievement-form .upload-section .upload-zone.drag-active{border-color:#f472b6;background:#f472b614;border-style:solid}.achievement-modal .achievement-form .upload-section .upload-zone .upload-content .upload-icon{font-size:2rem;margin-bottom:.75rem;opacity:.7;display:block}.achievement-modal .achievement-form .upload-section .upload-zone .upload-content .upload-text{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.achievement-modal .achievement-form .upload-section .upload-zone .upload-content .upload-hint{font-size:.875rem;color:#6b7280;margin:0}.achievement-modal .achievement-form .upload-section .photo-preview{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.achievement-modal .achievement-form .upload-section .photo-preview .photo-item{position:relative;width:4rem;height:4rem;border-radius:.5rem;overflow:hidden;border:2px solid #E5E7EB}@media (min-width: 640px){.achievement-modal .achievement-form .upload-section .photo-preview .photo-item{width:5rem;height:5rem}}.achievement-modal .achievement-form .upload-section .photo-preview .photo-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.achievement-modal .achievement-form .upload-section .photo-preview .photo-item .remove-photo{position:absolute;top:-.25rem;right:-.25rem;width:1.5rem;height:1.5rem;background:#ef4444;color:#fff;border:none;border-radius:50%;font-size:.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease-in-out}.achievement-modal .achievement-form .upload-section .photo-preview .photo-item .remove-photo:hover{background:#dc2626;transform:scale(1.1)}.achievement-modal .achievement-form .form-fields .field-group{margin-bottom:1.25rem}.achievement-modal .achievement-form .form-fields .field-group label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}@media (min-width: 640px){.achievement-modal .achievement-form .form-fields .field-group label{font-size:1rem}}.achievement-modal .achievement-form .form-fields .field-group input,.achievement-modal .achievement-form .form-fields .field-group textarea{width:100%;padding:.75rem 1rem;border:2px solid #E5E7EB;border-radius:.5rem;font-size:1rem;transition:all .3s ease-in-out;background:#fff}.achievement-modal .achievement-form .form-fields .field-group input:focus,.achievement-modal .achievement-form .form-fields .field-group textarea:focus{outline:none;border-color:#f472b6;box-shadow:0 0 0 3px #f472b61a}.achievement-modal .achievement-form .form-fields .field-group input::-moz-placeholder,.achievement-modal .achievement-form .form-fields .field-group textarea::-moz-placeholder{color:#9ca3af}.achievement-modal .achievement-form .form-fields .field-group input::placeholder,.achievement-modal .achievement-form .form-fields .field-group textarea::placeholder{color:#9ca3af}.achievement-modal .achievement-form .form-fields .field-group textarea{resize:vertical;min-height:80px;font-family:inherit}.achievement-modal .achievement-form .form-actions{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(0,0,0,.06);display:flex;gap:.75rem}@media (max-width: 640px){.achievement-modal .achievement-form .form-actions{flex-direction:column}}.achievement-modal .achievement-form .form-actions .spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}.achievement-details{max-width:800px;margin:0 auto;padding:1.25rem;min-height:100vh}@media (max-width: 640px){.achievement-details{padding:1rem}}.achievement-details.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.achievement-details.loading .loading-spinner{width:2.5rem;height:2.5rem;border:3px solid rgba(244,114,182,.3);border-top:3px solid #F472B6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.achievement-details.loading p{color:#6b7280;font-size:1rem}.achievement-details.error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.achievement-details.error h2{color:#ef4444;margin-bottom:1rem;font-size:1.5rem}.achievement-details .details-header{margin-bottom:1.5rem}.achievement-details .details-header .back-button{display:flex;align-items:center;gap:.5rem;font-size:.875rem;transition:all .3s ease-in-out}.achievement-details .details-header .back-button:hover{transform:translate(-4px)}.achievement-details .details-content{background:#fffffff2;border-radius:.75rem;padding:2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}@media (max-width: 640px){.achievement-details .details-content{padding:1.5rem;border-radius:.5rem}}.achievement-details .achievement-info{margin-bottom:2rem}.achievement-details .category-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#f472b6,#fb923c);color:#fff;padding:.5rem 1rem;border-radius:.75rem;font-size:.875rem;font-weight:600;margin-bottom:1rem}.achievement-details .category-badge .category-icon{font-size:1rem}.achievement-details .achievement-title{font-size:2.25rem;font-weight:700;color:#111827;margin-bottom:1.5rem;line-height:1.25}@media (max-width: 640px){.achievement-details .achievement-title{font-size:1.5rem;margin-bottom:1rem}}.achievement-details .achievement-meta{display:grid;gap:1rem;margin-bottom:1.5rem}@media (min-width: 640px){.achievement-details .achievement-meta{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.achievement-details .achievement-meta .meta-item{display:flex;flex-direction:column;gap:.25rem}.achievement-details .achievement-meta .meta-item .meta-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.achievement-details .achievement-meta .meta-item span:last-child{font-size:1rem;font-weight:500;color:#111827}.achievement-details .achievement-description,.achievement-details .achievement-notes{margin-bottom:1.5rem}.achievement-details .achievement-description h3,.achievement-details .achievement-notes h3{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:.5rem}.achievement-details .achievement-description p,.achievement-details .achievement-notes p{font-size:1rem;line-height:1.625;color:#4b5563;font-style:italic}.achievement-details .photo-gallery .gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}@media (max-width: 640px){.achievement-details .photo-gallery .gallery-header{flex-direction:column;gap:.75rem;align-items:flex-start}}.achievement-details .photo-gallery .gallery-header h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0}@media (max-width: 640px){.achievement-details .photo-gallery .gallery-header h3{font-size:1.125rem}}.achievement-details .photo-gallery .gallery-empty{text-align:center;padding:3rem 1rem;border:2px dashed #D1D5DB;border-radius:.5rem;background:#f9fafb}.achievement-details .photo-gallery .gallery-empty .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.achievement-details .photo-gallery .gallery-empty p{margin:0 0 .5rem;color:#4b5563}.achievement-details .photo-gallery .gallery-empty p.empty-hint{font-size:.875rem;color:#6b7280}.achievement-details .photo-gallery .photo-upload-preview{background:#f472b60d;border:1px solid rgba(244,114,182,.2);border-radius:.5rem;padding:1rem;margin-bottom:1rem}.achievement-details .photo-gallery .photo-upload-preview h4{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .75rem}.achievement-details .photo-gallery .photo-upload-preview .upload-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem;margin-bottom:1rem}.achievement-details .photo-gallery .photo-upload-preview .upload-preview-grid .upload-preview-item{position:relative;aspect-ratio:1;border-radius:.25rem;overflow:hidden;border:2px solid #E5E7EB}.achievement-details .photo-gallery .photo-upload-preview .upload-preview-grid .upload-preview-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.achievement-details .photo-gallery .photo-upload-preview .upload-preview-grid .upload-preview-item .remove-upload{position:absolute;top:-.25rem;right:-.25rem;width:1.5rem;height:1.5rem;background:#ef4444;color:#fff;border:none;border-radius:50%;font-size:.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease-in-out}.achievement-details .photo-gallery .photo-upload-preview .upload-preview-grid .upload-preview-item .remove-upload:hover{background:#dc2626;transform:scale(1.1)}.achievement-details .photo-gallery .photo-upload-preview .upload-actions{display:flex;gap:.75rem;justify-content:flex-end}@media (max-width: 640px){.achievement-details .photo-gallery .photo-upload-preview .upload-actions{flex-direction:column}}.achievement-details .photo-gallery .gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}@media (max-width: 640px){.achievement-details .photo-gallery .gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}}.achievement-details .photo-gallery .gallery-grid .gallery-item{position:relative;aspect-ratio:1;border-radius:.5rem;overflow:hidden;cursor:pointer;transition:all .3s ease-in-out;background:#f3f4f6}.achievement-details .photo-gallery .gallery-grid .gallery-item:hover{transform:scale(1.02);box-shadow:0 12px 24px #00000026}.achievement-details .photo-gallery .gallery-grid .gallery-item:hover .gallery-overlay{opacity:1}.achievement-details .photo-gallery .gallery-grid .gallery-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease-in-out}.achievement-details .photo-gallery .gallery-grid .gallery-item .gallery-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-in-out}.achievement-details .photo-gallery .gallery-grid .gallery-item .gallery-overlay .zoom-icon{font-size:1.5rem;color:#fff}.achievement-details .lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.achievement-details .lightbox .lightbox-backdrop{position:absolute;inset:0;background:#000000e6;cursor:pointer}.achievement-details .lightbox .lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 25px 50px #00000040}@media (max-width: 640px){.achievement-details .lightbox .lightbox-content{max-width:95vw;max-height:95vh;border-radius:.5rem}}.achievement-details .lightbox .lightbox-close{position:absolute;top:1rem;right:1rem;z-index:10;width:2.5rem;height:2.5rem;border-radius:50%;background:#000000b3;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.125rem;transition:all .3s ease-in-out}.achievement-details .lightbox .lightbox-close:hover{background:#000000e6;transform:scale(1.1)}.achievement-details .lightbox .lightbox-image-container{position:relative;flex:1;display:flex;align-items:center;justify-content:center;background:#000}.achievement-details .lightbox .lightbox-image-container .lightbox-image{max-width:100%;max-height:70vh;-o-object-fit:contain;object-fit:contain}@media (max-width: 640px){.achievement-details .lightbox .lightbox-image-container .lightbox-image{max-height:60vh}}.achievement-details .lightbox .lightbox-image-container .lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;border-radius:50%;background:#ffffffe6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.125rem;color:#111827;transition:all .3s ease-in-out;z-index:10}.achievement-details .lightbox .lightbox-image-container .lightbox-nav:hover:not(:disabled){background:#fff;transform:translateY(-50%) scale(1.1)}.achievement-details .lightbox .lightbox-image-container .lightbox-nav:disabled{opacity:.5;cursor:not-allowed}.achievement-details .lightbox .lightbox-image-container .lightbox-nav.prev{left:1rem}.achievement-details .lightbox .lightbox-image-container .lightbox-nav.next{right:1rem}@media (max-width: 640px){.achievement-details .lightbox .lightbox-image-container .lightbox-nav{width:2.5rem;height:2.5rem;font-size:1rem}.achievement-details .lightbox .lightbox-image-container .lightbox-nav.prev{left:.75rem}.achievement-details .lightbox .lightbox-image-container .lightbox-nav.next{right:.75rem}}.achievement-details .lightbox .lightbox-info{padding:1.5rem;background:#fff}@media (max-width: 640px){.achievement-details .lightbox .lightbox-info{padding:1.25rem}}.achievement-details .lightbox .lightbox-info h4{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.5rem}@media (max-width: 640px){.achievement-details .lightbox .lightbox-info h4{font-size:1.125rem}}.achievement-details .lightbox .lightbox-info p{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.achievement-details .lightbox .lightbox-info .photo-counter{display:inline-flex;align-items:center;gap:.5rem;background:#f3f4f6;padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:500;color:#4b5563}.achievement-card{transition:all .3s ease-in-out;margin-bottom:1rem}@media (min-width: 768px){.achievement-card{margin-bottom:1.5rem}}.achievement-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.achievement-card .card-body{padding:1rem}@media (min-width: 640px){.achievement-card .card-body{padding:1.5rem}}.achievement-card .category-icon{width:48px;height:48px;flex-shrink:0}@media (max-width: 640px){.achievement-card .category-icon{width:40px;height:40px}}.achievement-card .achievement-content{flex-grow:1;min-width:0}.achievement-card .achievement-content .achievement-title{font-size:1.25rem;line-height:1.25;margin-bottom:.25rem}@media (max-width: 640px){.achievement-card .achievement-content .achievement-title{font-size:1.125rem}}.achievement-card .achievement-content .achievement-meta{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}@media (min-width: 640px){.achievement-card .achievement-content .achievement-meta{flex-direction:row;justify-content:space-between;align-items:flex-start}}.achievement-card .achievement-content .achievement-meta .meta-left{font-size:.875rem;color:#6b7280;line-height:1.25}.achievement-card .achievement-content .achievement-meta .meta-right{font-size:.75rem;color:#6b7280}@media (min-width: 640px){.achievement-card .achievement-content .achievement-meta .meta-right{text-align:right;font-size:.875rem}}.achievement-card .achievement-content .achievement-description{color:#374151;margin-bottom:1rem;line-height:1.625}@media (max-width: 640px){.achievement-card .achievement-content .achievement-description{font-size:.875rem}}.achievement-card .achievement-content .achievement-notes{background-color:#f9fafb;border-radius:.5rem;padding:.75rem}.achievement-card .achievement-content .achievement-notes p{font-size:.875rem;color:#4b5563;font-style:italic;margin:0;line-height:1.625}.achievement-card-simple{transition:all .3s ease-in-out}.achievement-card-simple:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.achievement-card-simple .achievement-simple-content{display:flex;flex-direction:column;gap:.75rem}.achievement-card-simple .achievement-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.achievement-card-simple .achievement-header .achievement-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0;flex:1;line-height:1.25}.achievement-card-simple .achievement-header .achievement-age{font-size:.875rem;font-weight:500;color:#f472b6;background:#f472b61a;padding:.25rem .5rem;border-radius:9999px;white-space:nowrap;flex-shrink:0}.achievement-card-simple .achievement-thumbnails{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:.5rem;max-width:280px}.achievement-card-simple .achievement-thumbnails .thumbnail-simple{position:relative;aspect-ratio:1;border-radius:.375rem;overflow:hidden;background:#f3f4f6}.achievement-card-simple .achievement-thumbnails .thumbnail-simple img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease-in-out}.achievement-card-simple .achievement-thumbnails .thumbnail-simple:hover img{transform:scale(1.05)}.achievement-card-simple .achievement-thumbnails .thumbnail-simple .video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#1118274d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.achievement-card-simple .achievement-thumbnails .thumbnail-simple .video-overlay .play-icon{color:#fff;font-size:1.125rem;text-shadow:0 1px 3px rgba(17,24,39,.5)}.achievement-card-simple .achievement-thumbnails .thumbnail-more{aspect-ratio:1;border-radius:.375rem;background:#e5e7ebcc;display:flex;align-items:center;justify-content:center;border:2px dashed #D1D5DB}.achievement-card-simple .achievement-thumbnails .thumbnail-more span{font-size:.875rem;font-weight:500;color:#4b5563}@media (max-width: 768px){.achievement-card-simple .achievement-thumbnails{grid-template-columns:repeat(4,1fr);max-width:none}.achievement-card-simple .achievement-header .achievement-title{font-size:1rem}.achievement-card-simple .achievement-header .achievement-age{font-size:.75rem;padding:2px .25rem}}.timeline-card-horizontal{transition:all .3s ease-in-out;margin-bottom:.75rem}.timeline-card-horizontal:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.timeline-card-horizontal .horizontal-card-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:60px}.timeline-card-horizontal .card-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.timeline-card-horizontal .card-info .achievement-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0;line-height:1.25}.timeline-card-horizontal .card-info .achievement-age-badge{font-size:.875rem;font-weight:500;color:#f472b6;background:#f472b61a;padding:.25rem .5rem;border-radius:9999px;width:-moz-fit-content;width:fit-content}.timeline-card-horizontal .card-thumbnails{display:flex;gap:.5rem;flex-shrink:0}.timeline-card-horizontal .card-thumbnails .thumbnail-small{position:relative;width:50px;height:50px;border-radius:.375rem;overflow:hidden;background:#f3f4f6}.timeline-card-horizontal .card-thumbnails .thumbnail-small img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease-in-out}.timeline-card-horizontal .card-thumbnails .thumbnail-small:hover img{transform:scale(1.05)}.timeline-card-horizontal .card-thumbnails .thumbnail-small .video-overlay-small{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#1118274d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.timeline-card-horizontal .card-thumbnails .thumbnail-small .video-overlay-small .play-icon-small{color:#fff;font-size:.875rem;text-shadow:0 1px 3px rgba(17,24,39,.5)}.timeline-card-horizontal .card-thumbnails .thumbnail-more-small{width:50px;height:50px;border-radius:.375rem;background:#e5e7ebcc;display:flex;align-items:center;justify-content:center;border:2px dashed #D1D5DB}.timeline-card-horizontal .card-thumbnails .thumbnail-more-small span{font-size:.75rem;font-weight:500;color:#4b5563}@media (max-width: 768px){.timeline-card-horizontal{width:100%;margin-left:0;margin-right:0}.timeline-card-horizontal .horizontal-card-content{gap:.75rem;min-height:50px;padding:.75rem}.timeline-card-horizontal .card-info .achievement-title{font-size:1rem}.timeline-card-horizontal .card-info .achievement-age-badge{font-size:.75rem;padding:2px .25rem}.timeline-card-horizontal .card-thumbnails{gap:.25rem}.timeline-card-horizontal .card-thumbnails .thumbnail-small,.timeline-card-horizontal .card-thumbnails .thumbnail-more-small{width:40px;height:40px}.timeline-card-horizontal .card-thumbnails .video-overlay-small .play-icon-small{font-size:.75rem}.timeline-card-horizontal .card-thumbnails .thumbnail-more-small span{font-size:10px}.timeline-item{margin-left:0;margin-right:0}.timeline-item .timeline-card-horizontal{margin-left:0;margin-right:0;width:100%}}.no-photos-placeholder{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#e5e7eb80;border-radius:.375rem;border:2px dashed #D1D5DB}.no-photos-placeholder .placeholder-icon{font-size:1.125rem;color:#9ca3af}@media (max-width: 768px){.no-photos-placeholder{width:40px;height:40px}.no-photos-placeholder .placeholder-icon{font-size:1rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes progressFill{0%{stroke-dashoffset:163.36}to{stroke-dashoffset:0}}.milestones-page{position:relative;max-width:1200px;margin:0 auto;padding:1rem}@media (min-width: 640px){.milestones-page{padding:1.5rem}}.milestones-page .milestones-header{margin-bottom:1.5rem}.milestones-page .milestones-header .header-content{display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.milestones-page .milestones-header .header-content{flex-direction:row;justify-content:space-between;align-items:center}}.milestones-page .milestones-header .header-content .baby-info .baby-name{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.25rem}@media (min-width: 640px){.milestones-page .milestones-header .header-content .baby-info .baby-name{font-size:1.875rem}}.milestones-page .milestones-header .header-content .baby-info .baby-age{font-size:1rem;color:#4b5563}.milestones-page .milestones-header .header-content .progress-stats{display:flex;gap:.75rem}.milestones-page .milestones-header .header-content .progress-stats .stat-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(244,114,182,.2);border-radius:.5rem;padding:.75rem 1rem;text-align:center;min-width:80px;animation:scaleIn .4s ease-out backwards}.milestones-page .milestones-header .header-content .progress-stats .stat-card:nth-child(1){animation-delay:.1s}.milestones-page .milestones-header .header-content .progress-stats .stat-card:nth-child(2){animation-delay:.2s}.milestones-page .milestones-header .header-content .progress-stats .stat-card:nth-child(3){animation-delay:.3s}.milestones-page .milestones-header .header-content .progress-stats .stat-card .stat-number{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#f472b6,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:transform .3s ease}.milestones-page .milestones-header .header-content .progress-stats .stat-card .stat-label{font-size:.75rem;color:#4b5563;margin-top:.25rem}.milestones-page .milestones-header .overall-progress-bar{height:8px;background:#e5e7eb;border-radius:9999px;overflow:hidden;margin-top:1rem}.milestones-page .milestones-header .overall-progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#f472b6,#fb923c);transition:width .3s ease}.milestones-page .month-timeline-container{margin-bottom:2rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:1rem 0}.milestones-page .month-timeline-container::-webkit-scrollbar{height:6px}.milestones-page .month-timeline-container::-webkit-scrollbar-track{background:transparent}.milestones-page .month-timeline-container::-webkit-scrollbar-thumb{background:#0000001a;border-radius:.25rem}.milestones-page .month-timeline-container::-webkit-scrollbar-thumb:hover{background:#0003}.milestones-page .month-timeline-container .month-timeline{display:flex;gap:1.5rem;padding:0 1rem;min-width:-moz-min-content;min-width:min-content}.milestones-page .month-timeline-container .month-timeline .month-marker{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:transform .3s ease-in-out}.milestones-page .month-timeline-container .month-timeline .month-marker:hover{transform:translateY(-4px)}.milestones-page .month-timeline-container .month-timeline .month-marker.selected{animation:pulse .4s ease-out}.milestones-page .month-timeline-container .month-timeline .month-marker.selected .month-circle{background:linear-gradient(135deg,#f472b6,#fb923c);color:#fff;box-shadow:0 4px 20px #f472b666;transform:scale(1.1)}.milestones-page .month-timeline-container .month-timeline .month-marker.current .month-circle{border-color:#fb923c;border-width:3px}.milestones-page .month-timeline-container .month-timeline .month-marker.past{opacity:.7}.milestones-page .month-timeline-container .month-timeline .month-marker.upcoming{opacity:.5}.milestones-page .month-timeline-container .month-timeline .month-marker .month-circle{position:relative;width:60px;height:60px;border-radius:50%;background:#fff;border:2px solid #D1D5DB;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#374151;transition:all .3s ease-in-out;z-index:2}.milestones-page .month-timeline-container .month-timeline .month-marker .month-circle .month-number{position:relative;z-index:3}.milestones-page .month-timeline-container .month-timeline .month-marker .month-label{font-size:.875rem;font-weight:500;color:#4b5563}.milestones-page .month-timeline-container .month-timeline .month-marker .month-progress-ring{position:absolute;top:0;left:0;z-index:1}.milestones-page .month-timeline-container .month-timeline .month-marker .current-badge{position:absolute;top:-10px;right:-5px;background:linear-gradient(135deg,#fb923c,#fbbf24);color:#fff;font-size:.75rem;font-weight:700;padding:2px .5rem;border-radius:9999px;box-shadow:0 2px 8px #fb923c66;z-index:2}.milestones-page .milestone-filters{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.75rem;padding:1rem;margin-bottom:1.5rem;border:1px solid rgba(0,0,0,.05);animation:fadeInUp .6s ease-out .2s backwards}.milestones-page .milestone-filters .filter-group{margin-bottom:1rem}.milestones-page .milestone-filters .filter-group:last-child{margin-bottom:0}.milestones-page .milestone-filters .filter-group label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.milestones-page .milestone-filters .filter-group .filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.milestones-page .milestone-filters .filter-group .filter-buttons button{padding:.5rem .75rem;border:2px solid #D1D5DB;border-radius:.5rem;background:#fff;color:#4b5563;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease-in-out}.milestones-page .milestone-filters .filter-group .filter-buttons button:hover{border-color:#f472b6;color:#f472b6}.milestones-page .milestone-filters .filter-group .filter-buttons button.active{background:linear-gradient(135deg,#f472b6,#fb923c);color:#fff;border-color:transparent;box-shadow:0 2px 8px #f472b64d}.milestones-page .month-detail{animation:fadeIn .4s ease-out}.milestones-page .month-detail .month-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;animation:slideInLeft .5s ease-out}.milestones-page .month-detail .month-detail-header h2{font-size:1.25rem;font-weight:700;color:#111827}@media (min-width: 640px){.milestones-page .month-detail .month-detail-header h2{font-size:1.5rem}}.milestones-page .month-detail .month-detail-header .month-progress{font-size:.875rem;font-weight:600;color:#f472b6;background:#f472b61a;padding:.5rem .75rem;border-radius:9999px;animation:scaleIn .5s ease-out .3s backwards;transition:all .3s ease}.milestones-page .month-detail .month-detail-header .month-progress:hover{transform:scale(1.05)}.milestones-page .month-detail .milestones-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width: 640px){.milestones-page .month-detail .milestones-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.milestones-page .month-detail .milestones-grid{grid-template-columns:repeat(3,1fr)}}.milestones-page .month-detail .milestones-grid .milestone-card{animation:fadeInUp .5s ease-out backwards}.milestones-page .month-detail .milestones-grid .milestone-card:nth-child(1){animation-delay:.05s}.milestones-page .month-detail .milestones-grid .milestone-card:nth-child(2){animation-delay:.1s}.milestones-page .month-detail .milestones-grid .milestone-card:nth-child(3){animation-delay:.15s}.milestones-page .month-detail .milestones-grid .milestone-card:nth-child(4){animation-delay:.2s}.milestones-page .month-detail .milestones-grid .milestone-card:nth-child(5){animation-delay:.25s}.milestones-page .month-detail .milestones-grid .milestone-card:nth-child(6){animation-delay:.3s}.milestones-page .month-detail .milestones-grid .milestone-card:nth-child(7){animation-delay:.35s}.milestones-page .month-detail .milestones-grid .milestone-card:nth-child(8){animation-delay:.4s}.milestones-page .month-detail .milestones-grid .milestone-card:nth-child(9){animation-delay:.45s}.milestones-page .month-detail .milestones-grid .milestone-card:nth-child(10){animation-delay:.5s}.milestones-page .month-detail .milestones-grid .milestone-card:nth-child(11){animation-delay:.55s}.milestones-page .month-detail .milestones-grid .milestone-card:nth-child(12){animation-delay:.6s}.milestones-page .month-detail .milestones-grid .milestone-card:nth-child(13){animation-delay:.65s}.milestones-page .month-detail .milestones-grid .milestone-card:nth-child(14){animation-delay:.7s}.milestones-page .month-detail .milestones-grid .milestone-card:nth-child(15){animation-delay:.75s}.milestones-page .month-detail .milestones-grid .milestone-card:nth-child(16){animation-delay:.8s}.milestones-page .month-detail .milestones-grid .milestone-card:nth-child(17){animation-delay:.85s}.milestones-page .month-detail .milestones-grid .milestone-card:nth-child(18){animation-delay:.9s}.milestones-page .month-detail .milestones-grid .milestone-card:nth-child(19){animation-delay:.95s}.milestones-page .month-detail .milestones-grid .milestone-card:nth-child(20){animation-delay:1s}.milestones-page .month-detail .no-milestones{text-align:center;padding:3rem 1rem;color:#6b7280}.milestones-page .select-month-prompt{text-align:center;padding:3rem 1rem;font-size:1.125rem;color:#6b7280}.milestones-page .milestones-empty-state,.milestones-page .milestones-loading{text-align:center;padding:3rem 1rem}.milestones-page .milestones-empty-state .empty-icon,.milestones-page .milestones-loading .empty-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.6}.milestones-page .milestones-empty-state .empty-title,.milestones-page .milestones-loading .empty-title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:1rem}.milestones-page .milestones-empty-state .empty-description,.milestones-page .milestones-loading .empty-description{color:#4b5563;font-size:1.125rem}.milestones-page .milestones-empty-state .loading-spinner,.milestones-page .milestones-loading .loading-spinner{width:3rem;height:3rem;border:3px solid rgba(244,114,182,.3);border-top:3px solid #F472B6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.milestone-card{transition:all .3s ease-in-out;border:2px solid transparent;position:relative;overflow:hidden;min-height:180px}@media (min-width: 640px){.milestone-card{min-height:200px}}.milestone-card.clickable{cursor:pointer}.milestone-card.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026;border-color:#f472b64d}.milestone-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(244,114,182,.1),transparent);transition:left .5s ease}.milestone-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000026;border-color:#f472b633}.milestone-card:hover:before{left:100%}.milestone-card.completed{background:#10b9810d;border-color:#10b98133}.milestone-card.completed .milestone-description{text-decoration:line-through;opacity:.7}.milestone-card .milestone-card-content{display:flex;gap:.75rem}.milestone-card .milestone-card-content .milestone-checkbox-container{flex-shrink:0}.milestone-card .milestone-card-content .milestone-checkbox-container .milestone-checkbox{position:relative;display:block;width:24px;height:24px;cursor:pointer}.milestone-card .milestone-card-content .milestone-checkbox-container .milestone-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.milestone-card .milestone-card-content .milestone-checkbox-container .milestone-checkbox input:checked~.checkmark{background:linear-gradient(135deg,#f472b6,#fb923c);border-color:transparent}.milestone-card .milestone-card-content .milestone-checkbox-container .milestone-checkbox input:checked~.checkmark:after{display:block}.milestone-card .milestone-card-content .milestone-checkbox-container .milestone-checkbox .checkmark{position:absolute;top:0;left:0;height:24px;width:24px;background-color:#fff;border:2px solid #D1D5DB;border-radius:.25rem;transition:all .3s ease-in-out}.milestone-card .milestone-card-content .milestone-checkbox-container .milestone-checkbox .checkmark:after{content:"";position:absolute;display:none;left:8px;top:4px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.milestone-card .milestone-card-content .milestone-checkbox-container .milestone-checkbox:hover .checkmark{border-color:#f472b6}.milestone-card .milestone-card-content .milestone-info{flex:1}.milestone-card .milestone-card-content .milestone-info .milestone-category{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;margin-bottom:.5rem}.milestone-card .milestone-card-content .milestone-info .milestone-category .category-icon{font-size:1rem}.milestone-card .milestone-card-content .milestone-info .milestone-category .category-label{text-transform:uppercase;letter-spacing:.5px}.milestone-card .milestone-card-content .milestone-info .milestone-description{font-size:.875rem;color:#374151;line-height:1.625;margin-bottom:.75rem}@media (min-width: 640px){.milestone-card .milestone-card-content .milestone-info .milestone-description{font-size:1rem}}.milestone-card .milestone-card-content .milestone-info .mark-complete-btn{padding:.5rem .75rem;background:linear-gradient(135deg,#f472b6,#fb923c);color:#fff;border:none;border-radius:.5rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease-in-out}.milestone-card .milestone-card-content .milestone-info .mark-complete-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f472b666}.milestone-card .milestone-card-content .milestone-info .completed-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.milestone-card .milestone-card-content .milestone-info .completed-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:#10b9811a;color:#059669;font-size:.75rem;font-weight:600;border-radius:9999px}.milestone-card .milestone-card-content .milestone-info .action-buttons{display:flex;gap:.5rem;align-items:center}.milestone-card .milestone-card-content .milestone-info .edit-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:linear-gradient(135deg,#f472b61a,#fb923c1a);color:#f472b6;font-size:.75rem;font-weight:600;border:1px solid rgba(244,114,182,.3);border-radius:.375rem;cursor:pointer;transition:all .3s ease-in-out}.milestone-card .milestone-card-content .milestone-info .edit-btn:hover{background:linear-gradient(135deg,#f472b626,#fb923c26);border-color:#f472b680;transform:translateY(-1px);box-shadow:0 2px 8px #f472b633}.milestone-card .milestone-card-content .milestone-info .edit-btn:active{transform:translateY(0)}.milestone-card .milestone-card-content .milestone-info .uncomplete-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#ef44441a;color:#dc2626;font-size:.75rem;font-weight:500;border:1px solid rgba(239,68,68,.2);border-radius:.375rem;cursor:pointer;transition:all .3s ease-in-out}.milestone-card .milestone-card-content .milestone-info .uncomplete-btn:hover{background:#ef444426;border-color:#ef44444d;transform:translateY(-1px)}.milestone-card .milestone-card-content .milestone-info .uncomplete-btn:active{transform:translateY(0)}.milestone-card .milestone-card-content .milestone-info .milestone-photos{margin-top:.75rem}.milestone-card .milestone-card-content .milestone-info .milestone-photos .photo-thumbnails{display:flex;gap:.5rem;align-items:center}.milestone-card .milestone-card-content .milestone-info .milestone-photos .photo-thumbnails .photo-thumbnail{width:60px;height:60px;border-radius:.375rem;overflow:hidden;cursor:pointer;border:2px solid rgba(209,213,219,.5);transition:all .3s ease-in-out}.milestone-card .milestone-card-content .milestone-info .milestone-photos .photo-thumbnails .photo-thumbnail:hover{transform:scale(1.05);border-color:#f472b6;box-shadow:0 2px 8px #f472b64d}.milestone-card .milestone-card-content .milestone-info .milestone-photos .photo-thumbnails .photo-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.milestone-card .milestone-card-content .milestone-info .milestone-photos .photo-thumbnails .photo-count-badge{width:60px;height:60px;border-radius:.375rem;background:#e5e7eb80;border:2px dashed rgba(156,163,175,.5);display:flex;align-items:center;justify-content:center;font-weight:700;color:#4b5563;cursor:pointer;transition:all .3s ease-in-out}.milestone-card .milestone-card-content .milestone-info .milestone-photos .photo-thumbnails .photo-count-badge:hover{background:#d1d5db80;border-color:#f472b6;color:#f472b6}.milestone-card .milestone-card-content .milestone-info .milestone-notes{margin-top:.75rem;padding:.75rem;background:#f3f4f680;border-radius:.375rem;border-left:3px solid #F472B6}.milestone-card .milestone-card-content .milestone-info .milestone-notes .notes-label{font-size:.75rem;font-weight:600;color:#374151;margin-bottom:.25rem}.milestone-card .milestone-card-content .milestone-info .milestone-notes .notes-text{font-size:.875rem;color:#4b5563;line-height:1.625;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:2.8em;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.photo-viewer-modal{position:fixed;inset:0;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.photo-viewer-modal .photo-viewer-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.photo-viewer-modal .photo-viewer-content .close-btn{position:absolute;top:-40px;right:0;width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:24px;cursor:pointer;transition:all .3s ease-in-out;display:flex;align-items:center;justify-content:center}.photo-viewer-modal .photo-viewer-content .close-btn:hover{background:#fff3;transform:scale(1.1)}.photo-viewer-modal .photo-viewer-content .nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:32px;cursor:pointer;transition:all .3s ease-in-out;display:flex;align-items:center;justify-content:center}.photo-viewer-modal .photo-viewer-content .nav-btn:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.photo-viewer-modal .photo-viewer-content .nav-btn.prev-btn{left:-70px}.photo-viewer-modal .photo-viewer-content .nav-btn.next-btn{right:-70px}.photo-viewer-modal .photo-viewer-content .photo-container{max-width:90vw;max-height:80vh;display:flex;align-items:center;justify-content:center}.photo-viewer-modal .photo-viewer-content .photo-container img{max-width:100%;max-height:80vh;-o-object-fit:contain;object-fit:contain;border-radius:.5rem}.photo-viewer-modal .photo-viewer-content .photo-counter{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);color:#fff;font-size:.875rem;font-weight:600;background:#00000080;padding:.5rem 1rem;border-radius:9999px}.mark-milestone-modal .milestone-form{background:#fff;border-radius:.75rem;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.mark-milestone-modal .milestone-form .form-content{padding:1.5rem;overflow-y:auto;flex:1}@media (min-width: 640px){.mark-milestone-modal .milestone-form .form-content{padding:2rem}}.mark-milestone-modal .milestone-form .form-content::-webkit-scrollbar{width:6px}.mark-milestone-modal .milestone-form .form-content::-webkit-scrollbar-track{background:transparent}.mark-milestone-modal .milestone-form .form-content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:.25rem}.mark-milestone-modal .milestone-form .form-content::-webkit-scrollbar-thumb:hover{background:#0003}.mark-milestone-modal .milestone-form .milestone-info-banner{display:flex;gap:.75rem;padding:1rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#f472b614,#fb923c14);border:2px solid rgba(244,114,182,.2);border-radius:.5rem}.mark-milestone-modal .milestone-form .milestone-info-banner .info-icon{font-size:1.875rem;flex-shrink:0}.mark-milestone-modal .milestone-form .milestone-info-banner .info-content{flex:1}.mark-milestone-modal .milestone-form .milestone-info-banner .info-content .info-category{font-size:.75rem;font-weight:700;color:#f472b6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.mark-milestone-modal .milestone-form .milestone-info-banner .info-content .info-description{font-size:1rem;color:#111827;font-weight:600;margin-bottom:.25rem}.mark-milestone-modal .milestone-form .milestone-info-banner .info-content .info-month{font-size:.875rem;color:#4b5563}.mark-milestone-modal .milestone-form .error-message{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#dc2626;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.mark-milestone-modal .milestone-form .upload-section{margin-bottom:1.5rem}.mark-milestone-modal .milestone-form .upload-section label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.mark-milestone-modal .milestone-form .upload-section .upload-zone{border:2px dashed #D1D5DB;border-radius:.5rem;padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:all .3s ease-in-out;background:#f9fafb}.mark-milestone-modal .milestone-form .upload-section .upload-zone:hover{border-color:#f472b6;background:#f472b608;transform:translateY(-1px)}.mark-milestone-modal .milestone-form .upload-section .upload-zone.drag-active{border-color:#f472b6;background:#f472b614;border-style:solid}.mark-milestone-modal .milestone-form .upload-section .upload-zone .upload-content .upload-icon{font-size:2rem;margin-bottom:.75rem;opacity:.7;display:block}.mark-milestone-modal .milestone-form .upload-section .upload-zone .upload-content .upload-text{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.mark-milestone-modal .milestone-form .upload-section .upload-zone .upload-content .upload-hint{font-size:.875rem;color:#6b7280;margin:0}.mark-milestone-modal .milestone-form .upload-section .photo-preview{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.mark-milestone-modal .milestone-form .upload-section .photo-preview .photo-item{position:relative;width:4rem;height:4rem;border-radius:.5rem;overflow:hidden;border:2px solid #E5E7EB}@media (min-width: 640px){.mark-milestone-modal .milestone-form .upload-section .photo-preview .photo-item{width:5rem;height:5rem}}.mark-milestone-modal .milestone-form .upload-section .photo-preview .photo-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mark-milestone-modal .milestone-form .upload-section .photo-preview .photo-item .media-badge{position:absolute;top:.5rem;left:.5rem;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.25rem .5rem;border-radius:.375rem;font-size:.875rem;z-index:2;pointer-events:none}.mark-milestone-modal .milestone-form .upload-section .photo-preview .photo-item .media-badge.video-badge{display:flex;align-items:center;gap:.25rem}.mark-milestone-modal .milestone-form .upload-section .photo-preview .photo-item .remove-photo{position:absolute;top:-.25rem;right:-.25rem;width:1.5rem;height:1.5rem;background:#ef4444;color:#fff;border:none;border-radius:50%;font-size:.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease-in-out;z-index:3}.mark-milestone-modal .milestone-form .upload-section .photo-preview .photo-item .remove-photo:hover{background:#dc2626;transform:scale(1.1)}.mark-milestone-modal .milestone-form .form-fields .field-group{margin-bottom:1.25rem}.mark-milestone-modal .milestone-form .form-fields .field-group label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}@media (min-width: 640px){.mark-milestone-modal .milestone-form .form-fields .field-group label{font-size:1rem}}.mark-milestone-modal .milestone-form .form-fields .field-group input,.mark-milestone-modal .milestone-form .form-fields .field-group textarea{width:100%;padding:.75rem 1rem;border:2px solid #E5E7EB;border-radius:.5rem;font-size:1rem;transition:all .3s ease-in-out;background:#fff}.mark-milestone-modal .milestone-form .form-fields .field-group input:focus,.mark-milestone-modal .milestone-form .form-fields .field-group textarea:focus{outline:none;border-color:#f472b6;box-shadow:0 0 0 3px #f472b61a}.mark-milestone-modal .milestone-form .form-fields .field-group input::-moz-placeholder,.mark-milestone-modal .milestone-form .form-fields .field-group textarea::-moz-placeholder{color:#9ca3af}.mark-milestone-modal .milestone-form .form-fields .field-group input::placeholder,.mark-milestone-modal .milestone-form .form-fields .field-group textarea::placeholder{color:#9ca3af}.mark-milestone-modal .milestone-form .form-fields .field-group textarea{resize:vertical;min-height:80px;font-family:inherit}.mark-milestone-modal .milestone-form .form-actions{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(0,0,0,.06);display:flex;gap:.75rem}@media (max-width: 640px){.mark-milestone-modal .milestone-form .form-actions{flex-direction:column}}.mark-milestone-modal .milestone-form .form-actions .spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}.mark-milestone-page{max-width:800px;margin:0 auto;padding:1rem}@media (min-width: 640px){.mark-milestone-page{padding:1.5rem}}.mark-milestone-page .page-header{margin-bottom:1.5rem}.mark-milestone-page .page-header .back-button{margin-bottom:.75rem;font-size:.875rem}.mark-milestone-page .page-header h1{font-size:1.5rem;font-weight:700;color:#111827}@media (min-width: 640px){.mark-milestone-page .page-header h1{font-size:1.875rem}}.mark-milestone-page .milestone-form-container{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem}@media (min-width: 640px){.mark-milestone-page .milestone-form-container{padding:2rem}}.mark-milestone-page .milestone-form-content .milestone-info-banner{display:flex;gap:.75rem;padding:1rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#f472b614,#fb923c14);border:2px solid rgba(244,114,182,.2);border-radius:.5rem}.mark-milestone-page .milestone-form-content .milestone-info-banner .info-icon{font-size:1.875rem;flex-shrink:0}.mark-milestone-page .milestone-form-content .milestone-info-banner .info-content{flex:1}.mark-milestone-page .milestone-form-content .milestone-info-banner .info-content .info-category{font-size:.75rem;font-weight:700;color:#f472b6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.mark-milestone-page .milestone-form-content .milestone-info-banner .info-content .info-description{font-size:1rem;color:#111827;font-weight:600;margin-bottom:.25rem}.mark-milestone-page .milestone-form-content .milestone-info-banner .info-content .info-month{font-size:.875rem;color:#4b5563}.mark-milestone-page .milestone-form-content .error-message{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#dc2626;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.mark-milestone-page .milestone-form-content .upload-section{margin-bottom:1.5rem}.mark-milestone-page .milestone-form-content .upload-section label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.mark-milestone-page .milestone-form-content .upload-section .section-subtitle{font-size:.875rem;font-weight:600;color:#4b5563;margin-bottom:.75rem;margin-top:1rem;display:flex;align-items:center;gap:.5rem}.mark-milestone-page .milestone-form-content .upload-section .section-subtitle:first-of-type{margin-top:0}.mark-milestone-page .milestone-form-content .upload-section .existing-photos-section,.mark-milestone-page .milestone-form-content .upload-section .new-photos-section{margin-bottom:1rem}.mark-milestone-page .milestone-form-content .upload-section .existing-photos-section:last-child,.mark-milestone-page .milestone-form-content .upload-section .new-photos-section:last-child{margin-bottom:0}.mark-milestone-page .milestone-form-content .upload-section .upload-zone{border:2px dashed #D1D5DB;border-radius:.5rem;padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:all .3s ease-in-out;background:#f9fafb}.mark-milestone-page .milestone-form-content .upload-section .upload-zone:hover{border-color:#f472b6;background:#f472b608;transform:translateY(-1px)}.mark-milestone-page .milestone-form-content .upload-section .upload-zone.drag-active{border-color:#f472b6;background:#f472b614;border-style:solid}.mark-milestone-page .milestone-form-content .upload-section .upload-zone .upload-content .upload-icon{font-size:2rem;margin-bottom:.75rem;opacity:.7;display:block}.mark-milestone-page .milestone-form-content .upload-section .upload-zone .upload-content .upload-text{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.mark-milestone-page .milestone-form-content .upload-section .upload-zone .upload-content .upload-hint{font-size:.875rem;color:#6b7280;margin:0}.mark-milestone-page .milestone-form-content .upload-section .photo-preview{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.mark-milestone-page .milestone-form-content .upload-section .photo-preview .photo-item{position:relative;width:4rem;height:4rem;border-radius:.5rem;overflow:hidden;border:2px solid #E5E7EB}@media (min-width: 640px){.mark-milestone-page .milestone-form-content .upload-section .photo-preview .photo-item{width:5rem;height:5rem}}.mark-milestone-page .milestone-form-content .upload-section .photo-preview .photo-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mark-milestone-page .milestone-form-content .upload-section .photo-preview .photo-item .media-badge{position:absolute;top:.5rem;left:.5rem;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.25rem .5rem;border-radius:.375rem;font-size:.875rem;z-index:2;pointer-events:none}.mark-milestone-page .milestone-form-content .upload-section .photo-preview .photo-item .media-badge.video-badge{display:flex;align-items:center;gap:.25rem}.mark-milestone-page .milestone-form-content .upload-section .photo-preview .photo-item .remove-photo{position:absolute;top:-.25rem;right:-.25rem;width:1.5rem;height:1.5rem;background:#ef4444;color:#fff;border:none;border-radius:50%;font-size:.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease-in-out;z-index:3}.mark-milestone-page .milestone-form-content .upload-section .photo-preview .photo-item .remove-photo:hover{background:#dc2626;transform:scale(1.1)}.mark-milestone-page .milestone-form-content .form-fields .field-group{margin-bottom:1.25rem}.mark-milestone-page .milestone-form-content .form-fields .field-group label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}@media (min-width: 640px){.mark-milestone-page .milestone-form-content .form-fields .field-group label{font-size:1rem}}.mark-milestone-page .milestone-form-content .form-fields .field-group input,.mark-milestone-page .milestone-form-content .form-fields .field-group textarea{width:100%;padding:.75rem 1rem;border:2px solid #E5E7EB;border-radius:.5rem;font-size:1rem;transition:all .3s ease-in-out;background:#fff}.mark-milestone-page .milestone-form-content .form-fields .field-group input:focus,.mark-milestone-page .milestone-form-content .form-fields .field-group textarea:focus{outline:none;border-color:#f472b6;box-shadow:0 0 0 3px #f472b61a}.mark-milestone-page .milestone-form-content .form-fields .field-group input::-moz-placeholder,.mark-milestone-page .milestone-form-content .form-fields .field-group textarea::-moz-placeholder{color:#9ca3af}.mark-milestone-page .milestone-form-content .form-fields .field-group input::placeholder,.mark-milestone-page .milestone-form-content .form-fields .field-group textarea::placeholder{color:#9ca3af}.mark-milestone-page .milestone-form-content .form-fields .field-group textarea{resize:vertical;min-height:80px;font-family:inherit}.mark-milestone-page .milestone-form-content .form-actions{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(0,0,0,.06);display:flex;gap:.75rem}@media (max-width: 640px){.mark-milestone-page .milestone-form-content .form-actions{flex-direction:column}}.mark-milestone-page .milestone-form-content .form-actions .spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}.milestone-detail-page{max-width:900px;margin:0 auto;padding:1rem}@media (min-width: 640px){.milestone-detail-page{padding:1.5rem}}.milestone-detail-page .page-header{margin-bottom:1.5rem;animation:fadeInUp .5s ease-out;display:flex;flex-direction:column;gap:.75rem}@media (min-width: 640px){.milestone-detail-page .page-header{flex-direction:row;align-items:center;justify-content:space-between}}.milestone-detail-page .page-header .back-button{font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease-in-out;align-self:flex-start}.milestone-detail-page .page-header .back-button:hover{transform:translate(-4px)}@media (min-width: 640px){.milestone-detail-page .page-header .back-button{position:absolute;top:0;left:0}}.milestone-detail-page .page-header h1{font-size:1.5rem;font-weight:700;color:#111827;flex:1}@media (min-width: 640px){.milestone-detail-page .page-header h1{font-size:1.875rem}}.milestone-detail-page .page-header .edit-button{align-self:flex-start;font-size:.875rem;padding:.5rem 1rem}@media (min-width: 640px){.milestone-detail-page .page-header .edit-button{align-self:center}}.milestone-detail-page .milestone-detail-container{animation:fadeInUp .6s ease-out .2s backwards}.milestone-detail-page .milestone-detail-container .milestone-info-section{background:#fff;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:2px solid rgba(244,114,182,.1)}@media (min-width: 640px){.milestone-detail-page .milestone-detail-container .milestone-info-section{padding:2rem}}.milestone-detail-page .milestone-detail-container .milestone-info-section .category-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#f472b61a,#fb923c1a);border:2px solid rgba(244,114,182,.2);border-radius:9999px;font-size:.875rem;font-weight:700;color:#f472b6;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.milestone-detail-page .milestone-detail-container .milestone-info-section .category-badge .category-icon{font-size:1.125rem}.milestone-detail-page .milestone-detail-container .milestone-info-section .milestone-description{font-size:1.25rem;font-weight:700;color:#111827;line-height:1.625;margin-bottom:1.5rem}@media (min-width: 640px){.milestone-detail-page .milestone-detail-container .milestone-info-section .milestone-description{font-size:1.5rem}}.milestone-detail-page .milestone-detail-container .milestone-info-section .milestone-meta{display:flex;flex-direction:column;gap:.75rem}@media (min-width: 640px){.milestone-detail-page .milestone-detail-container .milestone-info-section .milestone-meta{flex-direction:row;gap:1.5rem}}.milestone-detail-page .milestone-detail-container .milestone-info-section .milestone-meta .meta-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f3f4f680;border-radius:.5rem;border-left:3px solid #F472B6}.milestone-detail-page .milestone-detail-container .milestone-info-section .milestone-meta .meta-item .meta-label{font-size:.875rem;font-weight:600;color:#4b5563}.milestone-detail-page .milestone-detail-container .milestone-info-section .milestone-meta .meta-item .meta-value{font-size:.875rem;font-weight:700;color:#111827}.milestone-detail-page .milestone-detail-container .photos-section{background:#fff;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media (min-width: 640px){.milestone-detail-page .milestone-detail-container .photos-section{padding:2rem}}.milestone-detail-page .milestone-detail-container .photos-section .section-title{font-size:1.125rem;font-weight:700;color:#111827;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}@media (min-width: 640px){.milestone-detail-page .milestone-detail-container .photos-section .section-title{font-size:1.25rem}}.milestone-detail-page .milestone-detail-container .photos-section .photos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (min-width: 640px){.milestone-detail-page .milestone-detail-container .photos-section .photos-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media (min-width: 768px){.milestone-detail-page .milestone-detail-container .photos-section .photos-grid{grid-template-columns:repeat(4,1fr)}}.milestone-detail-page .milestone-detail-container .photos-section .photos-grid .photo-item{position:relative;aspect-ratio:1;border-radius:.5rem;overflow:hidden;cursor:pointer;border:2px solid rgba(209,213,219,.3);transition:all .3s ease-in-out}.milestone-detail-page .milestone-detail-container .photos-section .photos-grid .photo-item:hover{transform:scale(1.05);box-shadow:0 8px 16px #00000026;border-color:#f472b6;z-index:2}.milestone-detail-page .milestone-detail-container .photos-section .photos-grid .photo-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.milestone-detail-page .milestone-detail-container .notes-section{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media (min-width: 640px){.milestone-detail-page .milestone-detail-container .notes-section{padding:2rem}}.milestone-detail-page .milestone-detail-container .notes-section .section-title{font-size:1.125rem;font-weight:700;color:#111827;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}@media (min-width: 640px){.milestone-detail-page .milestone-detail-container .notes-section .section-title{font-size:1.25rem}}.milestone-detail-page .milestone-detail-container .notes-section .notes-content{font-size:1rem;color:#374151;line-height:1.625;padding:1rem;background:#f3f4f680;border-radius:.5rem;border-left:4px solid #F472B6}@media (min-width: 640px){.milestone-detail-page .milestone-detail-container .notes-section .notes-content{font-size:1.125rem}}.milestone-detail-page .error-state{text-align:center;padding:3rem 1rem;background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.milestone-detail-page .error-state h2{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:1.5rem}.doctor-appointment-page{min-height:100vh;background:linear-gradient(135deg,#fffffff2,#f9fafbe6)}.doctor-appointment-page .page-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(229,231,235,.6);padding:1.5rem 0;position:sticky;top:0;z-index:10}.doctor-appointment-page .page-header .header-content{max-width:1200px;margin:0 auto;padding:0 1rem}.doctor-appointment-page .page-header .header-main{display:flex;align-items:center;gap:1rem}.doctor-appointment-page .page-header .back-button{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#4b5563;transition:all .15s ease-in-out}.doctor-appointment-page .page-header .back-button:hover{color:#60a5fa;transform:translate(-2px)}.doctor-appointment-page .page-header .header-text h1{font-size:1.875rem;font-weight:700;color:#111827;margin:0;line-height:1.25}.doctor-appointment-page .page-header .header-text .header-subtitle{font-size:1.125rem;color:#4b5563;margin:.25rem 0 0;font-weight:500}@media (max-width: 640px){.doctor-appointment-page .page-header{padding:1rem 0}.doctor-appointment-page .page-header .header-main{flex-direction:column;align-items:flex-start;gap:.5rem}.doctor-appointment-page .page-header .header-text h1{font-size:1.5rem}.doctor-appointment-page .page-header .header-text .header-subtitle{font-size:1rem}}.doctor-appointment-page .page-content{max-width:1200px;margin:0 auto;padding:1.5rem 1rem}@media (max-width: 640px){.doctor-appointment-page .page-content{padding:1rem .5rem}}.doctor-appointment-page .doctor-visit-form-container{max-width:800px;margin:0 auto}.doctor-appointment-page .doctor-visit-form{display:flex;flex-direction:column;gap:1.5rem}.doctor-appointment-page .error-state{text-align:center;padding:2rem;background:#ffffffe6;border-radius:1rem;border:2px dashed rgba(209,213,219,.8);margin:1.5rem auto;max-width:400px}.doctor-appointment-page .error-state p{color:#4b5563;margin-bottom:1rem;font-size:1.125rem}.doctor-appointment-page .form-section{background:#fffc;border:1px solid rgba(229,231,235,.6);border-radius:.75rem;padding:1.5rem;box-shadow:0 2px 10px #0000000d;transition:all .3s ease-in-out}.doctor-appointment-page .form-section:hover{background:#ffffffe6;border-color:#d1d5dbb3;box-shadow:0 4px 20px #00000014}@media (max-width: 640px){.doctor-appointment-page .form-section{padding:1rem}}.doctor-appointment-page .section-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:2px solid rgba(96,165,250,.1);display:flex;align-items:center}.doctor-appointment-page .section-title:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,#60a5fa,#91c1fc);border-radius:2px;margin-right:.75rem}@media (max-width: 640px){.doctor-appointment-page .section-title{font-size:1.125rem}.doctor-appointment-page .section-title:before{width:3px;height:18px;margin-right:.5rem}}.doctor-appointment-page .section-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.doctor-appointment-page .section-grid{grid-template-columns:1fr;gap:.75rem}}.doctor-appointment-page .section-content{display:flex;flex-direction:column;gap:1rem}.doctor-appointment-page .form-field{display:flex;flex-direction:column;gap:.5rem}.doctor-appointment-page .form-field.full-width{grid-column:1/-1}.doctor-appointment-page .field-label{font-size:.875rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.doctor-appointment-page .field-label.required:after{content:" *";color:#fca5a5;font-weight:700}.doctor-appointment-page .add-item-row{display:flex;gap:.75rem;align-items:flex-end}.doctor-appointment-page .add-item-row input{flex:1}.doctor-appointment-page .add-item-row button{flex-shrink:0;min-width:80px}@media (max-width: 640px){.doctor-appointment-page .add-item-row{flex-direction:column;gap:.5rem}.doctor-appointment-page .add-item-row button{min-width:auto;width:100%}}.doctor-appointment-page .tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.doctor-appointment-page .tag{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#4ade801f,#4ade800f);color:#4ade80;padding:.5rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;border:1px solid rgba(74,222,128,.25);transition:background .15s ease-in-out,border-color .15s ease-in-out}.doctor-appointment-page .tag:hover{background:linear-gradient(135deg,#4ade802e,#4ade801a);border-color:#4ade8059}.doctor-appointment-page .tag .tag-remove{background:none;border:none;color:#4ade80;font-size:1.125rem;font-weight:700;cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .15s ease-in-out,color .15s ease-in-out;will-change:background-color,color}.doctor-appointment-page .tag .tag-remove:hover{background:#4ade8033;color:#fff}.doctor-appointment-page .measurement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}@media (max-width: 768px){.doctor-appointment-page .measurement-grid{grid-template-columns:1fr}}.doctor-appointment-page .measurement-option{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffffe6;border:2px solid rgba(229,231,235,.6);border-radius:.5rem;cursor:pointer;transition:all .3s ease-in-out;font-size:.875rem;font-weight:500;color:#374151}.doctor-appointment-page .measurement-option:hover{background:#60a5fa0d;border-color:#60a5fa4d;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.doctor-appointment-page .measurement-option input[type=checkbox]{display:none}.doctor-appointment-page .measurement-option .checkmark{width:20px;height:20px;border:2px solid rgba(156,163,175,.6);border-radius:4px;position:relative;transition:all .15s ease-in-out;flex-shrink:0}.doctor-appointment-page .measurement-option .checkmark:after{content:"";width:6px;height:10px;border:solid #FFFFFF;border-width:0 2px 2px 0;transform:rotate(45deg);position:absolute;top:2px;left:6px;opacity:0;transition:opacity .15s ease-in-out}.doctor-appointment-page .measurement-option input[type=checkbox]:checked+.checkmark{background:#60a5fa;border-color:#60a5fa}.doctor-appointment-page .measurement-option input[type=checkbox]:checked+.checkmark:after{opacity:1}.doctor-appointment-page .measurement-option input[type=checkbox]:checked~span{color:#60a5fa;font-weight:600}@media (max-width: 640px){.doctor-appointment-page .measurement-option{padding:.75rem}}.doctor-appointment-page .form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;margin-top:1rem;background:#fffffff2;border:1px solid rgba(229,231,235,.6);border-radius:.75rem;box-shadow:0 2px 10px #0000000d;position:sticky;bottom:1rem}@media (max-width: 768px){.doctor-appointment-page .form-actions{flex-direction:column-reverse;gap:.5rem;position:static;margin-top:1.5rem}.doctor-appointment-page .form-actions button{width:100%}}.doctor-appointment-page input,.doctor-appointment-page textarea,.doctor-appointment-page select{background:#fffffff2;border:2px solid rgba(229,231,235,.6);transition:all .3s ease-in-out;font-size:1rem}.doctor-appointment-page input:focus,.doctor-appointment-page textarea:focus,.doctor-appointment-page select:focus{background:#fff;border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa1a}.doctor-appointment-page input:hover:not(:focus),.doctor-appointment-page textarea:hover:not(:focus),.doctor-appointment-page select:hover:not(:focus){border-color:#d1d5dbcc}.doctor-appointment-page textarea{resize:vertical;min-height:80px;line-height:1.625}.doctor-appointment-page button[type=submit]{background:linear-gradient(135deg,#60a5fa,#2f89f8);min-width:140px}.doctor-appointment-page button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#4797f9,#167bf8);transform:translateY(-1px);box-shadow:0 4px 12px #60a5fa4d}.doctor-appointment-page button[variant=secondary]{background:#f3f4f6cc;color:#374151;border:2px solid rgba(209,213,219,.6);min-width:100px}.doctor-appointment-page button[variant=secondary]:hover:not(:disabled){background:#e5e7ebe6;border-color:#9ca3afcc;transform:translateY(-1px)}@media (max-width: 640px){.doctor-appointment-page .page-content{padding:1rem .75rem}.doctor-appointment-page .form-section{padding:1rem}.doctor-appointment-page .section-title{font-size:1.125rem}.doctor-appointment-page .measurement-grid{grid-template-columns:1fr}.doctor-appointment-page .form-actions{padding:1rem;bottom:0;border-radius:.5rem .5rem 0 0}}@media print{.doctor-appointment-page .page-header,.doctor-appointment-page .form-actions{display:none}.doctor-appointment-page .page-content{max-width:none;margin:0;padding:0}}:root{--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px)}.app-container{position:relative}@media (max-width: 768px){.app-container{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;overflow:hidden!important;touch-action:none!important}}.app-container.capacitor-native{position:fixed!important;inset:0!important;overflow:hidden!important;touch-action:none!important}@media (max-width: 768px){html{margin:0;padding:0;height:100dvh!important;overflow:hidden!important;background:#ffb3ba;position:fixed!important;width:100%!important;left:0!important;top:0!important}body{margin:0;padding:0;height:100dvh!important;background:linear-gradient(135deg,#fdf2f8,#f3e8ff,#ecfdf5)!important;overflow:hidden!important;position:fixed!important;width:100%!important;left:0!important;top:0!important}body.auth-body{padding:0;margin:0;height:100dvh!important;overflow:hidden}.navbar{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999!important;contain:layout!important;pointer-events:auto!important;transform:translateZ(0);backface-visibility:hidden;touch-action:manipulation;-webkit-touch-callout:none;will-change:transform;transform-style:preserve-3d}.navbar.navbar-mobile{box-shadow:0 2px 10px #0000001a}.navbar .navbar-container{min-height:60px;max-height:60px;position:relative;width:100%}.main-content{position:fixed!important;inset:0 0 48px!important;background:transparent;padding-top:10px;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;contain:strict;touch-action:pan-y!important}.main-content.home-content{padding-top:15px}.main-content.no-scroll{overflow:hidden!important;touch-action:none!important}.page-content{padding:1rem;padding-top:0;padding-bottom:48px}.dashboard-layout{padding:1rem;padding-bottom:48px;margin-top:0}.btn{min-height:44px;min-width:44px;padding:.75rem 1rem}.btn.btn-sm{min-height:44px;min-width:44px;padding:.5rem .75rem}.btn.btn-lg{min-height:50px;padding:1rem 1.5rem}.card{margin-bottom:1rem;border-radius:16px}.card:first-child{margin-top:0}.card.card-hover-lift{transition:transform .2s ease}.card.card-hover-lift:active{transform:scale(.98)}.form-input,.form-textarea,input[type=text],input[type=email],input[type=password],input[type=date],input[type=time],textarea,select{min-height:44px;font-size:16px;border-radius:12px;padding:.75rem 1rem;width:100%;box-sizing:border-box}.form-input:focus,.form-textarea:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=date]:focus,input[type=time]:focus,textarea:focus,select:focus{outline:none;border-color:#f472b6;box-shadow:0 0 0 3px #f472b61a}input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;max-width:100%}.modal-overlay{padding:1rem}.modal-container{max-height:calc(100vh - 2rem);overflow-y:auto;border-radius:20px;margin:0}.activity-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.activity-buttons .activity-button{min-height:60px;padding:.75rem;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.9rem}.activity-buttons .activity-button .activity-icon{font-size:1.5rem;margin-bottom:.25rem}.card-group{display:grid;grid-template-columns:1fr;gap:1rem;padding:.5rem}}@media (max-width: 768px) and (min-width: 480px){.card-group{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.time-display .time-item{padding:.75rem;border-radius:12px;margin-bottom:.5rem;cursor:pointer;transition:all .2s ease}.time-display .time-item:active{transform:scale(.98);background-color:#ffffffe6}.pull-to-refresh{height:60px;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:.9rem}.pull-to-refresh.pulling{color:#f472b6}.bottom-tabs{position:fixed;bottom:0;left:0;right:0;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:calc(.25rem + 5px) 0 calc(.25rem + env(safe-area-inset-bottom,0)) 0;box-shadow:0 -2px 20px #00000014;border-top:1px solid rgba(229,231,235,.5);z-index:1000}.bottom-tabs .tab-list{display:flex;justify-content:space-around;align-items:center;max-width:100%;margin:0 auto}.bottom-tabs .tab-list .tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.25rem;min-width:40px;min-height:40px;color:#6b7280;text-decoration:none;font-size:.75rem;border-radius:.5rem;transition:all .2s ease;position:relative}.bottom-tabs .tab-list .tab-item:active{transform:scale(.95);background:#f3f4f680}.bottom-tabs .tab-list .tab-item.active{color:#f472b6}.bottom-tabs .tab-list .tab-item.active .tab-icon{transform:scale(1.1)}.bottom-tabs .tab-list .tab-item.active:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:4px;height:4px;background:#f472b6;border-radius:50%}.bottom-tabs .tab-list .tab-item .tab-icon{font-size:1.2rem;transition:transform .2s ease;margin-bottom:1px}.fab{position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#f472b6,#fb7185);color:#fff;border:none;box-shadow:0 6px 20px #f472b666;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;z-index:999;transition:all .3s ease}.fab:active{transform:scale(.95)}.fab.fab-extended{width:auto;padding:0 1rem;border-radius:28px}.fab.fab-extended .fab-text{margin-left:.5rem;font-size:1rem;font-weight:500}}@media (min-width: 769px){body{height:auto!important;overflow:auto!important}.app-container{height:auto!important;overflow:visible!important}.main-content{position:static!important;top:auto!important;padding-top:85px!important;padding-bottom:15px!important;min-height:100vh;background:linear-gradient(135deg,#fdf2f8,#f3e8ff,#ecfdf5);contain:none!important}}.capacitor-native ::-webkit-scrollbar{display:none}.capacitor-native html{width:100%;min-height:100vh!important;height:100vh!important;background:linear-gradient(135deg,#fdf2f8,#f3e8ff,#ecfdf5)!important;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);transform:translateZ(0)}.capacitor-native body{width:100%;min-height:100vh!important;height:100vh!important;background:transparent!important;margin:0;padding:0;transform:translateZ(0)}.capacitor-native body:after{content:"";position:fixed;inset:-100px;background:linear-gradient(135deg,#fdf2f8,#f3e8ff,#ecfdf5);z-index:-99999;pointer-events:none}.capacitor-native .main-content{position:fixed;top:env(safe-area-inset-top,0);left:env(safe-area-inset-left,0);right:env(safe-area-inset-right,0);bottom:calc(48px + env(safe-area-inset-bottom,0));overflow-y:auto;-webkit-overflow-scrolling:touch;background:transparent;transform:translateZ(0)}.capacitor-native .status-bar-padding{height:var(--safe-area-inset-top);background:transparent}.capacitor-native *{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.capacitor-native input,.capacitor-native textarea,.capacitor-native button,.capacitor-native select,.capacitor-native form,.capacitor-native .btn,.capacitor-native .form-group,.capacitor-native .auth-form,.capacitor-native .content-area,.capacitor-native .selectable{-webkit-user-select:text;-moz-user-select:text;user-select:text;pointer-events:auto;-webkit-touch-callout:default}.capacitor-native .navbar{position:fixed!important;top:0!important;transform:translateZ(0)}.haptic-feedback:active{opacity:.7}.network-status{position:fixed;top:calc(10px + var(--safe-area-inset-top));left:50%;transform:translate(-50%);background:#ef4444;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;z-index:1001;opacity:0;visibility:hidden;transition:all .3s ease}.network-status.offline{opacity:1;visibility:visible}@media (max-width: 768px){.capacitor-native .auth-container,.capacitor-native .auth-form,.capacitor-native .auth-wrapper,.capacitor-native .auth-card,.capacitor-native .login-form,.capacitor-native .signup-form{contain:none!important;pointer-events:auto!important}.capacitor-native .auth-container *,.capacitor-native .auth-form *,.capacitor-native .auth-wrapper *,.capacitor-native .auth-card *,.capacitor-native .login-form *,.capacitor-native .signup-form *{pointer-events:auto!important;-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important;touch-action:manipulation!important}.capacitor-native .auth-container button,.capacitor-native .auth-container .btn,.capacitor-native .auth-container .auth-submit,.capacitor-native .auth-container .link-button,.capacitor-native .auth-form button,.capacitor-native .auth-form .btn,.capacitor-native .auth-form .auth-submit,.capacitor-native .auth-form .link-button,.capacitor-native .auth-wrapper button,.capacitor-native .auth-wrapper .btn,.capacitor-native .auth-wrapper .auth-submit,.capacitor-native .auth-wrapper .link-button,.capacitor-native .auth-card button,.capacitor-native .auth-card .btn,.capacitor-native .auth-card .auth-submit,.capacitor-native .auth-card .link-button,.capacitor-native .login-form button,.capacitor-native .login-form .btn,.capacitor-native .login-form .auth-submit,.capacitor-native .login-form .link-button,.capacitor-native .signup-form button,.capacitor-native .signup-form .btn,.capacitor-native .signup-form .auth-submit,.capacitor-native .signup-form .link-button{pointer-events:auto!important;touch-action:manipulation!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}}.dev-status-bar-present{padding-top:40px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-md{max-width:28rem}.opacity-60{opacity:.6}.user-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.focus-ring:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px #f472b6}.products-page{max-width:1200px;margin:0 auto;padding:1rem;min-height:100vh}.products-header{text-align:center;margin-bottom:2rem}.products-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#f472b6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.products-header p{color:#6b7280;font-size:1.1rem}.search-card{margin-bottom:2rem}.search-form{width:100%}.search-input-group{display:flex;gap:1rem;align-items:center}.search-input{flex:1;padding:.75rem 1rem;border:2px solid #E5E7EB;border-radius:.5rem;font-size:1rem;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:#f472b6;box-shadow:0 0 0 3px #f472b61a}.categories-card{margin-bottom:2rem}.categories-header{text-align:center;margin-bottom:2rem}.categories-header h3{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.categories-header p{color:#6b7280;font-size:1rem}.categories-title-row{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.categories-toggle{background:none;border:none;color:#6b7280;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease;margin-left:1rem;flex-shrink:0}.categories-toggle:hover{background-color:#f3f4f6;color:#374151;transform:scale(1.1)}.categories-collapsed-icons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem;justify-content:center;animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.category-icon-button{position:relative;width:3rem;height:3rem;border:none;border-radius:50%;background:linear-gradient(135deg,var(--category-gradient));cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;overflow:hidden}.category-icon-button:hover{transform:scale(1.1);box-shadow:0 4px 16px #00000026}.category-icon-button.active{transform:scale(1.15);box-shadow:0 6px 20px #0003;ring:3px solid #3B82F6;z-index:1}.category-icon-button.active:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid #3B82F6;background:transparent}.category-icon-button.disabled{opacity:.4;cursor:not-allowed;transform:none}.category-icon-button.disabled:hover{transform:none;box-shadow:0 2px 8px #0000001a}.category-icon-emoji{font-size:1.25rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.categories-bubble-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem;max-height:1000px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:1;transform:scaleY(1);transform-origin:top}.categories-bubble-grid.collapsed{max-height:0;margin-top:0;opacity:0;transform:scaleY(0)}.category-bubble{position:relative;padding:0;border:none;border-radius:1.25rem;background:transparent;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;min-height:120px}.category-bubble:disabled{cursor:not-allowed;opacity:.5}.category-bubble:not(:disabled):hover{transform:translateY(-4px) scale(1.02)}.category-bubble.active{transform:translateY(-4px) scale(1.05)}.category-bubble-inner{position:relative;display:flex;align-items:center;padding:1.5rem;height:100%;background:linear-gradient(135deg,var(--category-gradient));border-radius:1.25rem;color:#fff;text-align:left;z-index:2;transition:all .3s ease}.category-bubble:not(:disabled):hover .category-bubble-inner{background:linear-gradient(135deg,var(--category-gradient)),linear-gradient(135deg,rgba(255,255,255,.1),transparent)}.category-bubble.active .category-bubble-inner{background:linear-gradient(135deg,var(--category-gradient)),linear-gradient(135deg,rgba(255,255,255,.2),transparent);box-shadow:inset 0 0 0 2px #ffffff4d}.category-bubble-glow{position:absolute;inset:0;border-radius:1.25rem;background:linear-gradient(135deg,var(--category-gradient));filter:blur(8px);opacity:0;transition:opacity .3s ease;z-index:1}.category-bubble:not(:disabled):hover .category-bubble-glow{opacity:.6}.category-bubble.active .category-bubble-glow{opacity:.8}.category-icon{font-size:2.5rem;margin-right:1rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.category-info{flex:1}.category-name{font-size:1.125rem;font-weight:700;color:#fff;margin-bottom:.25rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.category-description{font-size:.875rem;color:#ffffffe6;margin-bottom:.5rem;line-height:1.3}.category-count{font-size:.75rem;font-weight:600;color:#fffc;background:#fff3;padding:.25rem .5rem;border-radius:.75rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:-moz-fit-content;width:fit-content}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.product-card{background:#fff;border-radius:.75rem;padding:1.5rem;border:2px solid #F3F4F6;transition:all .2s ease;position:relative;overflow:hidden}.product-card:hover{border-color:#f472b6;transform:translateY(-4px);box-shadow:0 8px 25px #f472b626}.product-card.recommendation{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}.product-image{position:relative;height:200px;background:#f9fafb;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;overflow:hidden}.product-image img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.product-placeholder{font-size:3rem;color:#9ca3af}.ai-badge{position:absolute;top:.5rem;right:.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.rank-badge{position:absolute;top:.5rem;left:.5rem;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.rank-badge.rank-1{background:linear-gradient(135deg,gold,orange);border:2px solid #FF8C00}.rank-badge.rank-2{background:linear-gradient(135deg,silver,#a8a8a8);border:2px solid #808080}.rank-badge.rank-3{background:linear-gradient(135deg,#cd7f32,#b8860b);border:2px solid #A0522D}.prime-badge{position:absolute;top:.5rem;left:.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.product-info{display:flex;flex-direction:column;gap:.75rem}.product-name{font-size:1.125rem;font-weight:600;color:#1f2937;line-height:1.4}.product-description{color:#6b7280;line-height:1.5;font-size:.9rem}.product-price{font-size:1.25rem;font-weight:700;color:#059669}.product-category{font-size:.875rem;color:#6b7280;background:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;width:-moz-fit-content;width:fit-content}.product-rating{display:flex;align-items:center;gap:.5rem;color:#fbbf24;font-size:1rem}.rating-number{color:#6b7280;font-size:.875rem}.review-count{font-size:.875rem;color:#6b7280}.product-features{font-size:.875rem}.product-features strong{color:#374151;display:block;margin-bottom:.25rem}.product-features ul{list-style:none;padding:0;margin:0}.product-features li{color:#6b7280;position:relative;padding:.125rem 0 .125rem 1rem}.product-features li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.amazon-button{margin-top:auto!important;background:linear-gradient(135deg,#f90,#f70)!important;border:none!important;color:#fff!important;font-weight:600!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;transition:all .2s ease!important}.amazon-button:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px #ff99004d!important}.recommendations-card{margin-bottom:2rem}.recommendations-card h3{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.recommendations-card p{color:#6b7280;margin-bottom:1rem}.loading-card{text-align:center;margin-bottom:2rem}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{width:2rem;height:2rem;border:3px solid #E5E7EB;border-top:3px solid #F472B6;border-radius:50%;animation:spin 1s linear infinite}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid #E5E7EB}.page-info{color:#6b7280;font-weight:500}.clear-filter{background:none;border:none;color:#6b7280;font-size:.875rem;cursor:pointer;margin-left:.5rem;padding:.25rem .5rem;border-radius:.25rem;transition:background-color .2s ease}.clear-filter:hover{background:#f3f4f6;color:#374151}.empty-state{text-align:center;margin:3rem 0}.empty-content{padding:2rem}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-content h3{font-size:1.5rem;font-weight:600;color:#374151;margin-bottom:.5rem}.empty-content p{color:#6b7280}@media (max-width: 768px){.products-page{padding:.5rem}.products-header h1{font-size:2rem}.search-input-group{flex-direction:column;gap:.5rem}.search-input-group button{width:100%}.categories-bubble-grid{grid-template-columns:1fr;gap:1rem}.category-bubble{min-height:100px}.category-bubble-inner{padding:1rem}.category-icon{font-size:2rem;margin-right:.75rem}.category-name{font-size:1rem}.category-description{font-size:.8rem}.products-grid{grid-template-columns:1fr;gap:1rem}.product-card{padding:1rem}.product-image{height:150px}.pagination{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.products-header h1{font-size:1.75rem}.categories-bubble-grid{grid-template-columns:1fr;gap:.75rem}.category-bubble{min-height:90px}.category-bubble-inner{padding:.75rem}.category-icon{font-size:1.75rem;margin-right:.5rem}.categories-header h3{font-size:1.5rem}.categories-header p{font-size:.9rem}}.category-bubble[style*=from-pink-400] .category-bubble-inner,.category-bubble[style*=from-pink-400] .category-bubble-glow{background:linear-gradient(135deg,#f472b6,#f43f5e)}.category-bubble[style*=from-purple-400] .category-bubble-inner,.category-bubble[style*=from-purple-400] .category-bubble-glow{background:linear-gradient(135deg,#a855f7,#6366f1)}.category-bubble[style*=from-blue-400] .category-bubble-inner,.category-bubble[style*=from-blue-400] .category-bubble-glow{background:linear-gradient(135deg,#60a5fa,#06b6d4)}.category-bubble[style*=from-green-400] .category-bubble-inner,.category-bubble[style*=from-green-400] .category-bubble-glow{background:linear-gradient(135deg,#4ade80,#10b981)}.category-bubble[style*=from-yellow-400] .category-bubble-inner,.category-bubble[style*=from-yellow-400] .category-bubble-glow{background:linear-gradient(135deg,#facc15,#f97316)}.category-bubble[style*=from-red-400] .category-bubble-inner,.category-bubble[style*=from-red-400] .category-bubble-glow{background:linear-gradient(135deg,#f87171,#f472b6)}.category-bubble[style*=from-teal-400] .category-bubble-inner,.category-bubble[style*=from-teal-400] .category-bubble-glow{background:linear-gradient(135deg,#2dd4bf,#06b6d4)}.category-bubble[style*=from-indigo-400] .category-bubble-inner,.category-bubble[style*=from-indigo-400] .category-bubble-glow{background:linear-gradient(135deg,#818cf8,#a855f7)}.category-bubble[style*=from-pink-300] .category-bubble-inner,.category-bubble[style*=from-pink-300] .category-bubble-glow{background:linear-gradient(135deg,#f9a8d4,#fb7185)}.category-bubble[style*=from-gray-400] .category-bubble-inner,.category-bubble[style*=from-gray-400] .category-bubble-glow{background:linear-gradient(135deg,#9ca3af,#64748b)}.stats-page{min-height:calc(100vh - 70px);padding:1.5rem 1rem;background:linear-gradient(135deg,#fdf2f8,#f3e8ff,#ecfdf5)}@media (max-width: 768px){.stats-page{padding:1rem .75rem}}.stats-container{max-width:1200px;margin:0 auto}.stats-header{text-align:center;margin-bottom:2rem}@media (max-width: 768px){.stats-header{margin-bottom:1.5rem}}.stats-title{font-size:1.875rem;font-weight:700;background:linear-gradient(135deg,#f472b6,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}@media (max-width: 768px){.stats-title{font-size:1.5rem}}.stats-subtitle{font-size:1.125rem;color:#4b5563}@media (max-width: 768px){.stats-subtitle{font-size:1rem}}.stats-section{margin-bottom:2rem}@media (max-width: 768px){.stats-section{margin-bottom:1.5rem}}.stats-section:last-child{margin-bottom:0}.section-header{margin-bottom:1rem;text-align:center}@media (max-width: 768px){.section-header{margin-bottom:.75rem}}.section-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}@media (max-width: 768px){.section-title{font-size:1.25rem}}.section-description{font-size:1rem;color:#4b5563}@media (max-width: 768px){.section-description{font-size:.875rem}}.stats-placeholder{padding:3rem 1.5rem;text-align:center}@media (max-width: 768px){.stats-placeholder{padding:2rem 1rem}}.placeholder-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}@media (max-width: 768px){.placeholder-icon{font-size:3rem}}.placeholder-text{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}@media (max-width: 768px){.placeholder-text{font-size:1.125rem}}.placeholder-subtitle{font-size:1rem;color:#6b7280}@media (max-width: 768px){.placeholder-subtitle{font-size:.875rem}}.no-baby-message{padding:3rem 1.5rem;text-align:center}.no-baby-message p{font-size:1.125rem;color:#4b5563}.ai-section{margin-bottom:2.5rem!important}.ai-error{display:flex;align-items:center;gap:.75rem;padding:1rem;text-align:center;justify-content:center;color:#ef4444}.ai-error .error-icon{font-size:1.25rem}.ai-summary-card{margin-bottom:1rem}.ai-summary{display:flex;align-items:flex-start;gap:.75rem;padding:1rem}.ai-summary .summary-icon{font-size:1.25rem;flex-shrink:0}.ai-summary .summary-text{font-size:1rem;color:#374151;line-height:1.6;flex:1}.ai-widgets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 1024px){.ai-widgets-grid{grid-template-columns:1fr}}.ai-insights-panel{background:#fffffff2;border:1px solid rgba(229,231,235,.8);border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.ai-insights-panel.loading,.ai-insights-panel.empty{display:flex;flex-direction:column}.ai-insights-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:linear-gradient(135deg,#818cf814,#a78bfa0d);border-bottom:1px solid rgba(229,231,235,.6)}.ai-insights-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;color:#1f2937;margin:0}.ai-insights-title .ai-icon{font-size:1.25rem}.ai-insights-count{font-size:.875rem;color:#4b5563;padding:.25rem .75rem;background:#818cf81a;border-radius:9999px}.ai-insights-loading,.ai-insights-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;gap:.75rem}.ai-insights-loading .spinner,.ai-insights-empty .spinner{width:40px;height:40px;border:3px solid rgba(129,140,248,.1);border-top-color:#818cf8;border-radius:50%;animation:spin .8s linear infinite}.ai-insights-loading .empty-icon,.ai-insights-empty .empty-icon{font-size:3rem;opacity:.3}.ai-insights-loading p,.ai-insights-empty p{color:#4b5563;font-size:1rem}.ai-insights-list{display:flex;flex-direction:column}.ai-insight-card{border-bottom:1px solid rgba(229,231,235,.6);transition:all .3s ease-in-out}.ai-insight-card:last-child{border-bottom:none}.ai-insight-card.expanded{background:#818cf805}.ai-insight-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem;background:transparent;border:none;cursor:pointer;transition:all .15s ease-in-out;text-align:left}.ai-insight-header:hover{background:#818cf80d}.ai-insight-header-content{display:flex;align-items:center;gap:.75rem;flex:1}.ai-insight-icon{font-size:1.25rem;flex-shrink:0}.ai-insight-header-text{display:flex;flex-direction:column;gap:.25rem;flex:1}.ai-insight-title{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.ai-insight-confidence{font-size:.75rem;font-weight:500;padding:2px .5rem;border-radius:.125rem;display:inline-block;width:-moz-fit-content;width:fit-content}.ai-insight-confidence.confidence-high{background:#4ade8026;color:#1ea44f}.ai-insight-confidence.confidence-medium{background:#fbbf2426;color:#846002}.ai-insight-confidence.confidence-low{background:#9ca3af26;color:#374151}.ai-insight-chevron{font-size:.75rem;color:#6b7280;transition:transform .3s ease-in-out;flex-shrink:0}.ai-insight-chevron.rotated{transform:rotate(180deg)}.ai-insight-description{padding:0 1rem 1rem 3rem}.ai-insight-description p{font-size:.875rem;color:#374151;line-height:1.6;margin:0}.alerts-widget{background:#fffffff2;border:1px solid rgba(229,231,235,.8);border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.alerts-widget.loading,.alerts-widget.empty{display:flex;flex-direction:column}.alerts-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:linear-gradient(135deg,#fbbf2414,#fb923c0d);border-bottom:1px solid rgba(229,231,235,.6)}.alerts-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;color:#1f2937;margin:0}.alerts-title .alert-icon{font-size:1.25rem}.alerts-count{font-size:.875rem;font-weight:700;color:#fff;padding:2px .5rem;background:#fbbf24;border-radius:9999px;min-width:24px;text-align:center}.alerts-loading,.alerts-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;gap:.75rem}.alerts-loading .spinner,.alerts-empty .spinner{width:40px;height:40px;border:3px solid rgba(251,191,36,.1);border-top-color:#fbbf24;border-radius:50%;animation:spin .8s linear infinite}.alerts-loading .empty-icon,.alerts-empty .empty-icon{font-size:3rem}.alerts-loading p,.alerts-empty p{color:#4b5563;font-size:1rem}.alerts-list{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.alert-card{border-radius:.375rem;padding:1rem;border:1px solid;transition:all .3s ease-in-out}.alert-card.alert-priority-info{background:#60a5fa0d;border-color:#60a5fa33}.alert-card.alert-priority-info .alert-priority-icon{color:#60a5fa}.alert-card.alert-priority-warning{background:#fbbf2414;border-color:#fbbf244d}.alert-card.alert-priority-warning .alert-priority-icon{color:#e8a804}.alert-card.alert-priority-urgent{background:#ef444414;border-color:#ef44444d}.alert-card.alert-priority-urgent .alert-priority-icon{color:#ef4444}.alert-card:hover{transform:translateY(-2px);box-shadow:0 1px 2px #0000000d}.alert-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.alert-priority-icon{font-size:1.25rem;flex-shrink:0;line-height:1}.alert-header-text{flex:1}.alert-title{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.alert-priority-label{font-size:.75rem;font-weight:500;color:#4b5563;text-transform:uppercase;letter-spacing:.05em}.alert-body{padding-left:2rem}.alert-description{font-size:.875rem;color:#374151;line-height:1.6;margin-bottom:.75rem}.alert-action{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#818cf80d;border-radius:.125rem;border-left:3px solid #818CF8}.alert-action .action-icon{font-size:1rem;flex-shrink:0}.alert-action .action-text{font-size:.875rem;color:#374151;font-weight:500;margin:0}.suggestions-card{background:#fffffff2;border:1px solid rgba(229,231,235,.8);border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.suggestions-card.loading,.suggestions-card.empty{display:flex;flex-direction:column}.suggestions-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:linear-gradient(135deg,#4ade8014,#60a5fa0d);border-bottom:1px solid rgba(229,231,235,.6)}.suggestions-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;color:#1f2937;margin:0}.suggestions-title .suggestion-icon{font-size:1.25rem}.suggestions-count{font-size:.875rem;color:#4b5563;padding:.25rem .75rem;background:#4ade801a;border-radius:9999px}.suggestions-loading,.suggestions-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;gap:.75rem}.suggestions-loading .spinner,.suggestions-empty .spinner{width:40px;height:40px;border:3px solid rgba(74,222,128,.1);border-top-color:#4ade80;border-radius:50%;animation:spin .8s linear infinite}.suggestions-loading .empty-icon,.suggestions-empty .empty-icon{font-size:3rem}.suggestions-loading p,.suggestions-empty p{color:#4b5563;font-size:1rem}.suggestions-list{display:flex;flex-direction:column}.suggestion-item{border-bottom:1px solid rgba(229,231,235,.6);transition:all .3s ease-in-out}.suggestion-item:last-child{border-bottom:none}.suggestion-item.expanded{background:#4ade8005}.suggestion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem;background:transparent;border:none;cursor:pointer;transition:all .15s ease-in-out;text-align:left}.suggestion-header:hover{background:#4ade800d}.suggestion-header-content{display:flex;align-items:center;gap:.75rem;flex:1}.suggestion-category-icon{font-size:1.25rem;flex-shrink:0}.suggestion-header-text{display:flex;flex-direction:column;gap:.25rem;flex:1}.suggestion-title{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.suggestion-category-label{font-size:.75rem;font-weight:500;padding:2px .5rem;border-radius:.125rem;display:inline-block;width:-moz-fit-content;width:fit-content}.suggestion-category-sleep .suggestion-category-label{background:#818cf81a;color:#818cf8}.suggestion-category-feeding .suggestion-category-label{background:#fb923c1a;color:#fa760a}.suggestion-category-activity .suggestion-category-label{background:#a78bfa1a;color:#a78bfa}.suggestion-category-general .suggestion-category-label{background:#60a5fa1a;color:#60a5fa}.suggestion-chevron{font-size:.75rem;color:#6b7280;transition:transform .3s ease-in-out;flex-shrink:0}.suggestion-chevron.rotated{transform:rotate(180deg)}.suggestion-body{padding:0 1rem 1rem 3rem}.suggestion-description{font-size:.875rem;color:#374151;line-height:1.6;margin-bottom:.75rem}.suggestion-benefits{background:#4ade800d;border-radius:.125rem;padding:.75rem;border-left:3px solid #4ADE80}.benefits-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.benefits-title .benefits-icon{font-size:1rem}.benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.benefit-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:#374151;line-height:1.5}.benefit-item .benefit-bullet{color:#4ade80;font-weight:700;flex-shrink:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.splash-page{min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#fdf2f8,#fff,#ebf8ff);overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left);padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}.splash-container{max-width:1280px;margin:0 auto;padding:0 1rem}@media (max-width: 640px){.splash-container{padding:0 .75rem}}@media (min-width: 640px){.splash-container{padding:0 1.5rem}}@media (min-width: 1024px){.splash-container{padding:0 2rem}}.splash-language-selector{position:fixed;top:calc(env(safe-area-inset-top) + 1rem);top:calc(constant(safe-area-inset-top) + 1rem);right:calc(env(safe-area-inset-right) + 1rem);right:calc(constant(safe-area-inset-right) + 1rem);z-index:9999}@media (max-width: 640px){.splash-language-selector{top:calc(env(safe-area-inset-top) + .75rem);top:calc(constant(safe-area-inset-top) + .75rem);right:calc(env(safe-area-inset-right) + .75rem);right:calc(constant(safe-area-inset-right) + .75rem)}}.splash-header{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(249,168,212,.1);position:sticky;top:0;z-index:1020;padding-top:env(safe-area-inset-top)}.splash-header__content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}@media (max-width: 640px){.splash-header__content{padding:1.5rem 0}}.splash-header__actions{display:flex;align-items:center;gap:.75rem}@media (max-width: 640px){.splash-header__actions{gap:.5rem}}.splash-logo{display:flex;align-items:center;gap:.75rem}.splash-logo__icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.splash-logo__icon svg{width:1.5rem;height:1.5rem;color:#fff}.splash-logo__image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:.5rem}.splash-logo__title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#f472b6,#fb7185,#fb923c);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.splash-logo__subtitle{font-size:.875rem;color:#6b7280;margin:0}.splash-logo--hero{justify-content:center;margin-bottom:2rem}.splash-logo--hero .splash-logo__icon{width:4rem;height:4rem}.splash-logo--hero .splash-logo__title{font-size:2.25rem}@media (max-width: 640px){.splash-logo--hero .splash-logo__title{font-size:1.875rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-weight:500;text-decoration:none;border:none;border-radius:.5rem;cursor:pointer;transition:all .15s ease-in-out;outline:none}.btn:focus{outline:2px solid #F472B6;outline-offset:2px}.btn--large{padding:1rem 2rem;font-size:1.125rem;border-radius:.75rem}.btn--header{padding:.5rem 1.5rem;font-size:1rem}.btn--primary{background:linear-gradient(135deg,#f472b6,#fb7185,#fb923c);color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn--primary:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-1px)}.btn--secondary{border:2px solid #D1D5DB;color:#374151;background:#fff}.btn--secondary:hover{border-color:#9ca3af;background:#f9fafb}.btn--white{background:#fff;color:#a78bfa;font-weight:700;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.btn--white:hover{background:#f9fafb;box-shadow:0 25px 50px -12px #00000040;transform:translateY(-1px)}.btn--outline-white{border:2px solid rgba(255,255,255,.3);color:#fff;background:transparent}.btn--outline-white:hover{border-color:#ffffff80;background:#ffffff1a}.btn svg{width:1.25rem;height:1.25rem}.splash-hero{padding:6rem 0 4rem}@media (max-width: 640px){.splash-hero{padding:3rem 0}}.splash-hero__content{text-align:center}.splash-hero__badges{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem}@media (min-width: 640px){.splash-hero__badges{flex-direction:row;justify-content:center;gap:1rem}}.splash-hero__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f9a8d41a;color:#be185d;border-radius:9999px;font-size:.875rem;font-weight:500}.splash-hero__badge svg{width:1rem;height:1rem}.splash-hero__badge--pediatrician{background:#0079c11a;color:#0079c1;padding:.75rem 1.25rem;border:1px solid rgba(0,121,193,.2)}.splash-hero__title{font-size:3rem;font-weight:700;color:#111827;margin-bottom:1.5rem;line-height:1.25}@media (min-width: 768px){.splash-hero__title{font-size:4.5rem}}.splash-hero__title-accent{background:linear-gradient(135deg,#f472b6,#fb7185,#fb923c);-webkit-background-clip:text;background-clip:text;color:transparent;display:block}.splash-hero__description{font-size:1.25rem;color:#4b5563;margin-bottom:3rem;max-width:48rem;margin-left:auto;margin-right:auto;line-height:1.625}.splash-hero__actions{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;margin-bottom:4rem}@media (min-width: 640px){.splash-hero__actions{flex-direction:row}}.splash-hero__cta svg{margin-left:.5rem}.splash-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:5rem}@media (min-width: 768px){.splash-stats{grid-template-columns:repeat(4,1fr)}}.splash-stat{text-align:center}.splash-stat__number{font-size:2.25rem;font-weight:700;margin-bottom:.5rem}.splash-stat__number.stat--pink{color:#be185d}.splash-stat__number.stat--blue{color:#1d4ed8}.splash-stat__number.stat--green{color:#059669}.splash-stat__number.stat--yellow{color:#d97706}.splash-stat__number.stat--amazon{color:#f90}.splash-stat__label{color:#4b5563;font-weight:500}.splash-stat--amazon{position:relative}.splash-stat--amazon:before{content:"";position:absolute;inset:-8px;background:linear-gradient(135deg,#f90,#146eb4);border-radius:.75rem;opacity:.1;z-index:-1}.splash-stat--amazon .splash-stat__number{background:linear-gradient(135deg,#f90,#146eb4);-webkit-background-clip:text;background-clip:text;color:transparent}.splash-stat--amazon .splash-stat__label{color:#f90;font-weight:600}.amazon-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#f90,#146eb4);-webkit-background-clip:text;background-clip:text;color:transparent}.amazon-badge__text{font-size:1.875rem;font-weight:700;line-height:1}.amazon-badge__verified{background:linear-gradient(135deg,#f90,#146eb4);color:#fff;border-radius:9999px;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;animation:amazonPulse 2s infinite}@keyframes amazonPulse{0%,to{transform:scale(1);box-shadow:0 0 #ff9900b3}50%{transform:scale(1.05);box-shadow:0 0 0 10px #f900}}.splash-endorsements{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:4rem}@media (min-width: 640px){.splash-endorsements{flex-direction:row;justify-content:center;gap:2rem}}.endorsement-card{background:#fff;border-radius:1rem;border:1px solid #F3F4F6;padding:1.5rem;text-align:center;transition:all .3s ease-in-out;flex:1;max-width:20rem;margin:0 auto}.endorsement-card:hover{border-color:#e5e7eb;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}@media (min-width: 640px){.endorsement-card{margin:0}}.endorsement-card__icon{margin-bottom:1rem;display:flex;justify-content:center;align-items:center;height:4rem}.endorsement-card__label{font-size:.875rem;font-weight:500;color:#4b5563;line-height:1.25}@media (min-width: 640px){.endorsement-card__label{font-size:1rem}}.endorsement-card--amazon{border-color:#f903;background:linear-gradient(135deg,#ff990005,#146eb405)}.endorsement-card--amazon:hover{border-color:#ff99004d;box-shadow:0 10px 25px #ff99001a}.endorsement-card--amazon .endorsement-card__label{color:#f90;font-weight:600}.endorsement-card--aap{border-color:#0079c133;background:linear-gradient(135deg,#0079c105 0% 100%)}.endorsement-card--aap:hover{border-color:#0079c14d;box-shadow:0 10px 25px #0079c11a}.endorsement-card--aap .endorsement-card__label{color:#0079c1;font-weight:600}.endorsement-card--gemini{border-color:#4285f433;background:linear-gradient(135deg,#4285f405,#34a85305)}.endorsement-card--gemini:hover{border-color:#4285f44d;box-shadow:0 10px 25px #4285f41a}.endorsement-card--gemini .endorsement-card__label{color:#4285f4;font-weight:600}.aap-icon{width:3rem;height:3rem;color:#0079c1}.gemini-icon{width:3rem;height:3rem}.pediatrician-badge{display:flex;align-items:center;gap:.75rem}.pediatrician-badge__icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:#0079c1;border-radius:.25rem;color:#fff}.pediatrician-badge__icon svg{width:1rem;height:1rem}.pediatrician-badge__text{font-size:.75rem;font-weight:600;color:#0079c1;line-height:1.25}@media (min-width: 640px){.pediatrician-badge__text{font-size:.875rem}}.splash-features{padding:5rem 0;background:#fff}.splash-features__header{text-align:center;margin-bottom:4rem}.splash-features__title{font-size:2.25rem;font-weight:700;color:#111827;margin-bottom:1rem}.splash-features__description{font-size:1.25rem;color:#4b5563;max-width:48rem;margin:0 auto}.splash-features__grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.splash-features__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.splash-features__grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:linear-gradient(135deg,#fff,#f9fafb);padding:2rem;border-radius:1rem;border:1px solid #F3F4F6;transition:all .3s ease-in-out}.feature-card:hover{border-color:#e5e7eb;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.feature-card__icon{margin-bottom:1.5rem;padding:.75rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;width:-moz-fit-content;width:fit-content;transition:all .3s ease-in-out}.feature-card:hover .feature-card__icon{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.feature-card__title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:1rem}.feature-card__description{color:#4b5563;margin-bottom:1.5rem;line-height:1.625}.feature-card__benefits{list-style:none;padding:0;margin:0}.feature-card__benefit{display:flex;align-items:center;font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.feature-card__benefit:last-child{margin-bottom:0}.feature-card__benefit-dot{width:6px;height:6px;background:linear-gradient(135deg,#f472b6,#fb7185,#fb923c);border-radius:9999px;margin-right:.75rem;flex-shrink:0}.feature-icon{width:2rem;height:2rem}.feature-icon--pink{color:#ec4899}.feature-icon--red{color:#ef4444}.feature-icon--blue{color:#3b82f6}.feature-icon--green{color:#10b981}.feature-icon--purple{color:#8b5cf6}.feature-icon--yellow{color:#f59e0b}.splash-products{padding:5rem 0;background:linear-gradient(135deg,#fdf2f8,#f3e8ff)}.splash-products__header{text-align:center;margin-bottom:4rem}.splash-products__title{font-size:2.25rem;font-weight:700;color:#111827;margin-bottom:1rem}.splash-products__description{font-size:1.25rem;color:#4b5563;max-width:48rem;margin:0 auto}.splash-products__showcase{background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@media (min-width: 768px){.splash-products__showcase{padding:3rem}}@media (min-width: 1024px){.splash-products__showcase{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}}@media (max-width: 1023px){.splash-products__content{margin-bottom:2.5rem}}.splash-products__content-title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:1.5rem}.splash-products__steps{margin-bottom:2rem}.splash-products__cta{margin-top:2rem}.product-step{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.product-step:last-child{margin-bottom:0}.product-step__number{width:2rem;height:2rem;background:linear-gradient(135deg,#f472b6,#fb7185,#fb923c);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem;flex-shrink:0;margin-top:.25rem}.product-step__title{font-weight:600;color:#111827;margin-bottom:.5rem}.product-step__description{color:#4b5563;margin:0}.products-preview{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:1rem;padding:2rem;border:2px dashed #E5E7EB;text-align:center}.products-preview__icon{width:5rem;height:5rem;background:linear-gradient(135deg,#f472b6,#fb7185,#fb923c);border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.products-preview__icon svg{width:2.5rem;height:2.5rem;color:#fff}.products-preview__title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:1rem}.products-preview__description{color:#4b5563;margin-bottom:1.5rem}.products-preview__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.products-preview__item{aspect-ratio:1;background:#fff;border-radius:.5rem;border:1px solid #E5E7EB;display:flex;align-items:center;justify-content:center}.products-preview__placeholder{width:2rem;height:2rem;background:#e5e7eb;border-radius:.25rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.splash-cta{padding:5rem 0;background:linear-gradient(135deg,#be185d,#7c3aed)}.splash-cta__content{max-width:64rem;margin:0 auto;text-align:center}.splash-cta__title{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:1.5rem}@media (min-width: 768px){.splash-cta__title{font-size:3rem}}.splash-cta__description{font-size:1.25rem;color:#f9a8d4;margin-bottom:2.5rem;line-height:1.625}.splash-cta__actions{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}@media (min-width: 640px){.splash-cta__actions{flex-direction:row}}.splash-cta__primary svg{margin-left:.5rem}.splash-cta__terms{color:#f9a8d4cc;font-size:.875rem;margin-top:1.5rem;margin-bottom:0}.splash-footer{background:#111827;color:#d1d5db;padding:3rem 0}.splash-footer__content{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.splash-footer__content{grid-template-columns:2fr 1fr 1fr}}.splash-footer__brand .splash-logo__title{color:#fff;background:none;-webkit-background-clip:unset;background-clip:unset}.splash-footer__brand .splash-logo__subtitle{color:#9ca3af}.splash-footer__description{color:#9ca3af;margin:1.5rem 0;max-width:28rem;line-height:1.625}.splash-footer__copyright{font-size:.875rem;color:#6b7280}.splash-footer__copyright p{margin:0}.splash-footer__copyright p:first-child{margin-bottom:.5rem}.splash-footer__links{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.splash-footer__links{grid-template-columns:1fr 1fr;gap:2rem}}.footer-section__title{font-weight:600;color:#fff;margin-bottom:1rem}.footer-section__list{list-style:none;padding:0;margin:0}.footer-section__list--simple{display:flex;gap:1.5rem;align-items:center;justify-content:flex-start;margin-bottom:1rem}@media (max-width: 640px){.footer-section__list--simple{flex-direction:column;align-items:flex-start;gap:.75rem}}.footer-section__link{color:#9ca3af;font-size:.875rem;text-decoration:none;line-height:2;transition:color .15s ease-in-out;white-space:nowrap}.footer-section__link:hover{color:#f472b6;text-decoration:none}@media (max-width: 640px){.splash-hero__title{font-size:2.25rem;margin-bottom:1rem}.splash-hero__description{font-size:1.125rem;margin-bottom:2rem}.splash-hero__actions{margin-bottom:3rem}.splash-features{padding:3rem 0}.splash-features__title{font-size:1.875rem;margin-bottom:.75rem}.splash-features__header{margin-bottom:3rem}.splash-products{padding:3rem 0}.splash-products__title{font-size:1.875rem;margin-bottom:.75rem}.splash-products__header{margin-bottom:3rem}.splash-products__showcase{padding:1.5rem}.splash-products__steps{margin-bottom:1.5rem}.splash-products__cta{margin-top:1.5rem}.splash-cta{padding:3rem 0}.splash-cta__title{font-size:1.875rem;margin-bottom:1rem}.splash-cta__description{margin-bottom:2rem}.feature-card{padding:1.5rem}.splash-endorsements{margin-bottom:3rem}}@media (max-width: 768px){body:has(.splash-page){position:static!important;overflow-y:auto!important;height:auto!important;-webkit-overflow-scrolling:touch!important}html:has(.splash-page){position:static!important;overflow-y:auto!important;height:auto!important}.splash-page{min-height:100vh;height:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;position:relative!important}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.verify-email-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fdf2f8,#f3e8ff,#ecfdf5);padding:1rem}.verify-email-container{width:100%;max-width:500px}.verify-email-wrapper{animation:fadeInUp .5s ease-out;position:relative}.verify-email-language-selector{position:absolute;top:1rem;right:1rem;z-index:100}@media (max-width: 640px){.verify-email-language-selector{top:.75rem;right:.75rem}}.verify-email-header{text-align:center;margin-bottom:1.5rem}.verify-email-header h1{font-size:1.875rem;font-weight:700;background:linear-gradient(135deg,#f472b6,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.verify-email-card{border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.verify-email-card .card-body{padding:2rem}@media (max-width: 640px){.verify-email-card .card-body{padding:1.5rem}}.verify-state{text-align:center;padding:1rem 0}.verify-state h2{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}@media (max-width: 640px){.verify-state h2{font-size:1.25rem}}.verify-state p{font-size:1rem;line-height:1.6;margin-bottom:1rem}.verify-loading .loading-spinner{width:60px;height:60px;border:4px solid rgba(244,114,182,.2);border-top:4px solid #F472B6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.verify-loading .loading-spinner.large{width:60px;height:60px}.verify-loading h2{color:#1f2937}.verify-loading p{color:#4b5563}.verify-success .success-icon-animated{font-size:5rem;margin-bottom:1rem;animation:bounceIn .6s ease-out}.verify-success .success-title{background:linear-gradient(135deg,#f472b6,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .6s ease-out .2s backwards}.verify-success .success-message{color:#4b5563;animation:fadeInUp .6s ease-out .4s backwards}.verify-success .countdown-box{background:linear-gradient(135deg,#f472b60f,#fb923c0f);border:1px solid rgba(244,114,182,.2);border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;animation:fadeInUp .6s ease-out .6s backwards}.verify-success .countdown-box p{margin:0;color:#374151;font-size:1rem}.verify-success .countdown-box .countdown-number{font-size:1.5rem;font-weight:700;color:#f472b6;display:inline-block;min-width:30px;animation:pulse 1s ease-in-out infinite}.verify-success .verify-action-btn{animation:fadeInUp .6s ease-out .8s backwards}.verify-error .error-icon{font-size:4rem;margin-bottom:1rem;animation:bounceIn .6s ease-out}.verify-error .error-title{color:#ef4444;animation:fadeInUp .6s ease-out .2s backwards}.verify-error .error-message{color:#374151;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;animation:fadeInUp .6s ease-out .4s backwards}.verify-error .error-actions{animation:fadeInUp .6s ease-out .6s backwards}.verify-action-btn{width:100%;margin-top:1rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reset-password-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fdf2f8,#f3e8ff,#ecfdf5);padding:1rem}.reset-password-container{width:100%;max-width:500px}.reset-password-wrapper{animation:fadeInUp .5s ease-out}.reset-password-header{text-align:center;margin-bottom:1.5rem}.reset-password-header h1{font-size:1.875rem;font-weight:700;background:linear-gradient(135deg,#f472b6,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.reset-password-card{border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reset-password-card .card-body{padding:2rem}@media (max-width: 640px){.reset-password-card .card-body{padding:1.5rem}}.reset-state{text-align:center;padding:1rem 0}.reset-state h2{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}@media (max-width: 640px){.reset-state h2{font-size:1.25rem}}.reset-state p{font-size:1rem;line-height:1.6;margin-bottom:1rem}.reset-loading .loading-spinner{width:60px;height:60px;border:4px solid rgba(244,114,182,.2);border-top:4px solid #F472B6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.reset-loading .loading-spinner.large{width:60px;height:60px}.reset-loading .loading-spinner.small{width:20px;height:20px;border-width:2px}.reset-loading h2{color:#1f2937}.reset-loading p{color:#4b5563}.reset-form{text-align:left}.reset-form .reset-icon{font-size:4rem;text-align:center;margin-bottom:1rem;animation:bounceIn .6s ease-out}.reset-form .reset-title{text-align:center;background:linear-gradient(135deg,#f472b6,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .6s ease-out .2s backwards}.reset-form .reset-message{text-align:center;color:#4b5563;animation:fadeInUp .6s ease-out .4s backwards;margin-bottom:1.5rem}.reset-form .reset-message strong{color:#f472b6;font-weight:600}.reset-form .password-form{animation:fadeInUp .6s ease-out .6s backwards}.reset-form .password-form .form-group{margin-bottom:1.25rem}.reset-form .password-form .form-group label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.reset-form .password-form .form-group input{width:100%;padding:.75rem;border:2px solid rgba(209,213,219,.3);border-radius:.5rem;font-size:1rem;background:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease-in-out}.reset-form .password-form .form-group input:focus{outline:none;border-color:#f472b6;background:#fffffff2;box-shadow:0 0 0 3px #f472b61a}.reset-form .password-form .form-group input:disabled{opacity:.6;cursor:not-allowed}.reset-form .password-form .form-group .form-error{display:block;font-size:.75rem;color:#ef4444;margin-top:.25rem}.reset-form .password-form .password-requirements{background:linear-gradient(135deg,#f472b60f,#fb923c0f);border:1px solid rgba(244,114,182,.2);border-radius:.5rem;padding:1rem;margin-bottom:1.25rem}.reset-form .password-form .password-requirements p{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#374151}.reset-form .password-form .password-requirements ul{margin:0;padding-left:1rem;list-style:none}.reset-form .password-form .password-requirements ul li{font-size:.875rem;color:#4b5563;margin-bottom:.25rem;position:relative;padding-left:1.25rem}.reset-form .password-form .password-requirements ul li:before{content:"○";position:absolute;left:0;color:#9ca3af;font-weight:700}.reset-form .password-form .password-requirements ul li.valid{color:#4ade80}.reset-form .password-form .password-requirements ul li.valid:before{content:"✓";color:#4ade80}.reset-form .password-form .reset-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.reset-success .success-icon-animated{font-size:5rem;margin-bottom:1rem;animation:bounceIn .6s ease-out}.reset-success .success-title{background:linear-gradient(135deg,#f472b6,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .6s ease-out .2s backwards}.reset-success .success-message{color:#4b5563;animation:fadeInUp .6s ease-out .4s backwards}.reset-success .redirect-message{background:linear-gradient(135deg,#f472b60f,#fb923c0f);border:1px solid rgba(244,114,182,.2);border-radius:.5rem;padding:.75rem;margin-bottom:1.5rem;color:#374151;font-size:.875rem;animation:fadeInUp .6s ease-out .6s backwards}.reset-success .reset-action-btn{animation:fadeInUp .6s ease-out .8s backwards}.reset-error .error-icon{font-size:4rem;margin-bottom:1rem;animation:bounceIn .6s ease-out}.reset-error .error-title{color:#ef4444;animation:fadeInUp .6s ease-out .2s backwards}.reset-error .error-message{color:#374151;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;animation:fadeInUp .6s ease-out .4s backwards}.reset-error .error-actions{animation:fadeInUp .6s ease-out .6s backwards}.reset-action-btn{width:100%;margin-top:1rem}.legal-page{min-height:100vh;background:linear-gradient(135deg,#fdf2f8,#f3e8ff,#ecfdf5);padding:2rem 1rem}@media (max-width: 640px){.legal-page{padding:1.5rem .75rem}}.legal-container{max-width:900px;margin:0 auto}.legal-back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fffffff2;border:1px solid rgba(244,114,182,.2);border-radius:.5rem;color:#f472b6;font-weight:500;font-size:1rem;cursor:pointer;transition:all .3s ease-in-out;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 2px #0000000d}.legal-back-button svg{width:20px;height:20px}.legal-back-button:hover{background:#fff;border-color:#f472b666;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translate(-2px)}@media (max-width: 640px){.legal-back-button{padding:.5rem .75rem;font-size:.875rem}}.legal-content{background:#fffffff2;border-radius:.75rem;padding:2rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}@media (max-width: 768px){.legal-content{padding:1.5rem}}@media (max-width: 640px){.legal-content{padding:1rem}}.legal-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;background:linear-gradient(135deg,#f472b6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.legal-title{font-size:2rem}}@media (max-width: 640px){.legal-title{font-size:1.75rem}}.legal-updated{font-size:.875rem;color:#4b5563;margin-bottom:2rem;font-weight:500}@media (max-width: 640px){.legal-updated{margin-bottom:1.5rem}}.legal-section{margin-bottom:2rem}@media (max-width: 640px){.legal-section{margin-bottom:1.5rem}}.legal-section h2{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid rgba(244,114,182,.1)}@media (max-width: 640px){.legal-section h2{font-size:1.5rem;margin-bottom:.75rem}}.legal-section h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-top:1.5rem;margin-bottom:.75rem}@media (max-width: 640px){.legal-section h3{font-size:1.125rem;margin-top:1rem}}.legal-section h4{font-size:1.125rem;font-weight:600;color:#1f2937;margin-top:1rem;margin-bottom:.5rem}@media (max-width: 640px){.legal-section h4{font-size:1rem}}.legal-section p{font-size:1rem;color:#4b5563;line-height:1.8;margin-bottom:1rem}@media (max-width: 640px){.legal-section p{font-size:.875rem;line-height:1.7}}.legal-section ul{list-style:none;padding-left:0;margin-bottom:1rem}.legal-section ul li{font-size:1rem;color:#4b5563;line-height:1.8;margin-bottom:.5rem;padding-left:1.5rem;position:relative}@media (max-width: 640px){.legal-section ul li{font-size:.875rem;padding-left:1.25rem}}.legal-section ul li:before{content:"•";position:absolute;left:.75rem;color:#f472b6;font-weight:700;font-size:1.2em}@media (max-width: 640px){.legal-section ul li:before{left:.5rem}}.legal-section ul li strong{color:#1f2937;font-weight:600}.legal-warning{background:linear-gradient(135deg,#fbbf241a,#fb923c1a);border-left:4px solid #FB923C;padding:1rem;border-radius:.375rem;margin:1rem 0}.legal-warning strong{color:#fb923c;display:block;margin-bottom:.5rem}html{scroll-behavior:smooth}@media print{.legal-page{background:#fff;padding:0}.legal-back-button{display:none}.legal-content{box-shadow:none;border:none;padding:0}.legal-title{-webkit-text-fill-color:unset;background:none;color:#000}.legal-section{page-break-inside:avoid}}.wishlist-page{padding:1.5rem;max-width:1200px;margin:0 auto}.wishlist-page .page-header{margin-bottom:2rem;text-align:center}.wishlist-page .page-header h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.wishlist-page .page-header .page-subtitle{font-size:1.125rem;color:#4b5563}.wishlist-page .loading-state{text-align:center;padding:3rem 0;color:#4b5563}.wishlist-page .error-message{background:#ef44441a;border:1px solid #EF4444;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;color:#ef4444;text-align:center}.wishlist-page .empty-state{margin-top:2rem}.wishlist-page .empty-state .empty-content{text-align:center;padding:3rem 1.5rem}.wishlist-page .empty-state .empty-content .empty-icon{font-size:4rem;display:block;margin-bottom:1rem}.wishlist-page .empty-state .empty-content h2{font-size:1.75rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.wishlist-page .empty-state .empty-content p{font-size:1.125rem;color:#4b5563;margin-bottom:1.5rem}.wishlist-page .wishlists-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.wishlist-page .wishlists-header h2{font-size:1.5rem;font-weight:600;color:#1f2937}@media (max-width: 640px){.wishlist-page .wishlists-header{flex-direction:column;gap:1rem;align-items:stretch}.wishlist-page .wishlists-header button{width:100%}}.wishlist-page .wishlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}@media (max-width: 640px){.wishlist-page .wishlists-grid{grid-template-columns:1fr}}.wishlist-page .wishlist-card .wishlist-header{margin-bottom:1rem}.wishlist-page .wishlist-card .wishlist-header h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.wishlist-page .wishlist-card .wishlist-header .due-date{font-size:.875rem;color:#4b5563}.wishlist-page .wishlist-card .wishlist-message{font-size:.875rem;color:#4b5563;margin-bottom:1rem;line-height:1.5}.wishlist-page .wishlist-card .wishlist-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem 0;border-top:1px solid rgba(156,163,175,.3);border-bottom:1px solid rgba(156,163,175,.3);margin-bottom:1rem}.wishlist-page .wishlist-card .wishlist-stats .stat{text-align:center}.wishlist-page .wishlist-card .wishlist-stats .stat .stat-icon{font-size:1.5rem;display:block;margin-bottom:.25rem}.wishlist-page .wishlist-card .wishlist-stats .stat .stat-value{font-size:1.25rem;font-weight:600;color:#a78bfa;display:block;margin-bottom:.25rem}.wishlist-page .wishlist-card .wishlist-stats .stat .stat-label{font-size:.75rem;color:#4b5563;text-transform:uppercase;letter-spacing:.5px}.wishlist-page .wishlist-card .wishlist-actions{display:flex;gap:.75rem}.wishlist-page .wishlist-card .wishlist-actions button{flex:1}@media (max-width: 640px){.wishlist-page .wishlist-card .wishlist-actions{flex-direction:column}.wishlist-page .wishlist-card .wishlist-actions button{width:100%}}