*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}:root{--pink-50:#fff5f7;--pink-100:#ffe0e8;--pink-200:#ffb3c6;--pink-300:#ff85a1;--pink-400:#ff5c8a;--pink-500:#d44872;--cream:#fffaf9;--text-dark:#3d2030;--text-mid:#7a4f5e;--text-light:#b08090;--white:#fff;--shadow:0 2px 16px #c864821a;--radius:18px;--radius-sm:12px}html,body,#root{background:var(--cream);height:100%;color:var(--text-dark);font-family:Georgia,serif}#root{background:var(--cream);min-height:100%}.screen{flex:1;padding-bottom:88px;overflow-y:auto}.sidebar{display:flex!important}.mobile-nav{display:none}@media (width>=769px){.contact-label{display:none}}@media (width<=768px){.sidebar{display:none!important}.mobile-nav{padding-bottom:env(safe-area-inset-bottom);z-index:100;background:#fff;border-top:1px solid #ffe0e8;min-height:72px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 16px #c8648214;display:flex!important}.dashboard-main{padding-bottom:72px;padding-top:env(safe-area-inset-top);margin-left:0!important}}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);margin:10px 16px;padding:20px}.btn-primary{background:linear-gradient(135deg, var(--pink-400), var(--pink-500));color:#fff;cursor:pointer;letter-spacing:.3px;border:none;border-radius:50px;width:100%;padding:14px 32px;font-family:inherit;font-size:16px;transition:opacity .15s;box-shadow:0 4px 14px #d448724d}.btn-primary:active{opacity:.85}.btn-ghost{color:var(--text-light);cursor:pointer;background:0 0;border:none;padding:8px;font-family:inherit;font-size:14px}h1{font-size:26px;font-weight:400}h2{font-size:20px;font-weight:400}h3{font-size:16px;font-weight:600}.navbar{background:var(--white);border-top:1px solid var(--pink-100);z-index:100;justify-content:space-around;align-items:center;width:100%;max-width:430px;height:76px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 16px #c8648214}.nav-item{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:8px 18px;font-family:inherit;display:flex}.nav-item .nav-icon{font-size:24px;transition:transform .15s}.nav-item .nav-label{color:var(--text-light);letter-spacing:.3px;font-size:11px}.nav-item.active .nav-icon{transform:scale(1.2)}.nav-item.active .nav-label{color:var(--pink-500);font-weight:600}.page-header{padding:52px 20px 4px}.page-header .greeting{color:var(--text-light);margin-bottom:4px;font-size:14px}input[type=text],input[type=date],input[type=time],textarea{border:1.5px solid var(--pink-100);border-radius:var(--radius-sm);width:100%;color:var(--text-dark);background:var(--pink-50);resize:none;outline:none;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .15s}input:focus,textarea:focus{border-color:var(--pink-300);background:#fff}@media (width<=768px){section>div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}section:first-of-type div[style*="rotate(-6deg)"]~div{display:none}section[style*="padding: 100px 40px"]{padding:60px 20px!important}h2[style*="font-size: 38px"]{font-size:28px!important}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}