@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--moh-blue-600: #007cba;--moh-blue-500: #2ea2e8;--moh-green-500: #46b450;--moh-red-500: #dc3232;--moh-orange-500: #f59e0b;--calm-bg: #f8fafc;--card-bg: #ffffff;--text-primary: #1e293b;--text-secondary: #475569;--text-tertiary: #94a3b8;--border-color: #f1f5f9;--glass-bg: rgba(255, 255, 255, .9);--hover-bg: rgba(0, 124, 186, .05);--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif;font-family:var(--font-family);line-height:1.55;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--calm-bg)}@media(prefers-color-scheme:dark){:root{--calm-bg: #0f172a;--card-bg: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-tertiary: #64748b;--border-color: #334155;--glass-bg: rgba(15, 23, 42, .9);--hover-bg: rgba(255, 255, 255, .05)}}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}body{min-width:320px;overscroll-behavior:none;-webkit-overflow-scrolling:touch;height:-webkit-fill-available;padding-bottom:env(safe-area-inset-bottom)}@supports (height: 100dvh){.app{height:100dvh}}@supports not (height: 100dvh){.app{height:100vh}}@supports (-webkit-touch-callout: none){.app{height:-webkit-fill-available}}h1{font-size:clamp(1.625rem,4.5vw,2rem);font-weight:600;line-height:1.25;margin:1.25rem 0 .875rem;letter-spacing:-.02em}h2{font-size:clamp(1.375rem,4vw,1.75rem);font-weight:600;line-height:1.3;margin:1rem 0 .625rem;letter-spacing:-.015em}h3{font-size:clamp(1.125rem,3.5vw,1.375rem);font-weight:600;margin:.875rem 0 .5rem;letter-spacing:-.01em}h4{font-size:1rem;font-weight:600;margin:.75rem 0 .5rem}p{margin:0 0 .625rem;line-height:1.5;color:var(--text-secondary)}.text-moh-blue-600{color:var(--moh-blue-600)!important}.text-moh-blue-500{color:var(--moh-blue-500)!important}.text-moh-green-500{color:var(--moh-green-500)!important}.text-moh-red-500{color:var(--moh-red-500)!important}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-tertiary{color:var(--text-tertiary)!important}.bg-moh-blue-600{background:var(--moh-blue-600)!important}.bg-moh-green-500{background:var(--moh-green-500)!important}.bg-moh-blue-50{background:#007cba14}.bg-gradient-moh-blue{background:linear-gradient(135deg,var(--moh-blue-600),var(--moh-blue-500))}.bg-gray-50{background:#f7fafc}.rounded-3xl{border-radius:1.375rem}.rounded-2xl{border-radius:1rem}.rounded-xl{border-radius:.75rem}.rounded-lg{border-radius:.625rem}.rounded-md{border-radius:.5rem}.rounded-full{border-radius:9999px}.shadow-2xl{box-shadow:0 10px 25px #00000014,0 4px 10px #0000000a}.shadow-lg{box-shadow:0 4px 12px #0000000f,0 2px 4px #00000008}.shadow-md{box-shadow:0 2px 8px #0000000d}.shadow-sm{box-shadow:0 1px 3px #0000000a}.icon-container{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease-out}@media(prefers-color-scheme:dark){.icon-container{background:#ffffff0d}}.icon-container-sm{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-container-lg{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bottom-nav{position:fixed;inset:auto 0 0;z-index:1000;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border-top:1px solid rgba(0,0,0,.06);padding-bottom:env(safe-area-inset-bottom);height:calc(env(safe-area-inset-bottom) + 60px)}.nav-container{height:60px;display:flex;align-items:center;justify-content:space-around;padding:0 8px;max-width:480px;margin:0 auto;gap:2px}.nav-tab{flex:1;max-width:72px;height:100%;padding:6px 4px!important;gap:2px!important;border-radius:12px!important;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;position:relative;color:var(--text-tertiary)}.nav-tab:active{transform:scale(.96)!important}.nav-tab.active,.nav-tab[aria-current=page]{color:var(--moh-blue-600)!important;background:#007cba14!important}.nav-tab:hover:not(.active){color:var(--text-secondary);background:var(--hover-bg)}.nav-tab svg,.nav-icon{width:22px!important;height:22px!important;stroke-width:1.8;transition:all .2s ease-out;flex-shrink:0}.nav-tab.active svg,.nav-tab[aria-current=page] svg,.nav-tab.active .nav-icon{stroke-width:2.5!important;color:var(--moh-blue-600)!important}.tab-label{font-size:9.5px!important;font-weight:600!important;line-height:1.1!important;margin:1px 0 0!important;letter-spacing:-.15px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.kid-card,.handbook-card{border:1px solid var(--border-color);background:var(--card-bg);transition:all .2s ease-out;padding:1rem;border-radius:.75rem}.kid-card:hover,.handbook-card:hover{transform:translateY(-1px);box-shadow:0 8px 20px #00000014;border-color:#007cba33}.kid-card:active,.handbook-card:active{transform:translateY(0)}.events-banner{animation:slideInUp .4s cubic-bezier(.25,.46,.45,.94);border-radius:.75rem;padding:.875rem 1rem;display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#007cba0f,#2ea2e814);border:1px solid rgba(0,124,186,.12)}@keyframes slideInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.status-badge{padding:.3125rem .625rem;border-radius:20px;font-size:.6875rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;letter-spacing:-.01em}.status-complete{background:#46b4501f;color:var(--moh-green-500)}.status-due{background:#f59e0b1f;color:var(--moh-orange-500)}.status-overdue{background:#dc32321f;color:var(--moh-red-500)}button:not(.nav-tab){border-radius:10px;padding:.6875rem 1.25rem;font-size:.9375rem;font-weight:500;min-height:44px;border:1px solid transparent;transition:all .15s ease-out;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;font-family:var(--font-family)}button.primary{background:var(--moh-blue-600);color:#fff;border-color:#007cba33;box-shadow:0 2px 6px #007cba26}button.primary:hover{background:#006aa3;box-shadow:0 4px 12px #007cba40}button.primary:active{transform:scale(.98);box-shadow:0 1px 3px #007cba33}button.secondary{background:#fff;color:var(--moh-blue-600);border-color:var(--border-color)}button.secondary:hover{background:#007cba0a;border-color:var(--moh-blue-600)}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}input,textarea,select{font-family:var(--font-family);font-size:.9375rem;padding:.6875rem 1rem;border:1px solid var(--border-color);border-radius:.625rem;background:#fff;color:var(--text-primary);transition:all .15s ease-out;min-height:44px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--moh-blue-600);box-shadow:0 0 0 3px #007cba1a}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}main{height:calc(100dvh - 60px);overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:env(safe-area-inset-bottom)}main::-webkit-scrollbar{display:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.5rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;gap:1rem;color:var(--text-secondary)}.empty-state-icon{width:64px;height:64px;color:var(--text-tertiary);opacity:.5}.notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--moh-red-500);border-radius:50%;border:2px solid white;animation:pulse 2s infinite}.divider{height:1px;background:var(--border-color);margin:1rem 0}.header-section{padding:1rem 1rem .5rem;background:#fff;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2}@media(prefers-color-scheme:dark){.header-section{background:#0f172af2;border-bottom-color:var(--border-color)}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(max-width:360px){.nav-tab{padding:5px 2px!important;max-width:64px}.tab-label{font-size:9px!important;letter-spacing:-.2px}.nav-icon,.nav-tab svg{width:20px!important;height:20px!important}.bottom-nav{height:calc(env(safe-area-inset-bottom) + 56px)}.nav-container{height:56px;padding:0 4px}}@media(min-width:400px){.nav-container{max-width:500px;gap:4px}.nav-tab{max-width:80px;padding:6px!important}.tab-label{font-size:10px!important}.kid-card,.handbook-card{padding:1.25rem}}@media(min-width:480px){.nav-tab{max-width:88px}.tab-label{font-size:10.5px!important}}@supports (padding: max(0px)){body{padding-bottom:max(env(safe-area-inset-bottom),0px)}}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--moh-blue-600);outline-offset:2px}html{scroll-behavior:smooth}::selection{background:var(--moh-blue-600);color:#fff}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-top:1rem;padding-bottom:1rem}.m-0{margin:0}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.relative{position:relative}.absolute{position:absolute}.handbook-image-thumb{width:100%;height:100%;object-fit:cover;border-radius:12px;transition:transform .3s ease}.category-card:hover .handbook-image-thumb{transform:scale(1.05)}.handbook-icon-thumb{width:100%!important;height:160px!important;object-fit:contain!important;border-radius:12px!important;background:#fff!important;display:block;margin-bottom:.75rem;padding:8px!important}.topic-card{display:flex!important;flex-direction:column!important;padding:1rem!important;align-items:flex-start!important;height:100%!important;min-height:280px!important;border-radius:16px!important}.topic-card-header{width:100%;margin-bottom:.5rem;position:relative}.topic-icon-item{width:100%!important;height:auto!important;padding:0!important;background:transparent!important;border:none!important}.topic-card-header:has(.handbook-icon-thumb) .topic-icon-item{background:#fff!important;overflow:hidden;border-radius:12px;border:1px solid var(--border-color)!important;box-shadow:0 4px 12px #0000000d}.topic-card h4{font-size:1.25rem!important;font-weight:800!important;margin:.5rem 0 .25rem!important;color:var(--text-primary)}.topic-summary{font-size:.95rem!important;line-height:1.5!important;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.video-badge{position:absolute;top:12px;right:12px;z-index:2;background:#dc3232!important;color:#fff;padding:6px 12px;border-radius:8px;font-size:10px;font-weight:900;display:flex;align-items:center;gap:4px}.handbook-hero{background:linear-gradient(135deg,var(--moh-blue-600) 0%,#005a87 100%);padding:3rem 1rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;gap:2rem;position:relative;overflow:hidden;color:#fff;width:100%}.handbook-hero:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 35c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57 43c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM58 18c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM11 65c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm54 13c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm1-50c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm-50 17c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm34 40c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zM15 4c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm62 76c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zM5 52c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm65 43c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zM26 60c5.523 0 10-4.477 10-10S31.523 40 26 40s-10 4.477-10 10 4.477 10 10 10zm52-45c5.523 0 10-4.477 10-10S83.523 -5 78 -5s-10 4.477-10 10 4.477 10 10 10zM12 25C5.373 25 0 19.627 0 13S5.373 1 12 1s12 5.373 12 12-5.373 12-12 12zm60 30c-6.627 0-12-5.373-12-12s5.373-12 12-12 12 5.373 12 12-5.373 12-12 12zm-35 50c-7.732 0-14-6.268-14-14s6.268-14 14-14 14 6.268 14 14-6.268 14-14 14zm47-81c-10.493 0-19-8.507-19-19S61.507 -40 72 -40s19 8.507 19 19-8.507 19-19 19zM22 13c-11.598 0-21-9.402-21-21s9.402-21 21-21 21 9.402 21 21-9.402 21-21 21zm60 90c-12.703 0-23-10.297-23-23s10.297-23 23-23 23 10.297 23 23-10.297 23-23 23zm-50-95c-15.464 0-28-12.536-28-28s12.536-28 28-28 28 12.536 28 28-12.536 28-28 28zm80 40c-18.778 0-34-15.222-34-34s15.222-34 34-34 34 15.222 34 34-15.222 34-34 34z' fill='%23ffffff' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.4;z-index:0}@keyframes meshRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes heroReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-image-container{width:140px;height:190px;flex-shrink:0;border-radius:8px;overflow:hidden;box-shadow:20px 20px 60px #0000004d,inset 2px 0 5px #fff3;border:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.hero-image-container:after{content:"";position:absolute;top:0;left:0;bottom:0;width:12px;background:linear-gradient(to right,rgba(0,0,0,.2) 0%,transparent 100%);z-index:2}.handbook-hero:hover .hero-image-container{transform:scale(1.02)}.hero-cover-image{width:100%;height:100%;object-fit:cover}.hero-content{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#fff;background:#ffffff26;padding:4px 10px;border-radius:100px;margin-bottom:.75rem;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-content h2{font-size:1.75rem;font-weight:900;color:#fff;margin:0 0 .75rem;line-height:1.1;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.2)}.hero-content p{font-size:.95rem;color:#ffffffe6;line-height:1.5;margin:0;max-width:480px}.topic-card{background:#fff!important;border:1px solid rgba(0,0,0,.05)!important;border-radius:20px!important;padding:1.25rem!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000005!important}.topic-card:hover{transform:translateY(-8px)!important;box-shadow:0 20px 40px -12px #0000001a!important;border-color:#007cba26!important}.topic-card-header:has(.handbook-icon-thumb) .topic-icon-item{border-radius:16px;border:none!important;box-shadow:none!important;background:#f1f5f9!important}.handbook-icon-thumb{height:180px!important;padding:0!important;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.topic-card:hover .handbook-icon-thumb{transform:scale(1.08)}.topic-card h4{font-size:1.35rem!important;margin-top:1rem!important;letter-spacing:-.02em}.topic-summary{font-size:1rem!important;color:#64748b!important}.video-badge{top:15px;right:15px;padding:8px 14px;font-size:.7rem;box-shadow:0 10px 15px -3px #dc323266}.topic-card{background:transparent!important;border:none!important;border-radius:0!important;padding:1.25rem .5rem!important;transition:all .3s ease!important;box-shadow:none!important}.topic-card:hover{transform:none!important;box-shadow:none!important;background:#007cba08!important;border-radius:16px!important}.topic-card-header:has(.handbook-icon-thumb) .topic-icon-item{border-radius:16px;border:none!important;box-shadow:none!important;background:#fff!important}.handbook-icon-thumb{height:180px!important;padding:0!important;transition:transform .4s ease}.topic-card:hover .handbook-icon-thumb{transform:scale(1.03)}.topic-card h4{font-size:1.35rem!important;margin-top:1rem!important;letter-spacing:-.02em;font-weight:800!important}.topic-summary{font-size:1rem!important;color:#64748b!important;line-height:1.5!important}.video-badge{top:10px;right:10px;padding:6px 12px;font-size:.65rem;box-shadow:none}.cinema-mode-active{background-color:#000!important}.cinema-mode-active .bottom-nav{background-color:#000!important;border-top:1px solid rgba(255,255,255,.1)!important;box-shadow:0 -10px 40px #000c!important}.cinema-mode-active .nav-tab{color:#fff6!important}.cinema-mode-active .nav-tab.active{color:var(--moh-blue-400)!important}.cinema-mode-active .nav-tab.active:after{background:var(--moh-blue-400)!important;box-shadow:0 0 10px var(--moh-blue-500)!important}.cinema-mode-active .tab-label{color:inherit!important}.pwa-install-banner{position:fixed;bottom:70px;left:12px;right:12px;z-index:9999;background:var(--card-bg, #fff);border-radius:16px;padding:14px 16px;box-shadow:0 8px 32px #0000002e,0 2px 8px #00000014;border:1px solid rgba(0,0,0,.06);animation:pwaSlideUp .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:12px;max-width:420px;margin:0 auto}@keyframes pwaSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.pwa-install-content{display:flex;align-items:center;gap:12px}.pwa-install-icon{width:48px;height:48px;border-radius:12px;object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.pwa-install-text{display:flex;flex-direction:column;gap:2px}.pwa-install-text strong{font-size:15px;font-weight:700;color:var(--text-primary, #1a1a2e)}.pwa-install-text span{font-size:12px;color:var(--text-secondary, #6b7280);line-height:1.3}.pwa-install-actions{display:flex;gap:8px;justify-content:flex-end}.pwa-install-dismiss{padding:8px 16px;border:none;background:none;color:var(--text-tertiary, #9ca3af);font-size:13px;font-weight:500;cursor:pointer;border-radius:8px}.pwa-install-dismiss:active{background:#0000000a}.pwa-install-btn{padding:8px 24px;border:none;background:#237672;color:#fff;font-size:13px;font-weight:700;cursor:pointer;border-radius:8px;letter-spacing:.02em;transition:background .15s}.pwa-install-btn:active{background:#1a5c59}.top-nav{display:flex;align-items:center;justify-content:space-between;height:100px;padding:8px 0 8px 24px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000000d}@media(prefers-color-scheme:dark){.top-nav{background:#0f172a;border-bottom:1px solid #334155;box-shadow:0 1px 3px #0000004d}}.nav-brand{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;flex-shrink:0;transition:all .2s ease;padding:0 0 0 12px}.nav-brand:hover{transform:scale(1.05)}.health-badge{display:flex;align-items:center;gap:6px;padding:0;transition:all .2s ease;white-space:nowrap}.brand-name{font-size:13px;font-weight:800;color:#237672;letter-spacing:-.4px;line-height:1.1}.brand-subtitle{font-size:8px;font-weight:700;color:#64748b;letter-spacing:.5px;line-height:1.1;text-transform:uppercase}.health-symbol{font-size:24px;font-weight:800;color:#237672;line-height:1;display:flex;align-items:center;justify-content:center;text-shadow:0 2px 4px rgba(35,118,114,.1);flex-shrink:0}.brand-text{display:flex;flex-direction:column;gap:0}@media(prefers-color-scheme:dark){.health-symbol{color:#14b8a6;text-shadow:0 2px 4px rgba(20,184,166,.15)}.brand-name{color:#14b8a6}.brand-subtitle{color:#94a3b8}}.nav-actions{display:flex;align-items:center;gap:4px;margin-left:auto;padding-right:0}.nav-btn{background:none;border:none;padding:4px;border-radius:0;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .15s ease;position:relative;min-width:auto;height:auto}.nav-btn:hover{background:none;color:#237672}.nav-btn:active{transform:scale(.95)}@media(prefers-color-scheme:dark){.nav-btn{color:#94a3b8}.nav-btn:hover{background:none;color:#14b8a6}}.nav-icon{width:24px;height:24px}.notification-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid #ffffff}@media(prefers-color-scheme:dark){.notification-dot{border-color:#0f172a}}.profile-btn{background:none;border:none;padding:0;margin:0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.profile-btn:hover{transform:scale(1.1);opacity:1}.profile-btn:active{transform:scale(.95)}.profile-btn svg{display:block;width:44px;height:44px}@media(max-width:640px){.top-nav{height:56px;padding:0 16px 0 12px}.nav-actions{gap:4px}.nav-btn{min-width:36px;height:36px;padding:6px}.nav-icon{width:20px;height:20px}.profile-btn svg{width:32px;height:32px}}.nav-btn:focus-visible,.profile-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media(prefers-reduced-motion:reduce){.nav-btn,.profile-btn,.top-nav{transition:none}}:root{--primary-color: #4A9FBF;--primary-dark: #3B8AA8;--secondary-color: #10B981;--secondary-dark: #059669;--accent-pink: #EC4899;--accent-pink-light: #F472B6;--text-primary: #2C3E50;--text-secondary: #5A6C7D;--text-muted: #94A3B8;--bg-primary: #f8fafc;--card-bg: #FFFFFF;--border-color: rgba(74, 159, 191, .2);--shadow-sm: 0 2px 8px rgba(74, 159, 191, .08);--shadow-md: 0 4px 16px rgba(74, 159, 191, .12);--shadow-lg: 0 8px 24px rgba(74, 159, 191, .16);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.home-screen{padding:20px 16px 24px;max-width:640px;margin:0 auto;background:var(--bg-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.welcome-section{margin-bottom:24px}.welcome-title{font-size:28px;font-weight:800;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.5px;line-height:1.2}.welcome-date{color:var(--text-secondary);font-size:15px;font-weight:600}.section-title{font-size:20px;font-weight:800;color:var(--text-primary);margin:0 0 16px;letter-spacing:-.3px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.viewing-section{margin-bottom:24px;padding:20px;background:#f1f5f9;border-radius:var(--radius-lg)}.viewing-label{font-size:12px;font-weight:700;color:#5a6c7d;letter-spacing:.5px;margin:0 0 16px}.children-avatars{display:flex;align-items:flex-start;gap:20px;overflow-x:auto;padding:4px 0;-webkit-overflow-scrolling:touch}.children-avatars::-webkit-scrollbar{display:none}.avatar-item{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:80px;cursor:pointer;transition:var(--transition)}.avatar-item:hover{transform:translateY(-4px)}.avatar-circle{width:70px;height:70px;border-radius:50%;border:3px solid transparent;overflow:hidden;position:relative;background:#fff;transition:var(--transition)}.avatar-item.active .avatar-circle{border-color:var(--primary-color)}.avatar-circle img{width:100%;height:100%;object-fit:cover}.active-indicator{position:absolute;bottom:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 8px #00000026;animation:indicator-pop .3s cubic-bezier(.34,1.56,.64,1);z-index:2}@keyframes indicator-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.avatar-circle.add{border:2px dashed #94A3B8;background:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;color:#94a3b8;transition:var(--transition)}.avatar-item.add-child:hover .avatar-circle.add{border-color:var(--primary-color);color:var(--primary-color);background:#4a9fbf0d}.avatar-name{font-size:14px;font-weight:700;color:var(--text-primary);margin:0;text-align:center}.avatar-age{font-size:12px;color:var(--text-secondary);margin:0;text-align:center;font-weight:500}.event-section{margin-bottom:24px}.event-card{display:flex;align-items:center;gap:16px;padding:8px 0;background:transparent;border:none;border-radius:0;box-shadow:none;transition:var(--transition);cursor:pointer}.event-card:hover{transform:translate(4px)}.event-icon{width:44px;height:44px;border-radius:12px;background:#fff;border:1.5px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;box-shadow:var(--shadow-sm)}.event-details{flex:1;min-width:0}.event-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.event-info{display:flex;flex-direction:column;gap:6px}.event-info-item{display:flex;align-items:center;line-height:1}.event-icon-svg{margin-right:6px;flex-shrink:0}.no-children-msg{align-self:center;padding:0 20px;color:#718096;font-size:14px}.event-time,.event-location{font-size:14px;color:var(--text-secondary);font-weight:500}.event-action{width:40px;height:40px;border-radius:50%;background:#4a9fbf1a;border:2px solid var(--primary-color);color:var(--primary-color);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);flex-shrink:0}.event-action:hover{background:var(--primary-color);color:#fff;transform:scale(1.1)}.event-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;text-align:center;gap:16px}.empty-icon{width:72px;height:72px;border-radius:50%;background:#4a9fbf1a;display:flex;align-items:center;justify-content:center;color:var(--primary-color);margin-bottom:8px}.empty-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.3px}.empty-subtitle{font-size:15px;color:var(--text-secondary);margin:0;font-weight:500}.empty-hint{font-size:13px;color:#94a3b8;margin:0;line-height:1.6;max-width:280px}.empty-action-btn{margin-top:12px;padding:12px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 2px 8px #4a9fbf33}.empty-action-btn:hover{background:var(--primary-dark);box-shadow:0 4px 12px #4a9fbf4d;transform:translateY(-1px)}.empty-action-btn:active{transform:translateY(0)}@media(prefers-color-scheme:dark){.event-empty-state{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155}.empty-icon{background:#4a9fbf26;color:#60a5fa}.empty-title{color:#e2e8f0}.empty-subtitle{color:#cbd5e1}.empty-hint{color:#64748b}.empty-action-btn{box-shadow:0 2px 8px #4a9fbf4d}.empty-action-btn:hover{box-shadow:0 4px 12px #4a9fbf66}}.growth-section{margin-bottom:24px}.action-banners{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.banner-card{display:flex;align-items:center;padding:20px;border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.banner-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.banner-card.emergency{background:#fff5f5;border:1.5px solid #FED7D7;gap:16px}.emergency-icon-circle{width:56px;height:56px;background:#f56565;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 4px 12px #f565654d;flex-shrink:0}.emergency-content{flex:1}.emergency-title{display:block;font-size:18px;font-weight:800;color:#9b2c2c;margin-bottom:4px}.emergency-subtitle{display:block;font-size:14px;color:#c53030;line-height:1.4;opacity:.8}.emergency-arrow{color:#f56565;font-size:20px;font-weight:700}.hospital-banner-section{margin-bottom:40px}.hospital-finder-minimal{display:flex;align-items:center;gap:20px;padding:12px 4px;background:transparent;transition:var(--transition);cursor:pointer}.finder-icon{width:48px;height:48px;background:#4a9fbf14;color:var(--primary-color);border-radius:16px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.hospital-finder-minimal:hover .finder-icon{background:var(--primary-color);color:#fff;transform:rotate(-5deg)}.finder-content{flex:1}.finder-title{font-size:19px;font-weight:800;color:var(--text-primary);margin-bottom:2px;letter-spacing:-.5px}.finder-subtitle{font-size:14px;color:var(--text-secondary);font-weight:600;margin:0;opacity:.8}.finder-btn{padding:10px 24px;background:var(--text-primary);color:#fff;border:none;border-radius:14px;font-weight:700;font-size:14px;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px #0000001a}.finder-btn:hover{background:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 16px #4a9fbf33}@media(prefers-color-scheme:dark){.finder-icon{background:#ffffff0d}.finder-btn{background:#f1f5f9;color:#0f172a}}.banner-card.community{background:#1e6b5b;justify-content:space-between;padding:24px 20px}.community-content{flex:1}.community-banner-title{display:block;font-size:20px;font-weight:800;color:#fff;margin-bottom:6px}.community-banner-subtitle{display:block;font-size:14px;color:#ffffffe6;line-height:1.4}.community-join-btn{background:#fff;color:#1e6b5b;padding:10px 20px;border-radius:12px;font-weight:700;font-size:14px;border:none;cursor:pointer;white-space:nowrap;margin-left:16px;transition:var(--transition)}.community-join-btn:hover{background:#e6fffa;transform:scale(1.05)}@media(prefers-color-scheme:dark){.banner-card.emergency{background:#2d1b1b;border-color:#4a2b2b}.emergency-title{color:#fc8181}.emergency-subtitle{color:#feb2b2}.banner-card.community{background:#144d42}}.tips-section{margin-bottom:20px}.tips-horizontal{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tip-card{background:var(--card-bg);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 8px #00000014;transition:var(--transition);cursor:pointer}.tip-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.tip-image{width:100%;height:140px;overflow:hidden;background:#e0eff7}.tip-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.tip-card:hover .tip-image img{transform:scale(1.08)}.tip-title{font-size:15px;font-weight:700;color:var(--text-primary);margin:0;padding:14px 16px;line-height:1.3}@media(max-width:380px){.home-screen{padding:16px 12px 20px}.welcome-title{font-size:24px}.section-title{font-size:18px}.child-viewer-card{padding:20px}.child-avatar-large{width:75px;height:75px}.child-viewer-name{font-size:20px}.growth-grid{gap:10px}.growth-card{padding:14px}.growth-value{font-size:18px}}@media(min-width:640px){.home-screen{padding:32px 24px 40px}.welcome-title{font-size:32px}.section-title{font-size:22px}.child-viewer-card{padding:28px}.child-avatar-large{width:100px;height:100px}.growth-grid{grid-template-columns:repeat(4,1fr);gap:16px}}@media(prefers-color-scheme:dark){:root{--text-primary: #F8FAFC;--text-secondary: #CBD5E0;--text-muted: #94A3B8;--bg-primary: #0F172A;--card-bg: #1E293B;--border-color: #334155}.viewing-section{background:#1e293b}.viewing-label{color:#94a3b8}.avatar-circle{background:#334155}.avatar-circle.add{border-color:#64748b;background:#1e293b;color:#64748b}.avatar-item.add-child:hover .avatar-circle.add{border-color:var(--primary-color);color:var(--primary-color);background:#4a9fbf1a}.event-icon,.growth-icon{background:#4a9fbf26}.event-action{background:#4a9fbf33}.event-action:hover{background:var(--primary-color)}.tip-image{background:#334155}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000;animation:fadeIn .3s ease}.notification-modal{background:#fff;width:100%;max-width:320px;padding:32px 24px;border-radius:28px;text-align:center;box-shadow:0 20px 40px #0003;animation:modalPop .4s cubic-bezier(.34,1.56,.64,1)}.modal-icon{width:64px;height:64px;background:#4a9fbf1a;color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.notification-modal h2{font-size:22px;font-weight:800;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.5px}.notification-modal p{font-size:15px;color:var(--text-secondary);line-height:1.5;margin-bottom:28px}.modal-actions{display:flex;flex-direction:column;gap:12px}.btn-allow{width:100%;padding:14px;background:var(--primary-color);color:#fff;border:none;border-radius:16px;font-weight:700;font-size:16px;cursor:pointer;transition:var(--transition)}.btn-allow:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn-not-now{width:100%;padding:12px;background:transparent;color:var(--text-secondary);border:none;font-weight:600;font-size:15px;cursor:pointer;transition:var(--transition)}.btn-not-now:hover{color:var(--text-primary)}@keyframes modalPop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-color-scheme:dark){.notification-modal{background:#1e293b}}button:focus-visible,.event-card:focus-visible,.growth-card:focus-visible,.tip-compact-card:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}:root{--bg-base: #f8fafc;--bg-surface: #FFFFFF;--bg-elevated: #f1f5f9;--bg-card: #FFFFFF;--bg-muted: #f1f5f9;--bg-hover: #EBEBDF;--text-primary: #2C3E50;--text-secondary: #5A6C7D;--text-muted: #94A3B8;--text-faint: #CBD5E1;--text-inverse: #f8fafc;--accent-primary: #4A9FBF;--accent-primary-light: #5BAED0;--accent-primary-faint: rgba(74, 159, 191, .08);--accent-blue: #4A9FBF;--accent-blue-faint: rgba(74, 159, 191, .08);--accent-rose: #EC4899;--accent-rose-faint: rgba(236, 72, 153, .08);--status-good: #10B981;--status-good-bg: rgba(16, 185, 129, .09);--status-warn: #F59E0B;--status-warn-bg: rgba(245, 158, 11, .09);--status-danger: #EF4444;--status-danger-bg: rgba(239, 68, 68, .09);--status-due: #4A9FBF;--status-due-bg: rgba(74, 159, 191, .09);--border-subtle: rgba(20, 18, 14, .07);--border-default: rgba(20, 18, 14, .12);--border-strong: rgba(20, 18, 14, .22);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .06);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .14), 0 4px 16px rgba(0, 0, 0, .08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--font-mono: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .32s ease;--nav-height: 64px;--header-height: 140px}@media(prefers-color-scheme:dark){:root{--bg-base: #0f172a;--bg-surface: #1e293b;--bg-elevated: #334155;--bg-card: #1e293b;--bg-muted: #334155;--bg-hover: #475569;--text-primary: #F0EDE6;--text-secondary: #C8C4BB;--text-muted: #8A877E;--text-faint: #5A5852;--text-inverse: #111210;--accent-primary: #4A9FBF;--accent-primary-light: #5BAED0;--accent-primary-faint: rgba(74, 159, 191, .15);--accent-blue: #4A9FBF;--accent-blue-faint: rgba(74, 159, 191, .15);--accent-rose: #EC4899;--accent-rose-faint: rgba(236, 72, 153, .15);--status-good: #3EAF76;--status-good-bg: rgba(62, 175, 118, .12);--status-warn: #D4A017;--status-warn-bg: rgba(212, 160, 23, .12);--status-danger: #F05252;--status-danger-bg: rgba(240, 82, 82, .12);--status-due: #5C9FE0;--status-due-bg: rgba(92, 159, 224, .12);--border-subtle: rgba(240, 237, 230, .06);--border-default: rgba(240, 237, 230, .1);--border-strong: rgba(240, 237, 230, .18);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .24), 0 1px 2px rgba(0, 0, 0, .16);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .18);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .36), 0 2px 8px rgba(0, 0, 0, .22);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .5), 0 4px 16px rgba(0, 0, 0, .3)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.records-screen{display:flex;flex-direction:column;min-height:100dvh;background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.records-loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-base);z-index:100;font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.records-loading:before{content:"";display:block;width:20px;height:20px;border:2px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .7s linear infinite;margin-right:10px}.records__header{position:sticky;top:0;z-index:50;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:0}.records__header-bar{display:flex;align-items:center;gap:12px;padding:10px 16px}.records__back-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:50%;background:var(--bg-muted);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.records__back-btn svg{display:block}.records__back-btn:hover{background:var(--accent-primary-faint);color:var(--accent-primary)}.records__back-btn:active{transform:scale(.92)}.records__header-center{flex:1;min-width:0}.records__nav-title{font-family:var(--font-body);font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px;margin:0}.records__toggle-container{display:flex;gap:2px;background:var(--bg-muted);border-radius:var(--radius-pill);padding:3px;flex-shrink:0}.records__toggle-btn{padding:5px 14px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);font-family:var(--font-body);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.records__toggle-btn.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.records__patient-bar{display:flex;align-items:center;gap:12px;padding:10px 16px 12px}.records__avatar-wrapper{position:relative;flex-shrink:0}.records__avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--bg-muted);border:2px solid var(--border-default)}.records__avatar img{width:100%;height:100%;object-fit:cover;display:block}.records__status-dot{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;background:var(--status-good);border:2px solid var(--bg-surface)}.records__header-info{flex:1;min-width:0}.records__patient-name{font-family:var(--font-body);font-size:16px;font-weight:700;color:var(--text-primary);line-height:1.2;letter-spacing:-.2px;margin:0 0 3px}.records__meta-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.records__id{font-family:var(--font-body);font-size:11px;color:var(--text-muted);font-weight:500;letter-spacing:.02em}.records__age-tag{font-family:var(--font-body);font-size:10px;font-weight:600;color:var(--accent-primary);background:var(--accent-primary-faint);padding:1px 7px;border-radius:var(--radius-pill);letter-spacing:.03em;text-transform:uppercase}.records__badge{display:inline-flex;align-items:center;padding:1px 7px;border-radius:var(--radius-pill);background:var(--bg-muted);color:var(--text-muted);font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.records__sub-nav{display:flex;gap:0;background:var(--bg-muted);border-radius:var(--radius-pill);padding:3px;margin:0 16px 12px;overflow:hidden}.records__sub-nav-btn{flex:1;padding:7px 6px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);font-family:var(--font-body);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;text-align:center;letter-spacing:.02em}.records__sub-nav-btn.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.records__sub-nav-btn:not(.active):hover{color:var(--text-secondary);background:#00000008}.records__scroll-area{flex:1;overflow-y:auto;padding:0 0 40px;scroll-behavior:smooth}.records__section{padding:28px 20px;border-bottom:1px solid var(--border-subtle);animation:fadeUp .3s ease both}.records__section:last-child{border-bottom:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.records__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.records__section-title{font-family:var(--font-body);font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px;line-height:1.3}.records__add-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border:1.5px solid var(--accent-primary);border-radius:var(--radius-pill);background:transparent;color:var(--accent-primary);font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.02em;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all var(--transition-base)}.records__add-btn:hover{background:var(--accent-primary);color:var(--text-inverse);box-shadow:0 4px 14px #2a6b4f40;transform:translateY(-1px)}.records__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;border:1.5px dashed var(--border-default);border-radius:var(--radius-lg);color:var(--text-muted);text-align:center}.records__empty-state svg{opacity:.5;margin-bottom:4px}.records__empty-state span{font-size:14px;font-weight:400}.records__empty-sub{font-size:12px!important;color:var(--text-faint)!important}.growth-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}@media(max-width:640px){.growth-charts-grid{grid-template-columns:1fr}}.growth-chart-item{display:flex;flex-direction:column;gap:8px}.growth-chart-label{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}.moh-chart-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--transition-base)}.moh-chart-container:hover{box-shadow:var(--shadow-md)}.moh-chart-container.boys{border-top:3px solid var(--accent-blue)}.moh-chart-container.girls{border-top:3px solid var(--accent-rose)}.moh-chart-header{margin-bottom:12px}.moh-chart-title{display:flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.chart-gender-tag{font-size:9px;font-weight:700;letter-spacing:.08em;padding:2px 7px;border-radius:var(--radius-pill)}.chart-gender-tag.boy{background:var(--accent-blue-faint);color:var(--accent-blue);border:1px solid var(--accent-blue)}.chart-gender-tag.girl{background:var(--accent-rose-faint);color:var(--accent-rose);border:1px solid var(--accent-rose)}.moh-chart-subtitle{font-size:10px;color:var(--text-muted);margin-top:4px;line-height:1.4}.moh-zscore-legend{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);margin-bottom:8px;flex-wrap:wrap}.zscore-item{display:flex;align-items:center;gap:3px;font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.zscore-dot{display:block;width:8px;height:8px;border-radius:50%}.zscore-dot.red{background:#e53935cc}.zscore-dot.yellow{background:#f59e0bcc}.zscore-dot.green{background:#22c55e80}.zscore-dot.green-bold{background:#22c55e}.moh-chart-key{margin-bottom:8px}.key-section{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.key-title{font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--text-faint);text-transform:uppercase}.key-item{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--text-muted)}.key-swatch{display:block;width:16px;height:3px;border-radius:2px}.key-swatch.good{background:#22c55ecc}.key-swatch.danger{background:#e53935cc}.moh-chart-canvas-wrapper{height:220px;position:relative;margin:0 -4px}.moh-age-range-bar{display:flex;justify-content:space-between;padding:6px 0 0;border-top:1px solid var(--border-subtle);margin-top:8px}.age-range-label{font-size:9px;font-family:var(--font-mono);color:var(--text-faint);text-align:center;flex:1}.moh-zone-alert{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);margin-top:12px;border:1px solid}.moh-zone-alert.alert-good{background:var(--status-good-bg);border-color:var(--status-good);color:var(--status-good)}.moh-zone-alert.alert-warning{background:var(--status-warn-bg);border-color:var(--status-warn);color:var(--status-warn)}.moh-zone-alert.alert-danger{background:var(--status-danger-bg);border-color:var(--status-danger);color:var(--status-danger)}.zone-alert-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.zone-alert-text{display:flex;flex-direction:column;gap:1px}.zone-alert-text strong{font-size:12px;font-weight:600}.zone-alert-text span{font-size:11px;opacity:.8}.clinical-table-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.growth-table-card{margin-top:16px}.clinical-table{width:100%;border-collapse:collapse}.clinical-table thead{background:var(--bg-muted)}.clinical-table th{padding:10px 14px;text-align:left;font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);white-space:nowrap}.clinical-table td{padding:12px 14px;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.clinical-table tr:last-child td{border-bottom:none}.clinical-table tbody tr{transition:background var(--transition-fast)}.clinical-table tbody tr:hover{background:var(--bg-hover)}.table-cell-main{font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:6px}.table-cell-sub{display:block;font-size:11px;font-family:var(--font-mono);color:var(--text-muted);margin-top:1px}.zone-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.zone-dot.good{background:var(--status-good)}.zone-dot.warning{background:var(--status-warn)}.zone-dot.danger{background:var(--status-danger)}.icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;transition:all var(--transition-fast)}.icon-delete{color:var(--text-faint)}.icon-delete:hover{background:var(--status-danger-bg);color:var(--status-danger)}.immun-section{padding:0!important}.immun-summary-bar{margin-bottom:20px}.immun-summary-progress{height:4px;background:var(--border-subtle);border-radius:2px;overflow:hidden;margin-bottom:8px}.immun-summary-fill{height:100%;background:var(--status-good);border-radius:2px;transition:width .5s ease}.immun-summary-stats{display:flex;align-items:center;gap:16px}.immun-summary-stat{font-size:13px;font-weight:500;color:var(--text-secondary);letter-spacing:-.01em}.immun-summary-overdue{color:var(--status-danger);font-weight:600}.immun-summary-pct{margin-left:auto;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text-primary)}.immun-filter-row{display:flex;gap:8px;margin-bottom:24px}.immun-filter-chip{padding:6px 16px;border:1px solid var(--border-default);border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);font-family:var(--font-body);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.immun-filter-chip:hover{border-color:var(--text-secondary);color:var(--text-secondary)}.immun-filter-chip.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-base);font-weight:600}.immun-register{display:flex;flex-direction:column;gap:0}.immun-age-group{border-bottom:1px solid var(--border-subtle)}.immun-age-group:last-child{border-bottom:none}.immun-age-header{width:100%;display:flex;align-items:center;gap:12px;padding:14px 4px;background:transparent;border:none;cursor:pointer;transition:background .15s ease;text-align:left}.immun-age-header:hover{background:var(--bg-hover)}.immun-age-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.immun-age-indicator.done{background:var(--status-good)}.immun-age-indicator.pending{background:var(--border-default)}.immun-age-indicator.overdue{background:var(--status-danger)}.immun-age-label{flex:1;font-size:14px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em}.immun-age-count{font-size:12px;font-weight:600;color:var(--text-muted)}.immun-age-chevron{color:var(--text-muted);transition:transform .2s ease}.immun-age-chevron.rotate{transform:rotate(180deg)}.immun-age-body{padding:0 0 8px}.immun-row{display:grid;grid-template-columns:36px 1fr 110px 72px 60px;align-items:center;gap:4px;padding:10px 4px;border-bottom:1px solid var(--border-subtle);transition:background .1s ease}.immun-row:last-child{border-bottom:none}.immun-row:not(.immun-row-head):hover{background:var(--bg-hover)}.immun-row-head{padding:6px 4px;border-bottom:2px solid var(--border-default)}.immun-row-head span{font-size:10px;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em}.immun-row.row-done{opacity:1}.immun-row.row-overdue .immun-col-name strong{color:var(--status-danger)}.immun-col-status{display:flex;align-items:center;justify-content:center}.immun-col-name{min-width:0;cursor:pointer}.immun-col-name strong{font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.immun-col-date{font-size:12px;color:var(--text-secondary);font-family:var(--font-body)}.immun-col-badge{display:flex;align-items:center}.immun-col-actions{display:flex;align-items:center;gap:2px;justify-content:flex-end}.immun-check-circle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--border-default);background:transparent;color:transparent;cursor:pointer;transition:all .15s ease;padding:0}.immun-check-circle:hover{border-color:var(--status-good);background:#22c55e14}.immun-check-circle.checked{background:var(--status-good);border-color:var(--status-good);color:#fff}.immun-badge{font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:3px}.immun-badge.given{color:var(--status-good);background:var(--status-good-bg)}.immun-badge.overdue{color:var(--status-danger);background:var(--status-danger-bg)}.immun-badge.due{color:var(--text-muted);background:var(--bg-muted)}.immun-icon-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:4px;background:transparent;color:var(--text-faint);cursor:pointer;transition:all .12s ease;padding:0}.immun-icon-btn:hover{color:var(--text-primary);background:var(--bg-muted)}.immun-icon-btn.immun-icon-delete:hover{color:var(--status-danger);background:var(--status-danger-bg)}.immun-row-wrapper.expanded{background:var(--bg-hover);border-radius:6px;margin:2px 0}.immun-detail-panel{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;padding:8px 4px 14px 44px;animation:fadeIn .2s ease}.immun-detail-item{display:flex;flex-direction:column;gap:1px}.immun-detail-key{font-size:10px;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em}.immun-detail-val{font-size:13px;font-weight:500;color:var(--text-primary)}.immun-detail-warn .immun-detail-key{color:var(--status-warn)}.immun-detail-warn .immun-detail-val{color:var(--status-danger)}.immun-detail-none{grid-column:1 / -1;font-size:12px;color:var(--text-faint);font-style:italic;margin:0}@media(max-width:480px){.immun-row{grid-template-columns:30px 1fr 68px 48px;gap:2px;padding:8px 2px}.immun-col-actions{display:none}.immun-col-date{font-size:11px}.immun-detail-panel{grid-template-columns:1fr;padding-left:34px}}.note-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;margin-bottom:10px;box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-base)}.note-card:hover{box-shadow:var(--shadow-sm)}.note-card:last-child{margin-bottom:0}.note-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.note-date{font-family:var(--font-mono);font-size:10px;color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase}.note-title{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px;letter-spacing:-.01em}.note-content{font-size:13px;color:var(--text-secondary);line-height:1.55}.immun-timeline{position:relative;display:flex;flex-direction:column;gap:16px;margin-top:24px}.immun-timeline:before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:var(--border-default);z-index:0}.immun-form-screen{display:flex;flex-direction:column;height:100%;background:var(--bg-surface);overflow:hidden;animation:screenSlideIn .25s cubic-bezier(.32,.72,0,1)}@keyframes screenSlideIn{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.immun-form-screen-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);flex-shrink:0}.immun-form-screen-header h3{font-family:var(--font-body);font-size:17px;font-weight:700;color:var(--text-primary)}.immun-form-screen-spacer{width:36px}.immun-form{padding:12px 16px;display:flex;flex-direction:column;gap:8px;flex:1;justify-content:space-between}.immun-form-row{display:flex;flex-direction:column;gap:2px}.immun-form-row.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px}.immun-form-row.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.immun-form-row label,.immun-form label{font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);display:block;margin-bottom:2px}.immun-form input[type=text],.immun-form input[type=date],.immun-form input:not([type=checkbox]),.immun-form select{width:100%;padding:7px 10px;background:var(--bg-muted);border:1.5px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:13px;outline:none;transition:border-color var(--transition-fast),background var(--transition-fast);appearance:none;-webkit-appearance:none}.immun-form input:not([type=checkbox]):focus,.immun-form select:focus{border-color:var(--accent-primary);background:var(--bg-surface);box-shadow:0 0 0 3px var(--accent-primary-faint)}.immun-form input::placeholder{color:var(--text-faint)}.immun-form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238A877E' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;cursor:pointer}.immun-form-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid var(--border-subtle);margin-top:auto;flex-shrink:0}.immun-checkbox-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;text-transform:none!important;letter-spacing:0!important}.immun-checkbox-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent-primary);cursor:pointer}.immun-form-actions{display:flex;gap:8px}.immun-btn-cancel{padding:10px 18px;border:1.5px solid var(--border-default);border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.immun-btn-cancel:hover{background:var(--bg-muted);border-color:var(--border-strong);color:var(--text-primary)}.immun-btn-save{padding:10px 22px;border:none;border-radius:var(--radius-pill);background:var(--accent-primary);color:var(--text-inverse);font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-base);letter-spacing:.01em}.immun-btn-save:hover{background:var(--accent-primary-light);box-shadow:0 4px 14px #2a6b4f4d;transform:translateY(-1px)}.immun-btn-save:active{transform:translateY(0)}.records__scroll-area::-webkit-scrollbar{width:4px}.records__scroll-area::-webkit-scrollbar-track{background:transparent}.records__scroll-area::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-pill)}@media(max-width:400px){.records__section{padding:20px 16px}.records__nav-header{padding:0 16px}.records__header{padding:16px 16px 0}.immun-form{padding:16px}.moh-chart-canvas-wrapper{height:180px}}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}button:focus:not(:focus-visible){outline:none}.shop-screen-container{min-height:100vh;background:var(--calm-bg);font-family:Inter,-apple-system,sans-serif;color:var(--text-primary);padding-bottom:84px}.shop-catalog{padding:1rem;animation:fadeIn .4s ease-out}.shop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 4px}.header-info h1{font-size:1.625rem;font-weight:900;margin:0;color:var(--text-primary);letter-spacing:-.03em}.verified-badge{display:flex;align-items:center;gap:6px;font-size:.65rem;font-weight:800;color:#76c5c1;letter-spacing:.08em;margin-top:6px;text-transform:uppercase}.cart-trigger{position:relative;width:44px;height:44px;background:var(--card-bg);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000000d;cursor:pointer;color:var(--text-primary);border:1px solid var(--border-color);transition:all .2s cubic-bezier(.4,0,.2,1)}.cart-trigger:active{transform:scale(.92)}.cart-badge{position:absolute;top:-6px;right:-6px;background:#237672;color:#fff;font-size:.7rem;font-weight:900;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid var(--card-bg);box-shadow:0 2px 4px #23767233}.category-filters{display:flex;gap:.75rem;overflow-x:auto;padding:.5rem 4px 1.5rem;scrollbar-width:none}.category-filters::-webkit-scrollbar{display:none}.category-pill{white-space:nowrap;padding:.75rem 1.375rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:100px;font-weight:700;font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all .25s ease;box-shadow:0 2px 6px #00000005}.category-pill.active{background:#237672;color:#fff;border-color:#237672;box-shadow:0 4px 12px #23767240;transform:translateY(-1px)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;padding:0 4px}.product-card{background:var(--card-bg);border-radius:24px;padding:.875rem;display:flex;flex-direction:column;box-shadow:0 4px 15px #00000005;cursor:pointer;border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000000a;border-color:#2376724d}.product-card:active{transform:scale(.97)}.product-img-container{width:100%;aspect-ratio:1;border-radius:20px;overflow:hidden;background:var(--calm-bg);margin-bottom:1rem;position:relative}.product-img-container:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,rgba(0,0,0,.02) 100%);pointer-events:none}.product-img-container img{width:100%;height:100%;object-fit:contain;padding:10px;background:#fff;transition:transform .5s ease}.product-card:hover .product-img-container img{transform:scale(1.05)}.product-info{display:flex;flex-direction:column;flex:1}.product-info h3{font-size:.9375rem;font-weight:800;color:var(--text-primary);margin:0 0 .5rem;line-height:1.25;min-height:2.5em;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.01em}.product-info .price{font-size:1.0625rem;font-weight:900;color:#237672;margin:0 0 1rem;letter-spacing:-.02em}.add-btn{width:100%;height:42px;background:#76c5c1;color:#004d4a;border:none;border-radius:12px;font-weight:800;font-size:.8125rem;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s ease;margin-top:auto;text-transform:uppercase;letter-spacing:.05em}.add-btn:hover{background:#5fbcb7;transform:translateY(-1px);box-shadow:0 4px 10px #76c5c14d}.add-btn span{font-size:1.25rem;margin-top:-2px}.product-detail{background:var(--card-bg);min-height:100vh;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.detail-header{height:70px;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);background:var(--card-bg);position:sticky;top:0;z-index:10}.back-btn{background:var(--calm-bg);border:1px solid var(--border-color);color:var(--text-primary);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.back-btn:active{transform:scale(.9)}.detail-header h2{font-size:1.125rem;font-weight:900;color:var(--text-primary);letter-spacing:-.02em}.detail-content{padding:1.5rem}.detail-img-container{width:100%;aspect-ratio:1;background:var(--calm-bg);border-radius:32px;margin-bottom:2rem;overflow:hidden;box-shadow:0 8px 30px #0000000a}.detail-img-container img{width:100%;height:100%;object-fit:cover}.detail-info h1{font-size:1.75rem;font-weight:900;margin:0 0 .625rem;color:var(--text-primary);letter-spacing:-.03em;line-height:1.15}.detail-price{font-size:1.5rem;font-weight:900;color:#237672;margin-bottom:1.25rem;letter-spacing:-.02em}.detail-desc{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:2.5rem}.recommendation-box{background:#2376720d;border:1px solid rgba(35,118,114,.15);border-radius:20px;padding:1.5rem;margin-bottom:2.5rem}.recommendation-header{display:flex;align-items:center;gap:10px;font-size:.75rem;font-weight:900;color:#237672;margin-bottom:.875rem;letter-spacing:.05em;text-transform:uppercase}.recommendation-box p{font-size:.9375rem;line-height:1.55;color:var(--text-secondary);margin:0}.detail-actions label{font-size:.7rem;font-weight:900;color:var(--text-tertiary);letter-spacing:.1em;display:block;margin-bottom:1rem;text-transform:uppercase}.quantity-selector{display:flex;align-items:center;gap:1.75rem;background:var(--calm-bg);padding:.625rem 1.25rem;border-radius:16px;width:fit-content;margin-bottom:2.5rem;border:1px solid var(--border-color)}.quantity-selector button{background:none;border:none;font-size:1.75rem;color:#237672;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.quantity-selector button:active{opacity:.5}.quantity-selector span{font-size:1.375rem;font-weight:800;color:var(--text-primary);min-width:2ch;text-align:center}.add-to-cart-big{width:100%;height:64px;background:#237672;color:#fff;border:none;border-radius:20px;font-size:1.125rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:14px;cursor:pointer;box-shadow:0 8px 24px #2376724d;transition:all .3s ease}.add-to-cart-big:hover{background:#1a5c59;transform:translateY(-2px);box-shadow:0 12px 28px #23767266}.add-to-cart-big:active{transform:scale(.98)}.shop-cart{background:var(--card-bg);min-height:100vh;display:flex;flex-direction:column}.cart-header{height:70px;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);background:var(--card-bg)}.cart-header h2{font-size:1.125rem;font-weight:900;color:var(--text-primary);letter-spacing:-.02em}.cart-header .header-spacer{width:40px}.cart-items{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.cart-item{display:flex;gap:1.25rem;align-items:center;padding:.5rem 0}.cart-item-img{width:90px;height:90px;border-radius:18px;overflow:hidden;background:var(--calm-bg);box-shadow:0 4px 12px #00000008;flex-shrink:0}.cart-item-img img{width:100%;height:100%;object-fit:cover}.cart-item-info{flex:1}.cart-item-info h3{font-size:1rem;font-weight:800;margin:0 0 .375rem;color:var(--text-primary);letter-spacing:-.01em;line-height:1.2}.cart-item-info .price{font-size:.9375rem;color:#237672;font-weight:700;margin:0 0 .875rem}.cart-actions{display:flex;justify-content:space-between;align-items:center}.cart-qty{display:flex;align-items:center;gap:1.125rem;background:var(--calm-bg);padding:6px 14px;border-radius:100px;border:1px solid var(--border-color)}.cart-qty button{background:none;border:none;font-size:1.25rem;color:#237672;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.cart-qty span{font-weight:800;font-size:.9375rem;color:var(--text-primary);min-width:1.5ch;text-align:center}.remove-btn{background:var(--calm-bg);border:1px solid var(--border-color);color:var(--text-tertiary);padding:8px;border-radius:10px;cursor:pointer;transition:all .2s}.remove-btn:hover{color:#ef4444;border-color:#fecaca}.cart-summary{padding:2rem 1.5rem;background:var(--card-bg);border-top:1px solid var(--border-color);box-shadow:0 -12px 30px #00000008;border-radius:32px 32px 0 0}.cart-summary h3{font-size:1.125rem;font-weight:900;margin:0 0 1.5rem;color:var(--text-primary);letter-spacing:-.02em}.summary-row{display:flex;justify-content:space-between;margin-bottom:.875rem;font-size:.9375rem;color:var(--text-secondary);font-weight:600}.summary-row .free{color:#10b981;font-weight:800}.summary-total{display:flex;justify-content:space-between;margin:1.25rem 0 2rem;padding-top:1.25rem;border-top:1px solid var(--border-color);font-size:1.375rem;font-weight:900;color:var(--text-primary);letter-spacing:-.03em}.checkout-btn{width:100%;height:60px;background:#3ff2d7;color:#004d4a;border:none;border-radius:20px;font-size:1.125rem;font-weight:900;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 8px 24px #3ff2d740;transition:all .3s ease}.checkout-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #3ff2d759}.empty-cart{text-align:center;padding:5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.empty-cart p{color:var(--text-secondary);font-weight:600;font-size:1.125rem}.empty-cart button{background:#237672;color:#fff;border:none;padding:1rem 2rem;border-radius:16px;font-weight:800;box-shadow:0 6px 16px #23767233}@media(prefers-color-scheme:dark){.checkout-btn{background:#76c5c1;color:#004d4a;box-shadow:0 8px 24px #76c5c133}}.learn-header-nav{display:flex;align-items:center;justify-content:space-between;padding:1rem;margin-bottom:0;position:sticky;top:0;background:var(--calm-bg);z-index:100;border-bottom:1px solid var(--border-color)}.header-left{display:flex;align-items:center;gap:12px}.back-button{background:transparent;border:none;padding:8px;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.learn-header-title{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin:0}.language-dropdown-container{position:relative;z-index:100}.lang-trigger{display:flex;align-items:center;gap:8px;background:var(--card-bg);border:1px solid var(--border-color);padding:8px 12px;border-radius:12px;cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.lang-trigger:hover,.lang-trigger.active{border-color:var(--moh-blue-500);background:var(--moh-blue-50)}.globe-icon{color:var(--moh-blue-600)}.current-lang{font-size:.8125rem;font-weight:700;letter-spacing:.5px}.chevron-icon{color:var(--text-tertiary);transition:transform .2s ease}.chevron-icon.up{transform:rotate(180deg)}.lang-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 25px #0000001a;min-width:140px;overflow:hidden;animation:dropdownFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lang-option{width:100%;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;font-size:.875rem;color:var(--text-secondary);transition:all .15s ease;text-align:left}.lang-option:hover{background:var(--calm-bg);color:var(--moh-blue-600)}.lang-option.selected{font-weight:700;color:var(--moh-blue-600);background:var(--moh-blue-50)}.lang-name{flex:1}.explore-nav-container{display:flex;background:var(--card-bg);padding:.5rem 1rem;gap:12px;overflow-x:auto;border-bottom:1px solid var(--border-color);position:sticky;top:60px;z-index:90;scrollbar-width:none}.explore-nav-container::-webkit-scrollbar{display:none}.explore-nav-item{display:flex;align-items:center;gap:8px;background:transparent;border:none;padding:8px 16px;border-radius:100px;font-size:.875rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:all .2s ease}.nav-dot{width:6px;height:6px;background:var(--border-color);border-radius:50%;transition:all .2s ease}.explore-nav-item.active{background:var(--moh-blue-50);color:var(--moh-blue-600)}.explore-nav-item.active .nav-dot{background:var(--moh-blue-600);transform:scale(1.5)}.categories-grid{display:flex;flex-direction:column;gap:20px}.category-card{background:var(--card-bg);border-radius:20px;overflow:hidden;border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;padding:24px}.learn-content-area{padding-bottom:2rem}.categories-grid,.topics-grid,.content-detail-view{padding:0 1rem}.category-card:hover{transform:translateY(-2px);border-color:var(--moh-blue-500);box-shadow:0 4px 12px #2ea2e814}.category-header{margin-bottom:20px}.category-icon-main{width:56px;height:56px;background:var(--moh-blue-50);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--moh-blue-600)}.category-info .title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.category-info h3{font-size:1.125rem;font-weight:800;margin:0;color:var(--text-primary)}.primary-badge{background:var(--moh-blue-600);color:#fff;font-size:.65rem;font-weight:800;padding:4px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.category-info p{font-size:.875rem;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.category-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid var(--border-color)}.topic-count{font-size:.75rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.arrow-circle{width:32px;height:32px;border-radius:50%;background:var(--calm-bg);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all .2s ease}.category-card:hover .arrow-circle{background:var(--moh-blue-600);color:#fff}.categories-grid,.topics-grid,.content-detail-view{animation:slideUpFade .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.topics-grid .section-title{font-size:1.125rem;font-weight:800;margin-bottom:24px;color:var(--text-primary)}.grid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.topic-card{background:var(--card-bg);padding:24px;border-radius:20px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.topic-card:hover{border-color:var(--moh-blue-500);background:var(--card-bg);transform:translateY(-2px);box-shadow:0 4px 12px #2ea2e814}.topic-icon-item{width:48px;height:48px;background:var(--moh-blue-50);color:var(--moh-blue-600);border-radius:12px;display:flex;align-items:center;justify-content:center}.topic-card h3{font-size:1rem;font-weight:800;margin:0;color:var(--text-primary)}.topic-card p{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.5}.topic-card-header{display:flex;align-items:flex-start;justify-content:space-between}.video-badge{background:var(--moh-blue-600);color:#fff;font-size:.625rem;font-weight:800;padding:4px 8px;border-radius:6px;display:flex;align-items:center;gap:4px;letter-spacing:.5px}.tip-icon{font-size:24px}.tip-content strong{display:block;font-size:13px;margin-bottom:4px}.tip-content p{font-size:12px;margin:0;color:var(--text-secondary)}.nutrition-academy{padding:24px 0;animation:fadeIn .4s ease}.academy-header{padding:0 1rem;margin-bottom:32px}.academy-header h2{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin-bottom:8px}.academy-header p{color:var(--text-secondary);font-size:.9375rem;line-height:1.5}.nutrition-plate-section{background:linear-gradient(180deg,#f0f7ff,#fff);padding:32px 1rem;margin-bottom:40px;border-top:1px solid rgba(46,162,232,.1);border-bottom:1px solid rgba(46,162,232,.1)}.nutrition-plate-section h3{font-size:1.125rem;font-weight:700;margin-bottom:24px;text-align:center;color:var(--moh-blue-800)}.plate-visual-container{display:flex;flex-direction:column;align-items:center;gap:32px}.plate-circle{width:240px;height:240px;border-radius:50%;background:#fff;position:relative;box-shadow:0 10px 40px #0000000d,inset 0 0 0 8px #eee;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.plate-part{display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:800;text-transform:uppercase;color:#fff;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.plate-part:hover{transform:scale(1.05);z-index:10}.plate-part span{background:#0003;padding:4px 8px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.plate-part.staples{background:#e9c46a;grid-column:1 / 2;grid-row:1 / 3;border-right:2px solid white}.plate-part.proteins{background:#e76f51;grid-column:2 / 3;grid-row:1 / 2;border-bottom:2px solid white}.plate-part.legumes{background:#2a9d8f;grid-column:2 / 3;grid-row:2 / 3}.plate-part.fruits{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:80px;height:80px;border-radius:50%;background:#f4a261;border:4px solid white;box-shadow:0 4px 10px #0000001a}.plate-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:320px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-secondary);font-weight:600}.legend-item .dot{width:10px;height:10px;border-radius:50%}.dot.staples{background:#e9c46a}.dot.proteins{background:#e76f51}.dot.legumes{background:#2a9d8f}.dot.fruits{background:#f4a261}.academy-topics{padding:0 1rem}.academy-topics h3{font-size:1.125rem;font-weight:700;margin-bottom:20px}.topics-grid-mini{display:flex;flex-direction:column;gap:12px}.section-title-premium{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-top:32px;margin-bottom:20px}.nutrition-reel{margin:0 -20px;padding:0 20px 20px}.video-spotlight-card.mini{flex:0 0 240px;padding:8px}.video-spotlight-card.mini .video-thumbnail-placeholder{height:135px;border-radius:12px}.video-spotlight-card.no-click{cursor:default;transform:none!important;background:var(--card-bg)}.video-player-container,.video-player-container-mini{position:relative;width:100%;overflow:hidden;background:#000;border-radius:12px}.video-player-container{aspect-ratio:16/9}.video-player-container-mini{height:135px}.video-player-container iframe,.video-player-container-mini iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.clickable-title{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--moh-blue-600);transition:color .2s ease;margin-top:8px}.clickable-title:hover{color:var(--moh-blue-700);text-decoration:underline}.clickable-title svg{opacity:.6}.mini-topic-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;cursor:pointer;transition:all .2s ease}.mini-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--moh-blue-50);color:var(--moh-blue-600);border-radius:12px;flex-shrink:0}.mini-topic-card:hover{transform:translateY(-2px);border-color:var(--moh-blue-500);background:var(--moh-blue-50);box-shadow:0 4px 12px #0000000d}.mini-icon{width:40px;height:40px;background:var(--moh-blue-50);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.mini-topic-card span{font-size:.9375rem;font-weight:700;color:var(--text-primary)}.video-gallery-immersive{padding:0 0 60px;background:#000;min-height:calc(100vh - 120px);color:#fff;overflow-x:hidden}.gallery-header{padding:40px 24px 24px;text-align:left}.premium-tag{display:inline-block;padding:4px 12px;background:var(--moh-blue-600);color:#fff;font-size:.625rem;font-weight:900;letter-spacing:2px;border-radius:4px;margin-bottom:16px}.gallery-header h2{font-size:2.25rem;font-weight:800;margin-bottom:12px;letter-spacing:-1px}.gallery-header p{color:#ffffff80;font-size:1rem;max-width:600px}.video-hero-spotlight{position:relative;margin:0 24px 60px;border-radius:24px;overflow:hidden;aspect-ratio:21/9;box-shadow:0 40px 100px #000c;background:#111}.hero-video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.hero-video-wrapper iframe{width:100%;height:100%;border:0;transform:scale(1.02)}.hero-video-info{position:absolute;bottom:0;left:0;right:0;padding:60px 40px 40px;background:linear-gradient(to top,rgba(0,0,0,.9) 20%,transparent 100%);pointer-events:none}.featured-label{display:block;font-size:.75rem;font-weight:700;letter-spacing:2px;color:var(--moh-blue-400);margin-bottom:12px}.hero-video-info h3{font-size:2.5rem;font-weight:800;margin-bottom:24px;color:#fff;max-width:70%;line-height:1.1}.premium-nav-btn{display:inline-flex;align-items:center;gap:12px;padding:14px 28px;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;border-radius:12px;font-weight:700;border:1px solid rgba(255,255,255,.2);cursor:pointer;pointer-events:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-nav-btn:hover{transform:scale(1.05);background:#ffffff40;border-color:#fff}.video-category-row{margin-bottom:48px}.row-title{display:flex;align-items:center;gap:12px;padding:0 24px;margin-bottom:20px;font-size:1.25rem;font-weight:700;color:#fff}.row-accent{width:4px;height:24px;background:var(--moh-blue-500);border-radius:2px}.video-scroll-container{display:flex;gap:20px;overflow-x:auto;padding:10px 24px 20px;scrollbar-width:none}.video-spotlight-card{flex:0 0 320px;background:#111;border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.video-spotlight-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0006}.video-player-container{aspect-ratio:16/9;background:#000}.video-info{padding:16px}.video-info h4{font-size:.9375rem;font-weight:600;margin:0;line-height:1.4;color:#ffffffe6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.secondary-outline.premium{border-color:#fff3;color:#fff9}.secondary-outline.premium:hover{background:var(--moh-blue-600);border-color:var(--moh-blue-600);color:#fff}.browse-all-topics-cta{padding:40px 1rem;text-align:center}.browse-all-topics-cta p{color:#fff9;margin-bottom:16px}.secondary-outline{background:transparent;border:2px solid rgba(255,255,255,.2);color:#fff;padding:12px 24px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.secondary-outline:hover{background:#fff;color:#0f172a;border-color:#fff}.content-detail-view{animation:fadeIn .3s ease}.topic-header{font-size:1.5rem;font-weight:800;margin-bottom:12px;color:var(--text-primary)}.topic-summary{font-size:1rem;color:var(--text-secondary);margin-bottom:32px;line-height:1.6}.blocks-container{display:flex;flex-direction:column;gap:24px}.content-block{margin-bottom:20px}.section-header{font-size:1.25rem;font-weight:700;color:var(--moh-blue-600);margin-top:32px;margin-bottom:12px;border-bottom:2px solid var(--border-color);padding-bottom:8px}.paragraph{color:var(--text-secondary)}.bullet-list,.numbered-list{padding-left:24px;color:var(--text-secondary)}.bullet-list li,.numbered-list li{margin-bottom:8px}.alert{padding:16px;border-radius:12px;border-left:4px solid transparent}.alert-info{background-color:#3b82f61a;border-left-color:#3b82f6;color:#3b82f6}.alert-warning{background-color:#f59e0b1a;border-left-color:#f59e0b;color:#f59e0b}.alert-danger{background-color:#ef44441a;border-left-color:#ef4444;color:#ef4444}.alert-success{background-color:#22c55e1a;border-left-color:#22c55e;color:#22c55e}.alert-title{font-weight:700;margin-bottom:4px}.checklist{background:var(--card-bg);border-radius:12px;padding:16px;border:1px solid var(--border-color)}.checklist-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-color)}.checklist-item:last-child{border-bottom:none}.checklist-item input{margin-top:4px;width:18px;height:18px;accent-color:var(--moh-blue-600)}.table-container{overflow-x:auto;border-radius:12px;border:1px solid var(--border-color);margin:16px 0}table{width:100%;border-collapse:collapse}th{background:var(--calm-bg);text-align:left;padding:12px;font-weight:600;color:var(--moh-blue-600);border-bottom:1px solid var(--border-color)}td{padding:12px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem}.info-box{background:var(--calm-bg);padding:16px;border-radius:12px;border-left:4px solid var(--moh-blue-400)}.info-title{font-weight:700;color:var(--moh-blue-600);margin-bottom:4px}.info-content{font-size:.95rem;color:var(--text-secondary)}.content-paragraph{font-size:1rem;line-height:1.7;color:var(--text-primary)}.content-list{padding-left:20px}.content-list li{margin-bottom:12px;color:var(--text-primary)}.content-schedule{display:flex;flex-direction:column;gap:12px;background:var(--card-bg);padding:16px;border-radius:16px;border:1px solid var(--border-color)}.schedule-item{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.schedule-item:last-child{border-bottom:none}.schedule-label{font-weight:700;color:var(--text-primary)}.schedule-value{color:var(--text-secondary)}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;background:#000;margin:16px 0;box-shadow:0 4px 12px #0000001a}.video-wrapper iframe,.video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.handbook-hero{margin-bottom:32px;animation:fadeIn .8s ease}.learn-screen{transition:background-color .4s ease,color .4s ease}.learn-screen.cinema-mode{background-color:#000;color:#fff}.cinema-mode .learn-header-nav{background-color:#000;border-bottom:1px solid rgba(255,255,255,.1)}.cinema-mode .learn-header-title{color:#fff}.cinema-mode .lang-trigger{color:#fff!important;background:#ffffff0d;border-color:#ffffff1a}.cinema-mode .explore-nav-container{background-color:#000;border-bottom:1px solid rgba(255,255,255,.1)}.cinema-mode .explore-nav-item{color:#ffffff80}.cinema-mode .explore-nav-item.active{color:#fff}.cinema-mode .back-button{color:#fff;background:#ffffff1a}.cinema-mode .back-button:hover{background:#fff3}@media(prefers-color-scheme:dark){.category-icon-main,.topic-icon-item{background:#007cba26}.video-gallery-immersive{background:#000}.video-spotlight-card{background:#111}.plate-circle{background:#1a1a1a}.nutrition-plate-section{background:linear-gradient(180deg,#1a1a1a,#000);border-color:#ffffff0d}.nutrition-plate-section h3{color:var(--moh-blue-400)}}.cm-container{min-height:100vh;background:var(--calm-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;color:var(--text-primary);padding-bottom:80px}.cm-home{padding:0 16px 16px}.cm-header{padding:20px 0 8px}.cm-header-top{display:flex;align-items:center;justify-content:space-between}.cm-title{font-size:26px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;margin:0;line-height:1.2}.cm-subtitle{font-size:11px;font-weight:700;color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;margin:4px 0 0}.cm-actions{display:flex;flex-direction:column;gap:8px;margin:16px 0 24px}.cm-action-card{display:flex;align-items:center;gap:12px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:14px 16px;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.cm-action-card:active{transform:scale(.98)}.cm-action-card:hover{border-color:#4a9fbf4d;box-shadow:0 2px 12px #0000000a}.cm-action-card>svg{color:var(--text-tertiary);flex-shrink:0}.cm-action-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cm-action-chat{background:#10b9811a;color:#10b981}.cm-action-clinic{background:#4a9fbf1a;color:#4a9fbf}.cm-action-body{flex:1;min-width:0}.cm-action-title{display:block;font-size:15px;font-weight:700;color:var(--text-primary);line-height:1.2}.cm-action-status{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#10b981;margin-top:2px}.cm-action-desc{display:block;font-size:12px;font-weight:500;color:var(--text-tertiary);margin-top:2px}.cm-dot{width:7px;height:7px;background:#10b981;border-radius:50%;display:inline-block;animation:cm-pulse 2s ease-in-out infinite}@keyframes cm-pulse{0%,to{opacity:1}50%{opacity:.4}}.cm-groups-section{margin-bottom:20px}.cm-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cm-section-title{font-size:18px;font-weight:800;color:var(--text-primary);letter-spacing:-.3px;margin:0}.cm-see-all{display:flex;align-items:center;gap:4px;background:none;border:none;color:#4a9fbf;font-size:13px;font-weight:700;cursor:pointer;padding:4px 0}.cm-see-all:hover{text-decoration:underline}.cm-groups-list{display:flex;flex-direction:column;gap:8px}.cm-group-card{display:flex;align-items:center;gap:14px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:14px;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.cm-group-card:active{transform:scale(.985)}.cm-group-card:hover{box-shadow:0 4px 16px #0000000d;border-color:#00000014}.cm-group-avatar{position:relative;width:56px;height:56px;border-radius:16px;overflow:hidden;flex-shrink:0;border:2px solid #ddd;background:var(--calm-bg)}.cm-group-avatar img{width:100%;height:100%;object-fit:cover;display:block}.cm-group-dot{position:absolute;bottom:-1px;right:-1px;width:14px;height:14px;border-radius:50%;border:2.5px solid var(--card-bg)}.cm-group-body{flex:1;min-width:0}.cm-group-name{font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 3px;line-height:1.3}.cm-group-desc{font-size:12px;color:var(--text-secondary);margin:0 0 6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.cm-group-meta{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--text-tertiary)}.cm-group-meta svg{opacity:.6}.cm-group-chevron{color:var(--text-tertiary);flex-shrink:0;opacity:.5}.cm-safety-notice{display:flex;gap:12px;align-items:flex-start;background:#4a9fbf0f;border:1px solid rgba(74,159,191,.15);border-radius:12px;padding:14px;margin-top:8px}.cm-safety-notice svg{color:#4a9fbf;flex-shrink:0;margin-top:1px}.cm-safety-notice p{font-size:12px;line-height:1.5;color:var(--text-secondary);margin:0;font-weight:500}.cm-chat{position:fixed;inset:0 0 60px;display:flex;flex-direction:column;overflow:hidden;background:var(--card-bg);z-index:100}.cm-chat-header{display:flex;align-items:center;gap:12px;height:64px;padding:0 12px;border-bottom:1px solid var(--border-color);background:var(--card-bg);flex-shrink:0}.cm-back-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:50%;background:var(--calm-bg);color:var(--text-primary);cursor:pointer;transition:all .12s ease;flex-shrink:0}.cm-back-btn svg{display:block}.cm-back-btn:hover{background:#4a9fbf1a;color:#4a9fbf}.cm-back-btn:active{transform:scale(.92)}.cm-chat-header-info{flex:1;min-width:0}.cm-chat-title{font-size:17px;font-weight:800;color:var(--text-primary);margin:0;line-height:1.2}.cm-chat-status{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#10b981}.cm-chat-members{font-size:11px;font-weight:600;color:var(--text-tertiary)}.cm-info-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:50%;transition:background .15s ease;flex-shrink:0}.cm-info-btn:hover{background:var(--calm-bg);color:var(--text-secondary)}.cm-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px;background:var(--calm-bg)}.cm-date-sep{align-self:center;font-size:11px;font-weight:700;color:var(--text-tertiary);background:var(--card-bg);padding:4px 14px;border-radius:999px;border:1px solid var(--border-color);margin:8px 0}.cm-msg-wrapper{max-width:82%;display:flex;flex-direction:column}.cm-mine{align-self:flex-end}.cm-theirs{align-self:flex-start}.cm-sender-info{font-size:10px;font-weight:800;color:var(--text-tertiary);margin-bottom:4px;display:flex;align-items:center;gap:6px;letter-spacing:.03em;text-transform:uppercase}.cm-msg-bubble{padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.5;position:relative}.cm-theirs .cm-msg-bubble{background:var(--card-bg);color:var(--text-primary);border-bottom-left-radius:4px;border:1px solid var(--border-color)}.cm-mine .cm-msg-bubble{background:#4a9fbf;color:#fff;border-bottom-right-radius:4px}.cm-msg-meta{display:flex;align-items:center;gap:4px;font-size:10px;margin-top:4px;font-weight:600}.cm-theirs .cm-msg-meta{color:var(--text-tertiary)}.cm-mine .cm-msg-meta{color:#ffffffb3;justify-content:flex-end}.cm-msg-bubble.cm-flagged{opacity:.5}.cm-ai-typing{display:inline-flex;align-items:center;padding:12px 18px!important;min-width:60px}.cm-typing-dots{display:flex;gap:4px;align-items:center}.cm-typing-dots span{width:8px;height:8px;border-radius:50%;background:var(--text-tertiary);animation:cmTypingBounce 1.4s infinite ease-in-out both}.cm-typing-dots span:nth-child(1){animation-delay:0s}.cm-typing-dots span:nth-child(2){animation-delay:.16s}.cm-typing-dots span:nth-child(3){animation-delay:.32s}@keyframes cmTypingBounce{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.cm-role-badge{font-size:9px;padding:2px 6px;border-radius:4px;font-weight:800;letter-spacing:.04em}.cm-badge-nurse{background:#10b98126;color:#10b981}.cm-badge-hw{background:#4a9fbf26;color:#4a9fbf}.cm-input-area{padding:8px 12px 10px;background:var(--card-bg);border-top:1px solid var(--border-color);flex-shrink:0}.cm-input-row{display:flex;gap:8px;align-items:center}.cm-input-row input{flex:1;height:38px;background:var(--calm-bg);border:1px solid var(--border-color);border-radius:20px;padding:0 14px;font-size:14px;font-family:inherit;outline:none;color:var(--text-primary);transition:border-color .15s ease}.cm-input-row input:focus{border-color:#4a9fbf;box-shadow:0 0 0 3px #4a9fbf1f}.cm-input-row input::placeholder{color:var(--text-tertiary)}.cm-send-btn{width:38px;height:38px;background:none;color:#4a9fbf;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0;padding:0;line-height:0}.cm-send-btn:disabled{opacity:.5;cursor:default}.cm-send-btn:not(:disabled):hover{color:#3a8ba8;background:#4a9fbf14}.cm-send-btn:not(:disabled):active{transform:scale(.9)}.cm-input-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:600;color:var(--text-tertiary);margin:8px 0 0}.cm-input-note svg{width:12px;height:12px;opacity:.7}.cm-all-groups{display:flex;flex-direction:column;min-height:100vh;background:var(--calm-bg)}.cm-all-groups-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border-color);background:var(--card-bg);flex-shrink:0}.cm-all-groups-title{font-size:17px;font-weight:700;color:var(--text-primary);margin:0}.cm-search-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--card-bg);border-bottom:1px solid var(--border-color);flex-shrink:0}.cm-search-bar svg{color:var(--text-tertiary);flex-shrink:0}.cm-search-bar input{flex:1;height:38px;border:none;background:var(--calm-bg);padding:0 12px;border-radius:10px;font-size:14px;font-family:inherit;color:var(--text-primary);outline:none}.cm-search-bar input::placeholder{color:var(--text-tertiary)}.cm-search-bar input:focus{box-shadow:0 0 0 2px #4a9fbf40}.cm-clear-search{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;padding:0;display:flex;align-items:center}.cm-all-groups-grid{flex:1;overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;align-content:start}.cm-grid-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;text-align:left;width:100%}.cm-grid-card:hover{box-shadow:0 6px 24px #0000000f}.cm-grid-card:active{transform:scale(.98)}.cm-grid-card-img{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--calm-bg);display:flex;align-items:center;justify-content:center}.cm-grid-card-img img{width:100%;height:100%;object-fit:cover;display:block}.cm-grid-badge{position:absolute;top:8px;right:8px;background:#0009;color:#fff;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cm-grid-card-body{padding:14px;display:flex;flex-direction:column;flex:1}.cm-grid-card-body h3{font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 4px;line-height:1.3}.cm-grid-card-body p{font-size:12px;color:var(--text-secondary);margin:0 0 10px;line-height:1.4;flex:1}.cm-join-tag{display:inline-block;width:fit-content;background:#4a9fbf14;color:#4a9fbf;font-size:12px;font-weight:700;padding:6px 14px;border-radius:8px;cursor:pointer;transition:background .2s,color .2s}.cm-join-tag:hover{background:#4a9fbf2e}.cm-join-tag.cm-joined{background:#10b9811a;color:#10b981}.cm-join-tag.cm-joined:hover{background:#ef44441a;color:#ef4444}.cm-joined-badge{display:inline-block;font-size:10px;font-weight:700;color:#10b981;background:#10b9811a;padding:2px 8px;border-radius:6px;margin-left:8px;vertical-align:middle;letter-spacing:.03em}.cm-join-leave-btn{padding:6px 16px;border-radius:8px;font-size:12px;font-weight:700;border:none;cursor:pointer;transition:all .2s;flex-shrink:0}.cm-join-leave-btn.cm-join{background:#4a9fbf;color:#fff}.cm-join-leave-btn.cm-join:hover{background:#3a8faf}.cm-join-leave-btn.cm-leave{background:#ef44441a;color:#ef4444}.cm-join-leave-btn.cm-leave:hover{background:#ef444433}.cm-join-leave-btn:disabled{opacity:.5;cursor:not-allowed}.cm-loading{text-align:center;padding:32px 16px;color:var(--text-tertiary);font-size:14px}.cm-empty-state{text-align:center;padding:32px 16px;color:var(--text-secondary);font-size:14px}.cm-empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;color:var(--text-tertiary);text-align:center;gap:12px}.cm-empty-chat svg{width:40px;height:40px;opacity:.3}.cm-empty-chat p{font-size:14px;margin:0;max-width:260px;color:var(--text-secondary)}.cm-join-prompt{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;text-align:center}.cm-join-prompt p{margin:0;font-size:14px;color:var(--text-secondary)}.cm-join-prompt-btn{background:#4a9fbf;color:#fff;border:none;padding:12px 32px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s}.cm-join-prompt-btn:hover{background:#3a8faf}.cm-join-prompt-btn:disabled{opacity:.5;cursor:not-allowed}.cm-no-results{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;color:var(--text-tertiary);text-align:center}.cm-no-results svg{width:40px;height:40px;margin-bottom:12px;opacity:.4}.cm-no-results p{font-size:14px;margin:0;color:var(--text-secondary)}@media(max-width:600px){.cm-all-groups-grid{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.cm-action-card:hover{border-color:#4a9fbf33}.cm-group-card:hover{border-color:#ffffff14}.cm-safety-notice{background:#4a9fbf14;border-color:#4a9fbf1f}}.acct{min-height:100vh;background:var(--calm-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;color:var(--text-primary);padding-bottom:80px;position:relative}.acct-toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:200;padding:10px 24px;border-radius:12px;font-size:13px;font-weight:700;animation:acctSlideDown .3s ease;box-shadow:0 4px 16px #0000001f}.acct-toast-success{background:#10b981;color:#fff}.acct-toast-error{background:#ef4444;color:#fff}@keyframes acctSlideDown{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.acct-header{display:flex;align-items:center;gap:12px;height:60px;padding:0 12px;background:var(--card-bg);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50}.acct-back{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:none;background:var(--calm-bg);color:var(--text-primary);cursor:pointer;flex-shrink:0;transition:background .15s}.acct-back:hover{background:var(--border-color)}.acct-header-title{flex:1;font-size:18px;font-weight:800;margin:0;letter-spacing:-.3px}.acct-body{padding:0 16px 24px}.acct-profile-card{display:flex;align-items:center;gap:16px;padding:24px 16px;background:var(--card-bg);border-radius:18px;margin-top:16px;border:1px solid var(--border-color)}.acct-avatar-wrap{position:relative;width:72px;height:72px;flex-shrink:0}.acct-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid var(--card-bg);box-shadow:0 2px 10px #00000014}.acct-verified-dot{position:absolute;bottom:0;right:0;width:22px;height:22px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid var(--card-bg)}.acct-profile-info{flex:1;min-width:0}.acct-name{font-size:20px;font-weight:800;margin:0 0 2px;letter-spacing:-.3px}.acct-email{font-size:13px;color:var(--text-secondary);margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-role-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 8px;border-radius:20px;background:#4a9fbf14;color:#4a9fbf;font-size:11px;font-weight:800;letter-spacing:.02em}.acct-role-pill svg{width:14px;height:14px}.acct-status-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.acct-stat-card{display:flex;align-items:center;gap:10px;padding:14px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px}.acct-stat-card svg{width:18px;height:18px;color:var(--text-tertiary);flex-shrink:0}.acct-stat-card>div{display:flex;flex-direction:column;gap:1px;min-width:0}.acct-stat-label{font-size:10px;font-weight:800;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.acct-stat-value{font-size:14px;font-weight:800;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-val-accent{color:#f59e0b}.acct-val-green{color:#10b981}.acct-section{margin-top:24px}.acct-section-title{font-size:11px;font-weight:800;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px 4px}.acct-card-group{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.acct-divider{height:1px;background:var(--border-color);margin:0 16px}.acct-row{display:flex;align-items:center;gap:14px;padding:14px 16px;width:100%;border:none;background:none;cursor:pointer;text-align:left;color:var(--text-primary);transition:background .15s}.acct-row:hover{background:var(--calm-bg)}.acct-row-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.acct-row-body{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.acct-row-label{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em}.acct-row-value{font-size:15px;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-row>svg{color:var(--text-tertiary);flex-shrink:0}.acct-toggle{width:44px;height:26px;border-radius:13px;background:var(--border-color);position:relative;flex-shrink:0;transition:background .25s;cursor:pointer}.acct-toggle-on{background:#10b981}.acct-toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000026;transition:transform .25s}.acct-toggle-on .acct-toggle-thumb{transform:translate(18px)}.acct-signout{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:32px;padding:14px;border-radius:14px;border:1px solid rgba(239,68,68,.2);background:#ef44440d;color:#ef4444;font-size:14px;font-weight:800;cursor:pointer;transition:all .15s}.acct-signout:hover{background:#ef44441a;border-color:#ef44444d}.acct-version{text-align:center;font-size:11px;font-weight:600;color:var(--text-tertiary);margin:20px 0 0;letter-spacing:.04em}.acct-overlay{position:fixed;inset:0;z-index:300;background:#00000073;display:flex;align-items:center;justify-content:center;animation:acctFadeIn .2s ease}@keyframes acctFadeIn{0%{opacity:0}to{opacity:1}}.acct-modal{width:100%;max-width:440px;background:var(--card-bg);border-radius:20px;padding:0;margin:16px;animation:acctScaleIn .25s ease;max-height:85vh;overflow-y:auto}@keyframes acctScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.acct-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 12px;border-bottom:1px solid var(--border-color)}.acct-modal-header h3{font-size:17px;font-weight:800;margin:0}.acct-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:var(--calm-bg);color:var(--text-secondary);cursor:pointer;transition:background .15s}.acct-modal-close:hover{background:var(--border-color)}.acct-modal-error{margin:12px 20px 0;padding:10px 14px;border-radius:10px;background:#ef444414;color:#ef4444;font-size:13px;font-weight:600}.acct-modal-body{padding:20px;display:flex;flex-direction:column;gap:12px}.acct-field-label{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-top:4px}.acct-input{width:100%;height:48px;padding:0 16px;border:1px solid var(--border-color);border-radius:12px;background:var(--calm-bg);color:var(--text-primary);font-size:15px;font-family:inherit;font-weight:600;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.acct-input:focus{border-color:#4a9fbf;box-shadow:0 0 0 3px #4a9fbf1f}.acct-modal-save{margin-top:8px;width:100%;height:48px;border:none;border-radius:14px;background:#4a9fbf;color:#fff;font-size:15px;font-weight:800;cursor:pointer;transition:background .15s}.acct-modal-save:hover:not(:disabled){background:#3a8faf}.acct-modal-save:disabled{opacity:.5;cursor:not-allowed}@media(prefers-color-scheme:dark){.acct-profile-card,.acct-stat-card{box-shadow:none}.acct-row:hover{background:#ffffff08}.acct-signout{background:#ef444414;border-color:#ef444426}.acct-overlay{background:#000000a6}}.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f9ff,#e0f2f1);padding:0;overflow:hidden;position:relative;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif}.auth-wrapper:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(35,118,114,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.auth-wrapper:after{content:"";position:absolute;bottom:-150px;left:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(74,159,191,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.auth-container{width:100%;max-width:480px;height:100vh;background:#fff;position:relative;display:flex;flex-direction:column;box-shadow:0 40px 100px #00000014;transition:all .4s ease;z-index:10}@media(min-width:481px){.auth-container{height:auto;min-height:800px;border-radius:40px;margin:40px 0;max-height:90vh}}.onboarding-content{flex:1;padding:60px 40px;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bcdbd9 transparent}@media(max-width:480px){.onboarding-content{padding:0;overflow-y:auto}}.onboarding-content::-webkit-scrollbar{width:6px}.onboarding-content::-webkit-scrollbar-thumb{background-color:#bcdbd9;border-radius:10px}.onboarding-content.welcome{justify-content:center;align-items:center;text-align:center}.onboarding-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.onboarding-header h2{font-size:28px;font-weight:900;color:#1e293b}.back-btn{background:#f1f5f9;border:none;color:#1e293b;cursor:pointer;padding:12px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:all .2s}.back-btn:hover{background:#e2e8f0;transform:translate(-4px)}.onboarding-form{display:flex;flex-direction:column;gap:28px}.form-group-onboarding{display:flex;flex-direction:column;gap:10px}.form-group-onboarding label{font-size:15px;font-weight:800;color:#334155;margin-left:4px}.form-group-onboarding input{padding:18px 24px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:18px;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);color:#1e293b}.form-group-onboarding input:focus{outline:none;border-color:#237672;box-shadow:0 0 0 6px #2376721a;transform:translateY(-2px);background:#fff}.primary-onboarding-btn{background:#237672;color:#fff;padding:20px;border-radius:18px;font-weight:900;font-size:18px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 25px #23767233}.primary-onboarding-btn:hover:not(:disabled){background:#1c5e5a;transform:translateY(-4px);box-shadow:0 15px 35px #2376724d}.primary-onboarding-btn:disabled{opacity:.5;cursor:not-allowed}.text-link-btn{background:none;border:none;color:#237672;font-weight:900;font-size:16px;cursor:pointer;padding:16px;transition:all .2s}.auth-footer-alternate{margin-top:40px;text-align:center;color:#64748b;font-size:15px;font-weight:500}.auth-footer-alternate button{background:none;border:none;color:#237672;font-weight:900;cursor:pointer;margin-left:8px;text-decoration:underline;text-underline-offset:4px}.fade-in{animation:fadeIn .6s cubic-bezier(.23,1,.32,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-error{background:#fff1f2;color:#e11d48;padding:16px;border-radius:14px;font-size:14px;font-weight:700;border:1px solid #fecdd3;margin-bottom:16px}@media(prefers-color-scheme:dark){.auth-wrapper{background:radial-gradient(circle at top right,#1e293b,#0f172a)}.auth-container{background:#1e293be6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);box-shadow:0 40px 100px #0006}.onboarding-header h2,.onboarding-form label{color:#f8fafc}.auth-footer-alternate{color:#94a3b8}.onboarding-form input{background:#0f172a80;border-color:#ffffff1a;color:#f8fafc}.onboarding-form input:focus{border-color:#237672;background:#0f172acc}.back-btn{background:#ffffff0d;color:#f8fafc}}:root{--primary: #16a34a;--primary-light: #22c55e;--primary-dark: #15803d;--secondary: #0f766e;--secondary-light: #14b8a6;--text-dark: #1e293b;--text-muted: #64748b;--text-light: #94a3b8;--background: #ffffff;--background-light: #f8fafc;--border: #e2e8f0;--border-subtle: rgba(15, 23, 42, .06);--shadow: rgba(22, 163, 74, .08);--shadow-btn: rgba(22, 163, 74, .15);--ff-body: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease: cubic-bezier(.34, 1.56, .64, 1)}@media(prefers-color-scheme:dark){:root{--primary: #22c55e;--primary-light: #4ade80;--primary-dark: #16a34a;--secondary: #14b8a6;--secondary-light: #2dd4bf;--text-dark: #f8fafc;--text-muted: #cbd5e1;--text-light: #94a3b8;--background: #0f172a;--background-light: #1e293b;--border: #334155;--border-subtle: rgba(255, 255, 255, .1);--shadow: rgba(0, 0, 0, .2);--shadow-btn: rgba(0, 0, 0, .3)}}.landing-screen{font-family:var(--ff-body);min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);background-image:linear-gradient(135deg,#f0f9ff,#e0f2fe),radial-gradient(circle at 20% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(14,165,233,.06) 0%,transparent 50%);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top,0px) 0 max(20px,env(safe-area-inset-bottom,20px));position:relative;overflow:hidden}@media(prefers-color-scheme:dark){.landing-screen{background:linear-gradient(135deg,#0f172a,#1e293b);background-image:linear-gradient(135deg,#0f172a,#1e293b),radial-gradient(circle at 20% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(14,165,233,.06) 0%,transparent 50%)}}.landing-screen:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.015'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.landing-screen:after{content:"";position:absolute;top:-200px;right:-150px;width:520px;height:520px;border-radius:50%;border:1.5px solid var(--border);opacity:.4;pointer-events:none;z-index:0;animation:lsArc 32s linear infinite}@keyframes lsArc{to{transform:rotate(360deg)}}@keyframes lsRise{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lsGlow{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.08);opacity:.55}}.landing-content{width:100%;max-width:390px;padding:0 20px;display:flex;flex-direction:column;align-items:center;flex:1;justify-content:center;gap:0;position:relative;z-index:2}.hero-section{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.logo-wrapper{position:relative;width:200px;height:200px;margin-bottom:24px;opacity:0;transform:translateY(22px) scale(.96);animation:lsRise 1s var(--ease) .08s forwards}.logo-wrapper:before{content:"";position:absolute;inset:-16px;border-radius:50%;border:1px dashed var(--primary);opacity:.3;animation:lsArc 22s linear infinite}.logo-wrapper:after{content:"";position:absolute;inset:-32px;border-radius:50%;border:1px solid var(--border);opacity:.65;animation:lsArc 34s linear infinite reverse}.logo-container{width:100%;height:100%;position:relative;z-index:2;border-radius:50%;background:transparent;transition:transform .55s var(--ease);border:none}.logo-container:active{transform:scale(.96)}.logo-container img{width:100%;height:100%;object-fit:contain;border-radius:50%;filter:drop-shadow(0 8px 20px rgba(22,163,74,.12)) drop-shadow(0 2px 4px var(--shadow));display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .55s var(--ease)}.logo-glow{position:absolute;inset:-28px;border-radius:50%;background:radial-gradient(circle,rgba(22,163,74,.1) 0%,transparent 68%);animation:lsGlow 4s ease-in-out infinite;z-index:0;pointer-events:none}.brand-content{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:18px;opacity:0;transform:translateY(16px);animation:lsRise .85s var(--ease) .28s forwards}.brand-content span{font-size:40px!important;font-weight:700!important;color:var(--primary)!important;letter-spacing:-.5px}.brand-content span em{font-style:italic;color:var(--secondary)}.brand-tagline{font-family:var(--ff-body);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin:0}.features-preview{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:24px;padding:0;opacity:0;transform:translateY(12px);animation:lsRise .8s var(--ease) .44s forwards}.feature-text{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.feature-subtitle{font-size:12px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin:0}.feature-description{font-size:14px;font-weight:500;color:var(--text-muted);line-height:1.5;margin:0}.cta-section{width:100%;display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(12px);animation:lsRise .8s var(--ease) .6s forwards}.primary-btn{width:100%;padding:12px 24px;background:var(--primary);color:#fff;font-family:var(--ff-body);font-size:13px;font-weight:600;letter-spacing:-.01em;border:none;border-radius:8px;cursor:pointer;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:all .25s ease;box-shadow:none}.primary-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.primary-btn:active{transform:translateY(0) scale(.98);background:var(--primary-dark)}.secondary-btn{width:100%;padding:14px 20px;background:var(--background-light);color:var(--text-dark);font-family:var(--ff-body);font-size:14px;font-weight:600;letter-spacing:.02em;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 1px 3px var(--border-subtle);transition:all .2s ease}.secondary-btn:active{transform:scale(.98);background:var(--background);border-color:var(--primary)}.install-btn{width:100%;padding:12px 20px;background:var(--secondary);color:#fff;font-family:var(--ff-body);font-size:13px;font-weight:600;letter-spacing:.02em;border:none;border-radius:10px;cursor:pointer;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #0f766e26,0 1px 3px var(--border-subtle);display:flex;align-items:center;justify-content:center;gap:8px}.install-btn:hover{background:var(--secondary-light);transform:translateY(-1px);box-shadow:0 6px 16px #0f766e40,0 1px 3px var(--border-subtle)}.install-btn:active{transform:scale(.98);background:#0d6460;box-shadow:0 2px 6px #0f766e26}@media(prefers-color-scheme:dark){.install-btn{background:#0d6460;box-shadow:0 4px 12px #14b8a626,0 1px 3px var(--border-subtle)}.install-btn:hover{background:var(--secondary);box-shadow:0 6px 16px #14b8a640,0 1px 3px var(--border-subtle)}.install-btn:active{background:#0d4f4c}}.trust-section{display:none}.trust-bar{width:100%;padding:12px 20px 0;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:2;opacity:0;animation:lsRise .6s ease .8s forwards}.trust-bar-rule{width:40px;height:1px;background:var(--border);opacity:.5}.trust-bar-items{display:flex;align-items:center;gap:10px}.trust-item{display:flex;align-items:center;gap:4px;font-family:var(--ff-body);font-size:11px;font-weight:500;color:var(--text-light);letter-spacing:.01em}.trust-item svg{color:var(--primary);flex-shrink:0;width:16px;height:16px}.trust-sep{width:2px;height:2px;border-radius:50%;background:var(--border);opacity:.6;flex-shrink:0}.fade-in{animation:none}@media(min-width:640px){.landing-content{max-width:440px;padding:0 24px}.logo-wrapper{width:240px;height:240px}.primary-btn,.secondary-btn{padding:16px 24px;font-size:15px}}@media(min-width:1024px){.landing-content{max-width:480px}.logo-wrapper{width:280px;height:280px}.logo-container:hover{transform:scale(1.04) rotate(1deg)}.primary-btn:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:none}.secondary-btn:hover{background:var(--background);border-color:var(--primary);color:var(--primary);box-shadow:0 4px 12px var(--shadow-btn)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.logo-wrapper,.brand-content,.features-preview,.cta-section,.trust-bar{opacity:1!important;transform:none!important}}@media(prefers-contrast:high){.primary-btn{border:2px solid #000}.secondary-btn,.feature-pill{border:2px solid currentColor}}.primary-btn:focus-visible,.secondary-btn:focus-visible{outline:2.5px solid var(--primary);outline-offset:3px}.login-screen-wrapper{width:100%;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);padding-top:max(env(safe-area-inset-top),16px);padding-bottom:max(env(safe-area-inset-bottom),16px);overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);position:relative}@media(prefers-color-scheme:dark){.login-screen-wrapper{background:linear-gradient(135deg,#0f172a,#1e293b)}}.login-screen-wrapper:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle at 20% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(14,165,233,.06) 0%,transparent 50%);z-index:0}.login-content{width:100%;max-width:460px;padding:20px 20px 32px;display:flex;flex-direction:column;gap:0;animation:fadeInUp .4s ease;position:relative;z-index:1}.login-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:32px;position:relative}.login-header-text{flex:1}.login-header h1{font-family:var(--ff-display, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:clamp(24px,5vw,32px);font-weight:600;color:#1a365d;margin:0 0 6px;letter-spacing:-.02em;line-height:1.2}@media(prefers-color-scheme:dark){.login-header h1{color:#e6f0f7}}.header-subtitle{font-family:var(--ff-body, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:14px;font-weight:400;color:#64748b;margin:0;line-height:1.5}.back-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:translate(-2px)}.back-btn:disabled{opacity:.5;cursor:not-allowed}.login-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-family:var(--ff-body, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:14px;font-weight:600;color:#334155;letter-spacing:-.01em}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;display:flex;align-items:center;justify-content:center;color:#94a3b8;pointer-events:none;transition:color .2s ease}@media(prefers-color-scheme:dark){.input-icon{color:#64748b}}.input-wrapper:focus-within .input-icon{color:#3b82f6}@media(prefers-color-scheme:dark){.input-wrapper:focus-within .input-icon{color:#60a5fa}}.input-wrapper input{width:100%;padding:14px 16px 14px 48px;font-family:var(--ff-body, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:16px;font-weight:400;color:#0f172a;background:#fff;border:2px solid #e2e8f0;border-radius:12px;outline:none;-webkit-appearance:none;appearance:none;touch-action:manipulation;transition:all .2s ease}@media(prefers-color-scheme:dark){.input-wrapper input{background:#1e293b;border-color:#334155;color:#f1f5f9}}.input-wrapper input::placeholder{color:#94a3b8;opacity:1}@media(prefers-color-scheme:dark){.input-wrapper input::placeholder{color:#64748b}}.input-wrapper input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}@media(prefers-color-scheme:dark){.input-wrapper input:focus{background:#1e293b;border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa26}}.input-wrapper input:disabled{opacity:.6;cursor:not-allowed;background:#f8fafc}@media(prefers-color-scheme:dark){.input-wrapper input:disabled{background:#0f172a}}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper input{width:100%;padding:14px 44px 14px 48px;font-family:var(--ff-body, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:16px;font-weight:400;color:#0f172a;background:#fff;border:2px solid #e2e8f0;border-radius:12px;outline:none;-webkit-appearance:none;appearance:none;touch-action:manipulation;transition:all .2s ease}@media(prefers-color-scheme:dark){.password-wrapper input{background:#1e293b;border-color:#334155;color:#f1f5f9}}.password-wrapper input::placeholder{color:#94a3b8;opacity:1}@media(prefers-color-scheme:dark){.password-wrapper input::placeholder{color:#64748b}}.password-wrapper input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}@media(prefers-color-scheme:dark){.password-wrapper input:focus{background:#1e293b;border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa26}}.password-wrapper input:disabled{opacity:.6;cursor:not-allowed;background:#f8fafc}@media(prefers-color-scheme:dark){.password-wrapper input:disabled{background:#0f172a}}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#475569;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:6px}.password-toggle:hover:not(:disabled){color:#237672;background:#2376721a}@media(prefers-color-scheme:dark){.password-toggle:hover:not(:disabled){color:#14b8a6;background:#14b8a626}}.password-toggle:active:not(:disabled){color:#1a5a56;background:#23767226}@media(prefers-color-scheme:dark){.password-toggle:active:not(:disabled){color:#5eead4;background:#14b8a633}}.password-toggle:disabled{opacity:.4;cursor:not-allowed}.password-toggle:focus-visible{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.password-toggle svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.forgot-password-row{display:flex;justify-content:flex-end;margin-top:-8px}.forgot-password-link{background:none;border:none;padding:6px 8px;font-family:var(--ff-body, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:14px;font-weight:500;color:#3b82f6;cursor:pointer;border-radius:6px;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media(prefers-color-scheme:dark){.forgot-password-link{color:#60a5fa}}.forgot-password-link:hover:not(:disabled){background:#3b82f61a;color:#2563eb}@media(prefers-color-scheme:dark){.forgot-password-link:hover:not(:disabled){background:#60a5fa26;color:#93c5fd}}.forgot-password-link:active:not(:disabled){transform:scale(.96)}.forgot-password-link:disabled{opacity:.5;cursor:not-allowed}.forgot-password-link:focus-visible{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.error-message,.success-message{padding:14px 16px;border-radius:12px;font-family:var(--ff-body, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:14px;font-weight:500;letter-spacing:-.01em;line-height:1.5}.error-message{background:#fef2f2;border:2px solid #fecaca;color:#dc2626}.success-message{background:#f0fdf4;border:2px solid #bbf7d0;color:#16a34a}@media(prefers-color-scheme:dark){.success-message{background:#16a34a26;border-color:#86efac66;color:#86efac}}.shake{animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-8px)}}.submit-btn{width:100%;padding:16px 24px;margin-top:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-family:var(--ff-body, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:16px;font-weight:600;letter-spacing:-.01em;border:none;border-radius:12px;cursor:pointer;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:all .2s ease;touch-action:manipulation;box-shadow:0 1px #fff3 inset,0 4px 16px #3b82f64d,0 2px 8px #3b82f633}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 1px #fff3 inset,0 8px 24px #3b82f666,0 4px 12px #3b82f64d}.submit-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.spinner-icon{animation:spinRotate .75s linear infinite}.sign-in-link{display:flex;align-items:center;justify-content:center;gap:3px;margin-top:24px;padding:0;font-family:var(--ff-body, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:14px;color:#64748b;text-align:center}.secondary-btn{width:100%;padding:15px 24px;background:#fff;color:#3b82f6;font-family:var(--ff-body, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:15px;font-weight:600;letter-spacing:-.01em;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media(prefers-color-scheme:dark){.secondary-btn{background:#1e293b;color:#60a5fa;border-color:#334155}}.secondary-btn:hover:not(:disabled){background:#eff6ff;border-color:#bfdbfe;color:#2563eb}@media(prefers-color-scheme:dark){.secondary-btn:hover:not(:disabled){background:#1e3a5f;border-color:#3b82f6;color:#93c5fd}}@media(min-width:640px){.login-content{padding:32px 40px 48px;max-width:500px}.login-header{margin-bottom:40px}.login-header h1{font-size:36px}.input-wrapper input{padding:16px 18px 16px 52px;font-size:16px}.input-icon{left:18px}.submit-btn{padding:18px 28px;font-size:16px}.secondary-btn{padding:16px 28px}}@media(min-width:1024px){.login-content{max-width:520px}}@media(prefers-contrast:high){.input-wrapper input,.submit-btn,.secondary-btn{border-width:2px}.submit-btn{border:2px solid #1e40af}}.input-wrapper input:focus-visible{outline:none}@media(max-height:500px)and (orientation:landscape){.login-screen-wrapper{align-items:flex-start;padding-top:max(env(safe-area-inset-top),12px);padding-bottom:max(env(safe-area-inset-bottom),12px)}.login-content{padding:16px 20px 24px}.login-header{margin-bottom:20px}.login-form{gap:14px}.auth-divider{margin:20px 0 16px}}@media(hover:none)and (pointer:coarse){.back-btn,.password-toggle,.forgot-password-link,.submit-btn,.secondary-btn{min-height:44px}.input-wrapper input{min-height:48px}}@supports (-webkit-touch-callout: none){.input-wrapper input,.submit-btn,.secondary-btn{font-size:16px}}.login-screen-wrapper{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){.login-screen-wrapper{scroll-behavior:auto}}.fade-in{animation:fadeInUp .4s ease}.login-screen-wrapper:after{content:"";position:fixed;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.3) 50%,transparent 100%);pointer-events:none;z-index:2}@media(prefers-color-scheme:dark){.login-screen-wrapper:after{background:linear-gradient(90deg,transparent 0%,rgba(96,165,250,.2) 50%,transparent 100%)}}.register-screen-wrapper{width:100%;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);padding-top:max(env(safe-area-inset-top),12px);padding-bottom:max(env(safe-area-inset-bottom),12px);overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);position:relative}@media(prefers-color-scheme:dark){.register-screen-wrapper{background:linear-gradient(135deg,#0f172a,#1e293b)}}.register-screen-wrapper:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle at 20% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(14,165,233,.06) 0%,transparent 50%);z-index:0}.register-content{width:100%;max-width:460px;padding:12px 16px 16px;display:flex;flex-direction:column;gap:0;animation:fadeInUp .4s ease;position:relative;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.register-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px;position:relative}.register-header-text{flex:1}.register-header h1{font-family:var(--ff-display, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:20px;font-weight:700;color:#237672;margin:0 0 2px;letter-spacing:-.02em;line-height:1.3}@media(prefers-color-scheme:dark){.register-header h1{color:#14b8a6}}.header-subtitle{font-family:var(--ff-body, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:13px;font-weight:500;color:#64748b;margin:0;line-height:1.4}@media(prefers-color-scheme:dark){.header-subtitle{color:#94a3b8}}.back-btn{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media(prefers-color-scheme:dark){.back-btn{background:#1e293b;border-color:#334155;color:#cbd5e1}}.back-btn:hover{background:#237672;border-color:#237672;color:#fff;transform:translate(-2px)}.back-btn:active{transform:translate(-2px) scale(.96)}.back-btn svg{display:block}.register-form{display:flex;flex-direction:column;gap:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-family:var(--ff-body, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:13px;font-weight:600;color:#334155;letter-spacing:-.01em;text-transform:none}@media(prefers-color-scheme:dark){.form-group label{color:#e2e8f0}}.form-group input{width:100%;padding:11px 13px;font-family:var(--ff-body, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:15px;font-weight:400;color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;outline:none;transition:all .2s ease;-webkit-appearance:none;appearance:none;touch-action:manipulation}@media(prefers-color-scheme:dark){.form-group input{background:#1e293b;border-color:#334155;color:#f1f5f9}}.form-group input::placeholder{color:#94a3b8;opacity:1}@media(prefers-color-scheme:dark){.form-group input::placeholder{color:#64748b}}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding:11px 44px 11px 13px;font-family:var(--ff-body, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:15px;font-weight:400;color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;outline:none;transition:all .2s ease;-webkit-appearance:none;appearance:none;touch-action:manipulation}@media(prefers-color-scheme:dark){.password-input-wrapper input{background:#1e293b;border-color:#334155;color:#f1f5f9}}.password-input-wrapper input::placeholder{color:#94a3b8;opacity:1}@media(prefers-color-scheme:dark){.password-input-wrapper input::placeholder{color:#64748b}}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:6px;color:#475569;transition:color .2s ease,background .2s ease;-webkit-appearance:none;appearance:none;border-radius:6px;z-index:2}@media(prefers-color-scheme:dark){.password-toggle{color:#cbd5e1}}.password-toggle:hover{color:#237672;background:#2376721a}.password-toggle:active{color:#1a5a56;background:#23767226}@media(prefers-color-scheme:dark){.password-toggle:hover{color:#14b8a6;background:#14b8a626}.password-toggle:active{color:#5eead4;background:#14b8a633}}.password-toggle svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.form-group input:focus,.password-input-wrapper input:focus{border-color:#237672;background:#fff;box-shadow:0 0 0 2px #2376721f}@media(prefers-color-scheme:dark){.form-group input:focus,.password-input-wrapper input:focus{background:#1e293b;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a626}}.form-group input:disabled,.password-input-wrapper input:disabled{opacity:.6;cursor:not-allowed;background:#f8fafc}@media(prefers-color-scheme:dark){.form-group input:disabled,.password-input-wrapper input:disabled{background:#0f172a}}.submit-btn{width:100%;padding:12px 20px;margin-top:14px;background:linear-gradient(135deg,#237672,#1a5a56);color:#fff;font-family:var(--ff-body, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:15px;font-weight:600;letter-spacing:-.01em;border:none;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:all .25s ease;touch-action:manipulation;box-shadow:none}.submit-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 60%);pointer-events:none}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1a5a56,#144449);transform:translateY(-1px);box-shadow:none}} .submit-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn.loading{pointer-events:none}.btn-content{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;z-index:1}.btn-content svg{flex-shrink:0}.security-note{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;margin-top:4px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;font-family:var(--ff-body, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:13px;font-weight:500;color:#0369a1}@media(prefers-color-scheme:dark){.security-note{background:#0ea5e91a;border-color:#38bdf84d;color:#7dd3fc}}.security-note svg{flex-shrink:0}.error-message{padding:10px 12px;background:#fef2f2;border:1px solid #fee2e2;border-radius:6px;font-family:var(--ff-body, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:13px;font-weight:500;color:#dc2626;letter-spacing:-.01em;line-height:1.5}.sign-in-link{display:flex;align-items:center;justify-content:center;gap:3px;margin-top:18px;padding:0;font-family:var(--ff-body, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:14px;color:#64748b;text-align:center}@media(prefers-color-scheme:dark){.sign-in-link{color:#cbd5e1}}.link-btn{background:none;border:none;color:#237672;font-family:inherit;font-size:inherit;font-weight:600;cursor:pointer;padding:0 0 2px;transition:color .2s ease;-webkit-tap-highlight-color:transparent;text-decoration:none;position:relative;border-bottom:1px solid transparent}@media(prefers-color-scheme:dark){.link-btn{color:#14b8a6}}.link-btn:hover:not(:disabled){color:#1a5a56;border-bottom-color:#237672}@media(prefers-color-scheme:dark){.link-btn:hover:not(:disabled){color:#5eead4;border-bottom-color:#14b8a6}}.link-btn:active:not(:disabled){opacity:.8}.link-btn:disabled{opacity:.5;cursor:not-allowed}@media(prefers-color-scheme:dark){.error-message{background:#dc262626;border-color:#f8717166;color:#fca5a5}}.secondary-btn{width:100%;padding:11px 20px;background:#fff;color:#237672;font-family:var(--ff-body, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);font-size:14px;font-weight:600;letter-spacing:-.01em;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}} @media (prefers-color-scheme: dark){.secondary-btn{background:#1e293b;color:#14b8a6;border-color:#334155}}.secondary-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#1a5a56}@media(prefers-color-scheme:dark){.secondary-btn:hover:not(:disabled){background:#1e3a1f;border-color:#14b8a6;color:#5eead4}}.secondary-btn:active:not(:disabled){transform:scale(.98)}@media(min-width:640px){.register-content{padding:32px 40px 48px;max-width:500px}.register-header{margin-bottom:40px}.register-header h1{font-size:36px}.form-group input{padding:16px 18px;font-size:16px}.submit-btn{padding:18px 28px;font-size:16px}.secondary-btn{padding:16px 28px}}@media(min-width:1024px){.register-content{max-width:520px}}@media(prefers-contrast:high){.form-group input{border-width:2px}.submit-btn{border:2px solid #1e40af}.secondary-btn{border-width:2px}}.back-btn:focus-visible,.submit-btn:focus-visible,.secondary-btn:focus-visible{outline:3px solid rgba(59,130,246,.5);outline-offset:2px}.form-group input:focus-visible{outline:none}@media(max-height:500px)and (orientation:landscape){.register-screen-wrapper{align-items:flex-start;padding-top:max(env(safe-area-inset-top),12px);padding-bottom:max(env(safe-area-inset-bottom),12px)}.register-content{padding:16px 20px 24px}.register-header{margin-bottom:20px}.register-form{gap:14px}.auth-divider{margin:20px 0 16px}}.submit-btn.loading{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.submit-btn.loading .btn-content{opacity:.9}@media(hover:none)and (pointer:coarse){.back-btn,.submit-btn,.secondary-btn{min-height:44px}.form-group input{min-height:48px}}@supports (-webkit-touch-callout: none){.form-group input,.submit-btn,.secondary-btn{font-size:16px}}.register-screen-wrapper{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){.register-screen-wrapper{scroll-behavior:auto}}.onboarding-container{display:flex;flex-direction:column;height:100%;gap:0}@media(max-width:480px){.onboarding-container{overflow:hidden}}.loading-spinner{display:flex;align-items:center;justify-content:center;height:100%;font-size:16px;color:#64748b;font-weight:600;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.welcome-header-bar{display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) 16px 8px;border-bottom:1px solid rgba(15,23,42,.06);background-color:#fff;flex-shrink:0}.welcome-back-btn{display:inline-flex;align-items:center;gap:4px;border:none;background:none;padding:4px 6px;border-radius:999px;cursor:pointer;color:#16a34a;font-size:14px;font-weight:500}.welcome-back-btn:active{background-color:#0f172a0f}.welcome-back-icon{font-size:20px;line-height:1}.welcome-back-text{font-size:14px}.welcome-step-text{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#64748b}.welcome-screen{display:flex;flex-direction:column;min-height:100vh;min-height:-webkit-fill-available;background:#fff;position:relative;padding-bottom:env(safe-area-inset-bottom)}.welcome-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px 24px 16px;overflow-y:auto;overflow-x:hidden;min-height:0;-webkit-overflow-scrolling:touch}.illustration-card{width:140px;height:140px;background:linear-gradient(135deg,#f0f7f7,#e0f2f1);border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:16px;box-shadow:0 4px 12px #23767214;flex-shrink:0}.hero-image{width:100%;height:100%;object-fit:cover}.welcome-body{text-align:center;max-width:400px;flex-shrink:0}.welcome-title{font-size:26px;font-weight:700;color:#1e293b;margin:0 0 4px;letter-spacing:-.5px}.welcome-subtitle{font-size:15px;font-weight:500;color:#475569;margin:0 0 6px;line-height:1.4}.welcome-description{font-size:13px;color:#64748b;margin:0;line-height:1.5}.welcome-button-group{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:50px;gap:8px}.welcome-btn{width:100%;padding:14px 20px;border-radius:10px;background:#237672!important;color:#fff!important;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;font-size:14px;box-shadow:0 2px 8px #23767233;display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px}.welcome-btn:hover{background:#1a5a56!important;transform:translateY(-1px);box-shadow:0 4px 12px #23767240}.welcome-btn:active{transform:translateY(0);box-shadow:0 2px 6px #23767233}.welcome-footer-note{text-align:center;font-size:10px;color:#94a3b8;margin:16px 0 0;letter-spacing:.5px;font-weight:500}.fade-in{animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-color-scheme:dark){.welcome-screen{background:#0f172a}.progress-bar-container{background:#1e293b}.progress-bar-fill{background:#14b8a6}.illustration-card{background:linear-gradient(135deg,#1e293b,#334155);box-shadow:0 4px 12px #0000004d}.welcome-title{color:#f8fafc}.welcome-subtitle{color:#cbd5e1}.welcome-description{color:#94a3b8}.welcome-btn{background:#14b8a6!important;box-shadow:0 2px 8px #14b8a64d}.welcome-btn:hover{background:#0d9488!important;box-shadow:0 4px 12px #14b8a666}.welcome-footer-note{color:#64748b}}@media(max-width:375px){.welcome-content{padding:32px 20px 24px}.illustration-card{width:140px;height:140px;margin-bottom:32px;border-radius:14px}.welcome-title{font-size:24px}.welcome-subtitle{font-size:15px}.welcome-description{font-size:13px}.welcome-btn{padding:14px 20px;font-size:14px}}@media(max-width:320px){.welcome-content{padding:24px 16px 20px}.illustration-card{width:120px;height:120px;margin-bottom:28px}.welcome-title{font-size:22px}.welcome-subtitle{font-size:14px}.welcome-description{font-size:12px}}@media(max-height:600px)and (orientation:landscape){.welcome-content{padding:20px 24px 16px;flex-direction:row;gap:32px}.illustration-card{width:120px;height:120px;margin-bottom:0}.welcome-body{text-align:left}.welcome-title{font-size:22px;margin-bottom:6px}.welcome-subtitle{font-size:14px;margin-bottom:8px}.welcome-description{font-size:13px}.welcome-btn{padding:12px 24px;font-size:14px}.welcome-footer-note{font-size:10px;margin-top:8px}}@media(min-height:800px){.welcome-content{padding:60px 24px 40px}.illustration-card{width:180px;height:180px;margin-bottom:48px}}@supports (-webkit-touch-callout: none){.welcome-screen{min-height:-webkit-fill-available}}.role-page{display:flex;flex-direction:column;min-height:100vh;background-color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;color:#102a43}.role-header-bar{display:flex;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) 16px 8px;display:inline-flex;align-items:center;gap:4px;border:none;background:none;padding:4px 6px;border-radius:999px;cursor:pointer;color:#0f766e;font-size:14px;font-weight:500}.role-back-btn:active{background-color:#0f172a0f}.role-back-icon{font-size:20px;line-height:1}.role-back-text{font-size:14px}.role-step-text{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#64748b}.role-main{flex:1;padding:20px 16px 80px;max-width:480px;width:100%;margin:0 auto;display:flex;flex-direction:column;overflow-y:auto;min-height:0}.role-intro{margin-bottom:24px}.role-title{margin:0 0 8px;font-size:20px;line-height:1.3;font-weight:600;color:#0f172a}.role-subtitle{margin:0;font-size:14px;line-height:1.5;color:#64748b}.role-cards{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.role-card{width:100%;border-radius:14px;border:2px solid #e2e8f0;background-color:#fff;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:border-color .15s ease-out,box-shadow .15s ease-out,background-color .15s ease-out,transform 80ms ease-out;min-height:92px}.role-card:hover:not(:disabled){border-color:#16a34a}.role-card:active:not(:disabled){transform:scale(.99)}.role-card[disabled]{opacity:.85;cursor:default}.role-card-selected{border-color:#16a34a;background-color:#f0fdf4;box-shadow:0 0 0 2px #16a34a1a}.role-card-left{display:flex;align-items:center;gap:14px;flex:1}.role-avatar{width:60px;height:60px;border-radius:14px;overflow:hidden;background-color:#e2f3f0;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid transparent;transition:border-color .2s ease-out,box-shadow .2s ease-out,transform .2s ease-out}.role-avatar img{width:100%;height:100%;object-fit:cover}.role-card-selected .role-avatar{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a26;transform:scale(1.05)}.role-card-text{display:flex;flex-direction:column}.role-card-title{font-size:15px;font-weight:600;color:#0f172a;margin-bottom:2px}.role-card-subtitle{font-size:13px;color:#64748b}.role-card-right{display:flex;align-items:center;justify-content:center}.role-radio{width:32px;height:32px;border-radius:999px;border:2px solid #cbd5f5;background-color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s cubic-bezier(.34,1.56,.64,1),background-color .2s cubic-bezier(.34,1.56,.64,1),transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease-out;flex-shrink:0;box-shadow:0 2px 4px #0000000d}.role-radio-checked{border-color:#16a34a;background-color:#16a34a;box-shadow:0 0 0 5px #16a34a33,0 4px 8px #16a34a4d;animation:radioScale .4s cubic-bezier(.34,1.56,.64,1)}@keyframes radioScale{0%{transform:scale(.9)}to{transform:scale(1)}}.role-radio-inner{width:100%;height:100%;border-radius:999px;background-color:transparent;display:flex;align-items:center;justify-content:center;color:#fff;animation:checkmarkAppear .5s cubic-bezier(.34,1.56,.64,1);position:relative}.role-radio-inner svg{display:block;color:#fff}@keyframes checkmarkAppear{0%{transform:scale(.3) rotate(-180deg);opacity:0}60%{transform:scale(1.15) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.role-note{margin:8px 0 20px;font-size:12px;color:#94a3b8}.role-button-group{display:flex;flex-direction:column;align-items:center;width:100%;gap:8px;padding:20px 0 0;flex-shrink:0}.role-continue{width:100%;padding:10px 14px;border-radius:8px;border:none;font-size:14px;font-weight:600;letter-spacing:.02em;text-align:center;background-color:#cbd5f5;color:#fff;cursor:not-allowed;transition:background-color .15s ease-out,transform 80ms ease-out,box-shadow .12s ease-out;min-height:40px}.role-continue-active{background-color:#0f766e;cursor:pointer;box-shadow:0 10px 18px #0f766e3d}.role-continue-active:hover{background-color:#0d6b64}.role-continue-active:active{transform:translateY(1px);box-shadow:0 6px 12px #0f766e38}@media(max-width:360px){.role-main{padding-inline:12px}.role-title{font-size:18px}}@media(min-width:640px){.role-header-bar,.role-main{padding-inline:24px}}.save-indicator{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:500;animation:fadeIn .2s ease-in;height:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.save-indicator-saving{background:#f0f7f7;color:#6b7280}.save-indicator-saved{background:#dcfce7;color:#15803d}.save-indicator-error{background:#fee2e2;color:#991b1b}.save-spinner{display:inline-block;width:12px;height:12px;border:2px solid #237672;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.save-indicator-saving .save-spinner{border-color:#6b7280;border-top-color:transparent}.save-icon{font-size:14px;line-height:1}.save-text{letter-spacing:-.2px}@media(prefers-color-scheme:dark){.save-indicator-saving{background:#23767226;color:#a1f3e1}.save-indicator-saved{background:#22c55e26;color:#86efac}.save-indicator-error{background:#f43f5e26;color:#fca5a5}.save-spinner{border-color:#14b8a6;border-top-color:transparent}}.progress-bar-container{width:100%;padding:0 24px;margin-bottom:12px}.progress-bar-wrapper{margin-bottom:8px}.progress-bar-background{width:100%;height:6px;background-color:#f1f5f9;border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#237672,#14b8a6);transition:width .5s cubic-bezier(.4,0,.2,1);border-radius:3px}.progress-label{display:flex;justify-content:space-between;align-items:center}.progress-text{font-size:13px;font-weight:700;color:#1e293b;letter-spacing:-.3px}.progress-counter{font-size:12px;font-weight:600;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:12px}@media(prefers-color-scheme:dark){.progress-bar-background{background-color:#ffffff1a}.progress-text{color:#f8fafc}.progress-counter{color:#cbd5e1;background:#0f172a4d}}@media(max-width:480px){.progress-bar-container{padding:0 16px;margin-bottom:10px}.progress-text{font-size:12px}.progress-counter{font-size:11px;padding:1px 6px}}.child-details-step{display:flex;flex-direction:column;padding:0;height:100%}.step-header{padding:12px 14px 10px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.step-title{font-size:18px;font-weight:900;color:#1e293b;margin:0 0 3px;letter-spacing:-.3px}.form-container{flex:1;padding:12px 14px;padding-bottom:max(12px,calc(12px + env(safe-area-inset-bottom)));display:flex;flex-direction:column}.photo-section{display:flex;flex-direction:column;align-items:center;margin-bottom:12px}.photo-placeholder{width:96px;height:96px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-out;margin-bottom:8px;position:relative;overflow:hidden;flex-shrink:0}.photo-placeholder:hover:not(:disabled){border-color:#16a34a;background:#f0fdf4;box-shadow:0 4px 12px #16a34a1a}.photo-placeholder:disabled{opacity:.6;cursor:not-allowed}.photo-placeholder.uploading{background:#f8fafc}.photo-icon{width:40px;height:40px;color:#cbd5e1;transition:color .2s}.photo-placeholder:hover:not(:disabled) .photo-icon{color:#16a34a}.photo-preview{width:100%;height:100%;object-fit:cover;display:block}.upload-spinner{position:absolute;width:20px;height:20px;border:2px solid rgba(22,163,74,.2);border-top-color:#16a34a;border-radius:999px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden-file-input{display:none}.photo-label{font-size:12px;color:#64748b;font-weight:600;text-align:center;margin:0}.form-group-clean{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-group-clean label{font-size:13px;font-weight:700;color:#1e293b;letter-spacing:-.2px}.form-group-clean input{padding:10px 12px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:13px;color:#1e293b;background:#fff;transition:all .2s;font-family:inherit;font-weight:500}.age-info{font-size:11px;color:#0f766e;background:#f0fdfa;padding:6px 8px;border-radius:6px;margin:-2px 0 0;font-weight:600}.gender-section{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.gender-section label{font-size:13px;font-weight:700;color:#1e293b;letter-spacing:-.2px}.gender-toggle{display:flex;gap:12px;background:transparent;padding:0;border-radius:0}.gender-option{flex:1;padding:11px 12px;border:2px solid #e2e8f0;background:#fff;border-radius:10px;color:#64748b;font-weight:600;cursor:pointer;transition:all .2s ease-out;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:12px}.gender-option:hover:not(:disabled){border-color:#cbd5e1;background:#f8fafc}.gender-option.active{background:#f0fdf4;border-color:#16a34a;color:#16a34a;box-shadow:0 4px 12px #16a34a1a}.gender-option:disabled{opacity:.5;cursor:not-allowed}.gender-icon{width:20px;height:20px;display:block;transition:transform .2s}.gender-option.active .gender-icon{transform:scale(1.1)}.auto-save-indicator{margin-bottom:10px;justify-content:center}.error-message{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:10px 12px;border-radius:8px;font-size:12px;font-weight:600;margin-bottom:10px}.submit{width:100%;margin-bottom:8px}.step-note{font-size:11px;color:#94a3b8;text-align:center;margin:0;font-weight:500;padding-bottom:0}@media(prefers-color-scheme:dark){.step-header{border-bottom-color:#334155}.step-title{color:#f8fafc}.step-subtitle{color:#cbd5e1}.photo-placeholder{background:#0f172a66;border-color:#ffffff1a}.photo-placeholder:hover{border-color:#14b8a6;background:#0f766e1a}.photo-label{color:#cbd5e1}.form-group-clean label,.gender-section label{color:#f8fafc}.form-group-clean input{background:#1e293b;border-color:#334155;color:#f8fafc}.form-group-clean input:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a;background:#0f766e1a}.age-info{background:#0f766e26;color:#5eead4}.gender-toggle{background:#0f172a66}.gender-option{color:#cbd5e1}.gender-option:hover{background:#ffffff1a}.gender-option.active{background:#0f172a;color:#5eead4}.error-message{background:#f43f5e1a;border-color:#f43f5e33;color:#fca5a5}.step-note{color:#64748b}}@media(max-width:480px){.step-header{padding:12px}.step-title{font-size:18px;margin-bottom:4px}.step-subtitle{font-size:11px}.form-container{padding:12px}.photo-section{margin-bottom:16px}.photo-placeholder{width:100px;height:100px;border-radius:50px}.photo-icon{font-size:36px}.photo-label{font-size:11px}.form-group-clean{margin-bottom:12px;gap:6px}.form-group-clean label{font-size:12px}.form-group-clean input{padding:10px;font-size:12px}.age-info{font-size:10px;padding:6px 8px}.gender-option{padding:10px;font-size:12px;gap:6px}.gender-letter{font-size:14px}.submit{margin-bottom:10px;min-height:42px}.step-note{font-size:10px}}.pregnancy-details-step{display:flex;flex-direction:column;padding:0;height:100%}.step-header-bar{display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) 16px 8px;border-bottom:1px solid rgba(15,23,42,.06);background-color:#fff;flex-shrink:0}.step-header{padding:24px 24px 20px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.step-title{font-size:22px;font-weight:900;color:#1e293b;margin:0 0 6px;letter-spacing:-.3px}.step-subtitle{font-size:13px;color:#64748b;margin:0;font-weight:600}.form-container{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column}.form-group-clean{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group-clean label{font-size:14px;font-weight:700;color:#1e293b;letter-spacing:-.2px}.form-group-clean input{padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b;background:#fff;transition:all .2s;font-family:inherit;font-weight:500}.form-group-clean input:focus{outline:none;border-color:#237672;box-shadow:0 0 0 3px #2376721a;background:#f0fdfa}.form-group-clean input:disabled{background:#f8fafc;color:#cbd5e1;cursor:not-allowed}.weeks-info{font-size:13px;color:#0f766e;background:#f0fdfa;padding:10px 12px;border-radius:8px;margin:-4px 0 0;font-weight:600;line-height:1.4}.weeks-info strong{font-weight:700}.info-box-pregnancy{background:#f0fdfa;border:1px solid #ccfbf1;border-radius:12px;padding:14px;margin-bottom:20px;font-size:13px;color:#0f766e;line-height:1.6;font-weight:500}.info-box-pregnancy p{margin:0}.info-box-pregnancy strong{font-weight:700;color:#115e59}.auto-save-indicator{margin-bottom:20px;justify-content:center}.error-message{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:12px 14px;border-radius:10px;font-size:13px;font-weight:600;margin-bottom:20px}.button-group{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.primary-onboarding-btn{width:100%;min-height:48px}.secondary-btn{width:100%;padding:12px 24px;min-height:48px;border:1.5px solid #e2e8f0;background:#fff;color:#237672;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s;font-size:14px}.secondary-btn:hover:not(:disabled){border-color:#237672;background:#f0fdfa}.secondary-btn:disabled{opacity:.5;cursor:not-allowed}.step-note{font-size:12px;color:#94a3b8;text-align:center;margin:0;font-weight:500}@media(prefers-color-scheme:dark){.step-header{border-bottom-color:#334155}.step-title{color:#f8fafc}.step-subtitle{color:#cbd5e1}.form-group-clean label{color:#f8fafc}.form-group-clean input{background:#1e293b;border-color:#334155;color:#f8fafc}.form-group-clean input:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a;background:#0f766e1a}.weeks-info{background:#0f766e26;color:#5eead4}.info-box-pregnancy{background:#0f766e1a;border-color:#0f766e33;color:#5eead4}.info-box-pregnancy strong{color:#5eead4}.error-message{background:#f43f5e1a;border-color:#f43f5e33;color:#fca5a5}.secondary-btn{border-color:#334155;background:transparent;color:#5eead4}.secondary-btn:hover:not(:disabled){border-color:#14b8a6;background:#0f766e1a}.step-note{color:#64748b}}@media(max-width:480px){.step-header{padding:16px 16px 14px}.step-title{font-size:20px;margin-bottom:4px}.step-subtitle{font-size:12px}.form-container{padding:16px}.form-group-clean{margin-bottom:16px}.form-group-clean label{font-size:13px}.form-group-clean input{padding:10px 12px;font-size:13px}.weeks-info{font-size:12px;padding:8px 10px}.info-box-pregnancy{padding:12px;font-size:12px;margin-bottom:16px}.button-group{gap:10px;margin-bottom:12px}.primary-onboarding-btn,.secondary-btn{min-height:44px;padding:10px 16px;font-size:13px}.step-note{font-size:11px}}.summary-step{display:flex;flex-direction:column;padding:0;height:100%}.step-header-bar{display:flex;align-items:center;justify-content:space-between;padding:max(10px,env(safe-area-inset-top)) 16px 6px;border-bottom:1px solid rgba(15,23,42,.06);background-color:#fff;flex-shrink:0}.step-back-btn{display:inline-flex;align-items:center;gap:4px;border:none;background:none;padding:4px 6px;border-radius:999px;cursor:pointer;color:#16a34a;font-size:14px;font-weight:500}.step-back-btn:active{background-color:#0f172a0f}.step-back-icon{font-size:20px;line-height:1}.step-back-text{font-size:14px}.step-step-text{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#64748b}.step-header{padding:12px 24px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.step-title{font-size:18px;font-weight:900;color:#1e293b;margin:0 0 4px;letter-spacing:-.3px}.step-subtitle{font-size:12px;color:#64748b;margin:0;font-weight:600}.summary-container{flex:1;overflow:visible;padding:16px 20px;padding-bottom:max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px;transition:all .3s}.summary-card:hover{border-color:#237672;box-shadow:0 4px 12px #23767214}.card-header{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.card-header-image{width:48px;height:48px;object-fit:cover;border-radius:6px}.card-title{font-size:13px;font-weight:700;color:#1e293b;margin:0;letter-spacing:-.2px;text-align:center}.profile-info{display:flex;flex-direction:column;gap:6px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.info-label{font-size:10px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.info-value{font-size:12px;font-weight:600;color:#1e293b}.info-divider{height:1px;background:#f1f5f9;margin:4px 0}.edit-link{background:none;border:none;color:#237672;cursor:pointer;font-size:12px;font-weight:700;text-decoration:underline;padding:4px 0;margin-top:4px;transition:color .2s}.edit-link:hover{color:#14b8a6}.next-steps{background:#f8fafc;border-radius:10px;padding:12px;border:1px solid #e2e8f0}.next-steps-text{font-size:12px;line-height:1.5;color:#64748b;margin:0;font-weight:500}.error-message{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:12px 14px;border-radius:10px;font-size:13px;font-weight:600}.complete-btn{width:100%;margin-top:8px;padding:12px 0;background:#16a34a;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.complete-btn:active{background:#15803d;transform:scale(.98)}.complete-btn:disabled{background:#cbd5e1;cursor:not-allowed}@media(prefers-color-scheme:dark){.step-header{border-bottom-color:#334155}.step-title{color:#f8fafc}.step-subtitle{color:#cbd5e1}.summary-card{background:#1e293b;border-color:#334155}.summary-card:hover{border-color:#14b8a6;box-shadow:0 4px 12px #14b8a61a}.card-title{color:#f8fafc}.info-label{color:#cbd5e1}.info-value{color:#f8fafc}.info-divider{background:#334155}.edit-link{color:#5eead4}.edit-link:hover{color:#7ee8d6}.next-steps{background:#0f172a66;border-color:#334155}.next-steps-text{color:#cbd5e1}.complete-btn{background:#16a34a}.complete-btn:active{background:#15803d}.complete-btn:disabled{background:#475569}.error-message{background:#f43f5e1a;border-color:#f43f5e33;color:#fca5a5}}@media(max-width:480px){.step-header{padding:8px 16px}.step-title{font-size:16px;margin-bottom:2px}.step-subtitle{font-size:11px}.summary-container{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));gap:10px}.complete-btn{width:100%;margin-top:6px;padding:10px 0;font-size:13px}.summary-card{padding:10px}.card-header{gap:6px;margin-bottom:8px;padding-bottom:8px}.card-header-image{width:40px;height:40px}.card-title{font-size:12px}.profile-info{gap:6px}.info-row{padding:3px 0}.info-label{font-size:9px}.info-value{font-size:11px}.edit-link{font-size:11px;margin-top:3px}.next-steps{padding:12px}.next-steps-text{font-size:12px}.error-message{font-size:12px;padding:10px 12px}}.toast-container{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;flex-direction:column;align-items:center;padding:12px 16px;gap:8px;pointer-events:none}.toast-card{pointer-events:auto;width:100%;max-width:420px;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026,0 2px 8px #00000014;animation:toastSlideIn .35s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.toast-icon-wrapper{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#4a9fbf,#3b8aa8);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.toast-title{font-size:15px;font-weight:700;color:#1e293b;line-height:1.3}.toast-message{font-size:13px;color:#64748b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.toast-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:8px;flex-shrink:0;transition:all .2s ease}.toast-close:hover{color:#1e293b;background:#f1f5f9}.toast-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,#4a9fbf,#10b981);border-radius:0 0 16px 16px;animation:progressShrink linear forwards;transform-origin:left}@keyframes toastSlideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes progressShrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-color-scheme:dark){.toast-card{background:#1e293b;box-shadow:0 8px 32px #0006}.toast-title{color:#f1f5f9}.toast-message{color:#94a3b8}.toast-close:hover{color:#f1f5f9;background:#334155}}:root{--color-primary: #0d9488;--color-primary-light: #14b8a6;--color-primary-dark: #0f766e;--color-primary-bg: #f0fdfa;--color-primary-bg-hover: #ccfbf1;--color-secondary: #3b82f6;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-bg-main: #f8fafc;--color-bg-card: #ffffff;--color-bg-hover: #f1f5f9;--color-text-primary: #0f172a;--color-text-secondary: #64748b;--color-text-tertiary: #94a3b8;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}.facilities-screen{background-color:var(--color-bg-main);min-height:100vh;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-text-primary);padding-bottom:0;position:relative}*{box-sizing:border-box}.facilities-header{background-color:var(--color-bg-card);padding:10px 20px;display:flex;align-items:center;gap:var(--spacing-md);border-bottom:1px solid var(--color-border-light);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;height:56px}.header-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.facilities-header h1{font-size:20px;font-weight:700;margin:0;color:var(--color-text-primary);letter-spacing:-.02em}.results-count{font-size:13px;color:var(--color-text-secondary);font-weight:500}.back-btn,.filter-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-sm);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast);position:relative}.back-btn:hover,.filter-btn:hover{background-color:var(--color-bg-hover);color:var(--color-primary)}.back-btn:active,.filter-btn:active{transform:scale(.95)}.filter-btn.active{background-color:var(--color-primary-bg);color:var(--color-primary)}.location-banner{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background-color:#fef3c7;border-bottom:1px solid #fbbf24;animation:slideDown var(--transition-base)}.location-banner svg{flex-shrink:0;color:#d97706;margin-top:2px}.location-banner div{flex:1}.location-banner strong{display:block;font-size:14px;font-weight:600;color:#78350f;margin-bottom:var(--spacing-xs)}.location-banner p{margin:0;font-size:13px;color:#92400e;line-height:1.5}.search-section{padding:8px 20px;background-color:var(--color-bg-card);border-bottom:1px solid var(--color-border-light)}.search-bar{display:flex;align-items:center;background-color:var(--color-bg-hover);padding:6px 16px;border-radius:24px;gap:10px;transition:all var(--transition-fast);border:1.5px solid transparent}.search-bar:focus-within{background-color:var(--color-bg-card);border-color:var(--color-primary);box-shadow:0 4px 12px #0d948814}.search-bar svg{color:var(--color-text-tertiary);flex-shrink:0;transition:color var(--transition-fast)}.search-bar:focus-within svg{color:var(--color-primary)}.search-bar input{border:none;background:transparent;flex:1;font-size:14px;color:var(--color-text-primary);outline:none;font-family:inherit;height:24px}.search-bar input::placeholder{color:var(--color-text-tertiary)}.clear-search{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.clear-search:hover{background-color:var(--color-bg-hover);color:var(--color-text-secondary)}.filter-panel{background-color:var(--color-bg-card);border-bottom:1px solid var(--color-border-light);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-2xl);animation:slideDown var(--transition-base)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.filter-group label{font-size:13px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.filter-options{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:14px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.filter-chip:hover{background-color:var(--color-bg-card);border-color:var(--color-primary);color:var(--color-primary)}.filter-chip.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.filter-chip svg{width:16px;height:16px}.facilities-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.facilities-list{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-xl);text-align:center;gap:var(--spacing-xl);min-height:400px}.spinner-container{position:relative;width:60px;height:60px}.spinner{width:60px;height:60px;border:4px solid var(--color-border-light);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state h2{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0}.loading-state p{font-size:14px;color:var(--color-text-secondary);margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-xl);text-align:center;gap:var(--spacing-lg);min-height:400px}.empty-state svg{color:var(--color-text-tertiary);opacity:.5}.empty-state h2{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0}.empty-state p{font-size:14px;color:var(--color-text-secondary);margin:0;max-width:300px}.retry-btn{margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-2xl);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.retry-btn:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.retry-btn:active{transform:translateY(0)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-3xl);text-align:center;gap:var(--spacing-xl)}.error-state svg{color:var(--color-error);opacity:.8}.error-state h2{font-size:20px;font-weight:700;color:var(--color-text-primary);margin:0}.error-state p{font-size:14px;color:var(--color-text-secondary);margin:0;max-width:300px}.facility-card{background-color:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:1px solid var(--color-border-light);animation:slideUp var(--transition-base) both}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.facility-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-border)}.facility-card:active{transform:translateY(0)}.facility-main{display:flex;gap:var(--spacing-lg)}.facility-image-wrapper{position:relative;flex-shrink:0}.facility-image{width:90px;height:90px;border-radius:var(--radius-md);object-fit:cover;background-color:var(--color-bg-hover);display:block}.status-badge{position:absolute;bottom:6px;left:6px;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-badge.open{background-color:#10b981e6;color:#fff}.status-badge.closed{background-color:#ef4444e6;color:#fff}.facility-details{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0}.facility-details h3{font-size:16px;font-weight:700;margin:0;color:var(--color-text-primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.facility-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.distance{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--color-text-secondary);font-weight:500}.distance svg{color:var(--color-primary)}.tag{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.tag.public{background-color:#d1fae5;color:#065f46}.tag.private{background-color:#fed7aa;color:#9a3412}.rating{display:flex;align-items:center;gap:4px;font-size:13px}.rating svg{color:#fbbf24}.rating-value{font-weight:600;color:var(--color-text-primary)}.rating-count{color:var(--color-text-tertiary);font-size:12px}.vicinity{font-size:13px;color:var(--color-text-secondary);margin:0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.facility-actions{display:flex;gap:var(--spacing-md)}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.action-btn svg{flex-shrink:0}.action-btn.call{background-color:var(--color-primary-bg);color:var(--color-primary)}.action-btn.call:hover{background-color:var(--color-primary-bg-hover);transform:translateY(-1px)}.action-btn.call:active{transform:translateY(0)}.action-btn.map{background-color:#eff6ff;color:#2563eb}.action-btn.map:hover{background-color:#dbeafe;transform:translateY(-1px)}.action-btn.map:active{transform:translateY(0)}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 16px;background-color:var(--color-bg-card);border-top:1px solid var(--color-border-light);margin-top:auto}.page-btn{height:32px;padding:0 12px;border-radius:16px;border:none;background-color:#4a9fbf;display:flex;align-items:center;justify-content:center;gap:4px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);letter-spacing:.02em}.page-btn:hover:not(:disabled){background-color:#3a8ba8;transform:translateY(-1px)}.page-btn:active:not(:disabled){transform:translateY(0)}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-info{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.page-current{color:var(--color-primary);font-weight:700;font-size:13px}.page-separator{color:var(--color-text-tertiary);opacity:.6}.page-total{color:var(--color-text-secondary)}@media(prefers-color-scheme:dark){.page-info{background:#ffffff0d;color:#94a3b8}.page-current{color:#14b8a6}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.facilities-header{padding:var(--spacing-md) var(--spacing-lg)}.facilities-header h1{font-size:18px}.search-section{padding:var(--spacing-md) var(--spacing-lg)}.filter-panel{padding:var(--spacing-lg)}.facilities-list{padding:var(--spacing-lg);gap:var(--spacing-md)}.facility-card{padding:var(--spacing-md)}.facility-image{width:75px;height:75px}.facility-details h3{font-size:15px}.action-btn{font-size:13px;padding:10px}}@media(min-width:768px){.facilities-screen{max-width:680px;margin:0 auto;box-shadow:var(--shadow-lg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-contrast:high){.facility-card{border:2px solid var(--color-border)}.action-btn{border:2px solid currentColor}}@media(prefers-color-scheme:dark){:root{--color-bg-main: #0f172a;--color-bg-card: #1e293b;--color-bg-hover: #334155;--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-border: #334155;--color-border-light: #1e293b}.facilities-header{background-color:#1e293bf2}.search-bar{background-color:var(--color-bg-hover)}.search-bar:focus-within{background-color:var(--color-bg-card)}}@media print{.facilities-header,.search-section,.filter-panel,.pagination{display:none}.facility-card{break-inside:avoid;page-break-inside:avoid}}.add-child-screen{background-color:#fff;min-height:100vh;display:flex;flex-direction:column;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:#2d3748}.add-child-header{display:flex;align-items:center;justify-content:center;padding:16px;position:relative;border-bottom:1px solid #edf2f7}.add-child-back-btn{position:absolute;left:16px;background:none;border:none;color:#2d6a63;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.add-child-back-btn:hover{opacity:.7}.add-child-header h2{margin:0;font-size:18px;font-weight:700;color:#1a202c}.add-child-content{flex:1;padding:24px;display:flex;flex-direction:column;gap:24px;max-width:500px;margin:0 auto;width:100%;box-sizing:border-box}.photo-upload-section{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:8px}.photo-upload-circle{width:120px;height:120px;border:2px dashed #CBD5E0;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background-color:#f8fafc;color:#2d6a63}.photo-upload-plus{position:absolute;bottom:5px;right:5px;width:28px;height:28px;background-color:#2d6a63;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;box-shadow:0 2px 4px #0000001a}.upload-text{color:#2d6a63;font-size:14px;font-weight:600;cursor:pointer}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:700;color:#2d3748}.input-container{position:relative;display:flex;align-items:center}.form-group input{width:100%;padding:14px 16px;background-color:#fff;border:1px solid #E2E8F0;border-radius:12px;font-size:15px;color:#1a202c;transition:all .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#2d6a63;box-shadow:0 0 0 3px #2d6a631a}.form-group input::placeholder{color:#a0aec0}.calendar-icon{position:absolute;right:16px;color:#a0aec0;pointer-events:none}.gender-selector-container{display:flex;flex-direction:column;gap:12px}.gender-label{font-size:14px;font-weight:700;color:#2d3748}.gender-switch{display:flex;background-color:#f1f5f9;padding:4px;border-radius:14px;gap:4px}.gender-option{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:10px;border:none;background:none;font-size:15px;font-weight:600;color:#718096;cursor:pointer;transition:all .2s}.gender-option img{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid #E2E8F0;background-color:#fff;transition:transform .2s}.gender-option.active img{border-color:var(--primary-color, #2D6A63);transform:scale(1.1)}.gender-option.active{background-color:#fff;color:#2d6a63;box-shadow:0 2px 4px #0000000d}.gender-option svg{color:currentColor}.save-child-btn{margin-top:auto;background-color:#2d6a63;color:#fff;border:none;border-radius:14px;padding:16px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s,background-color .2s;box-shadow:0 4px 6px #2d6a6333;display:flex;align-items:center;justify-content:center;gap:10px}.save-child-btn:hover:not(:disabled){background-color:#24554f;transform:translateY(-2px)}.save-child-btn:active:not(:disabled){transform:translateY(0)}.save-child-btn:disabled{background-color:#a0aec0;cursor:not-allowed;box-shadow:none}.error-banner{background-color:#fff5f5;border-left:4px solid #F56565;color:#c53030;padding:12px;border-radius:8px;font-size:14px;margin-bottom:8px}@media(max-width:480px){.add-child-content{padding:20px}}.notif-screen{min-height:100vh;background:var(--calm-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;color:var(--text-primary);padding-bottom:80px}.notif-header{display:flex;align-items:center;gap:12px;height:60px;padding:0 12px;background:var(--card-bg);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50}.notif-back-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:none;background:var(--calm-bg);color:var(--text-primary);cursor:pointer;flex-shrink:0;transition:background .15s}.notif-back-btn:hover{background:var(--border-color)}.notif-header-center{flex:1;display:flex;align-items:center;gap:8px}.notif-title{font-size:18px;font-weight:800;margin:0;letter-spacing:-.3px}.notif-unread-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#ef4444;color:#fff;font-size:11px;font-weight:800}.notif-mark-all{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:none;background:#10b9811a;color:#10b981;cursor:pointer;flex-shrink:0;transition:background .15s}.notif-mark-all:hover{background:#10b98133}.notif-filters{display:flex;gap:8px;padding:12px 16px 4px}.notif-filter-btn{padding:7px 18px;border-radius:20px;font-size:13px;font-weight:700;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;transition:all .15s}.notif-filter-btn.active{background:var(--text-primary);color:var(--card-bg);border-color:var(--text-primary)}.notif-filter-btn:not(.active):hover{border-color:var(--text-tertiary)}.notif-list{padding:8px 12px}.notif-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:14px 12px;border:none;border-radius:14px;background:var(--card-bg);text-align:left;cursor:pointer;transition:all .15s;margin-bottom:6px;position:relative;border:1px solid transparent}.notif-item:hover{border-color:var(--border-color)}.notif-item.notif-unread{background:var(--card-bg);border-color:var(--border-color);box-shadow:0 1px 4px #0000000a}.notif-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;flex-shrink:0}.notif-body{flex:1;min-width:0}.notif-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:3px}.notif-item-title{font-size:14px;font-weight:700;color:var(--text-primary);line-height:1.3}.notif-unread .notif-item-title{font-weight:800}.notif-time{font-size:11px;font-weight:600;color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.notif-text{font-size:13px;line-height:1.45;color:var(--text-secondary);margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-type-label{font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.notif-unread-dot{position:absolute;top:18px;right:12px;width:8px;height:8px;border-radius:50%}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;color:var(--text-tertiary)}.notif-empty svg{opacity:.2;margin-bottom:16px}.notif-empty h3{font-size:17px;font-weight:800;color:var(--text-primary);margin:0 0 8px}.notif-empty p{font-size:14px;color:var(--text-secondary);margin:0;max-width:280px;line-height:1.5}@media(prefers-color-scheme:dark){.notif-item.notif-unread{box-shadow:0 1px 4px #0003}}