@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Nunito:wght@700;800&display=swap";:root{color:#2d2638;--deep:#3d2a66;--violet:#7c5cbf;--pink:#d4537e;background:#f7f5f8;font-family:Inter,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.wordmark{align-items:center;display:inline-flex}.wordmark img{width:140px;height:auto;display:block}.eyebrow{color:var(--violet);letter-spacing:.18em;font-size:11px;font-weight:800}.authShell{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.authIntro{background:var(--deep);color:#fff;flex-direction:column;justify-content:space-between;padding:55px max(45px,8vw);display:flex}.authIntro h1{letter-spacing:-.05em;max-width:620px;margin:15px 0;font:800 clamp(48px,6vw,78px)/.98 Nunito}.authIntro p:not(.eyebrow){color:#d7cde8;max-width:550px;line-height:1.7}.authIntro small{color:#a99abc}.authCard{place-items:center;padding:35px;display:grid}.authCard>div{width:min(100%,430px)}.authCard h2{color:var(--deep);margin-bottom:5px;font:800 34px Nunito}.authCard>div>p{color:#777080}.providerButtons{gap:12px;margin-top:30px;display:grid}.providerButton{border-radius:11px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:13px 18px;font-weight:700;display:flex}.providerButton:disabled{opacity:.6}.providerButton span{text-align:center;width:20px;font-size:18px}.googleProvider{color:#302938;background:#fff;border:1px solid #dcd5e2}.googleProvider span{color:#4285f4}.appleProvider{color:#fff;background:#17141b;border:1px solid #17141b}.authNote{text-align:center;margin-top:20px;font-size:12px}label{color:#574f61;gap:7px;font-size:13px;font-weight:700;display:grid}input,select{color:#302938;background:#fff;border:1px solid #dcd5e2;border-radius:11px;outline:none;padding:13px}input:focus,select:focus{border-color:var(--violet);box-shadow:0 0 0 3px #7c5cbf18}.primary{background:var(--deep);color:#fff;border:0;border-radius:11px;padding:13px 18px;font-weight:700}.primary:disabled{opacity:.6}.linkButton,.signOut{color:var(--violet);background:0 0;border:0;padding:15px 0}.error{color:#af2e45;font-size:13px}.dashboard{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.dashboard aside{background:#fff;border-right:1px solid #e5dfe8;flex-direction:column;height:100vh;padding:30px 25px;display:flex;position:sticky;top:0}.dashboard aside nav{gap:8px;margin-top:55px;display:grid}.dashboard aside nav a{color:#6e6675;border-radius:10px;padding:12px 14px;font-size:14px}.dashboard aside nav a.active{color:var(--deep);background:#eee8f7;font-weight:700}.signOut{text-align:left;margin-top:auto}.dashboard>main{width:100%;max-width:1300px;padding:48px clamp(30px,5vw,75px)}.dashboard header{justify-content:space-between;align-items:flex-start;display:flex}.dashboard h1{color:var(--deep);margin:5px 0;font:800 clamp(34px,4vw,50px) Nunito}.dashboard header p:not(.eyebrow),.sectionTop p{color:#7b7482}.plan{color:var(--deep);text-transform:capitalize;background:#e9e0f7;border-radius:99px;padding:9px 14px;font-size:12px;font-weight:700}.sectionTop{justify-content:space-between;align-items:center;margin:60px 0 20px;display:flex}.sectionTop h2{margin:0;font:800 25px Nunito}.sectionTop p{margin:5px 0}.petGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;display:grid}.petCard,.catForm,.empty,.loading{background:#fff;border:1px solid #e5dfe8;border-radius:18px;padding:23px}.petHeading{align-items:center;gap:13px;display:flex}.avatar{width:64px;height:50px;color:var(--deep);background:#ded2ef;border-radius:50%;place-items:center;font-size:11px;display:grid}.petHeading h3{margin:0;font:800 21px Nunito}.petHeading p{color:#807985;margin:4px 0;font-size:12px}.quick{grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0 12px;display:grid}.quick button{background:#f8f5fb;border:0;border-radius:12px;padding:12px 5px;font-size:12px;font-weight:700}.quick span{margin-bottom:6px;font-size:18px;display:block}.weight{gap:8px;display:flex}.weight input{flex:1;min-width:0;padding:10px}.weight button{color:var(--deep);background:#fff;border:1px solid #d8cee5;border-radius:10px;font-weight:700}.message{color:#746d7a;min-height:17px;margin:11px 0 0;font-size:11px}.catForm{margin-bottom:20px}.formTop{justify-content:space-between;align-items:center;display:flex}.formTop h3{margin:0;font:800 22px Nunito}.iconButton{background:0 0;border:0;font-size:25px}.formGrid{grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0;display:grid}.empty,.loading{text-align:center;color:#766e7e;padding:55px}.empty>div{color:var(--violet);font-size:24px}.empty h3{color:var(--deep);font:800 22px Nunito}.banner{background:#fbe8eb;border-radius:10px;padding:12px}.splash{place-items:center;height:100vh;display:grid}.splash img{width:210px;height:auto}@media (width<=800px){.authShell{grid-template-columns:1fr}.authIntro{min-height:360px}.dashboard{grid-template-columns:1fr}.dashboard aside{flex-direction:row;align-items:center;height:auto;padding:16px 22px;position:static}.dashboard aside nav{display:none}.signOut{margin:0 0 0 auto}.dashboard>main{padding:35px 20px}.formGrid{grid-template-columns:1fr 1fr}}@media (width<=480px){.authIntro{padding:35px 25px}.authIntro small{display:none}.authCard{padding:30px 22px}.dashboard header{display:block}.plan{margin-top:10px;display:inline-block}.sectionTop{align-items:flex-end}.formGrid,.petGrid{grid-template-columns:1fr}}
