@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito:wght@500;600;700;800;900&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#302b40;background:#f8f7fb;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Nunito,DM Sans,sans-serif}h1{font-size:clamp(2rem,3vw,2.55rem);line-height:1.16;letter-spacing:-.045em}h2{font-size:1.32rem;letter-spacing:-.025em}h3{font-size:1.04rem}p{line-height:1.6}input,select,textarea{border:1px solid #ded9e9;border-radius:12px;background:#fff;color:#302b40;outline:none;width:100%;padding:12px 14px;transition:border-color .18s,box-shadow .18s}input:focus,select:focus,textarea:focus{border-color:#8a69c2;box-shadow:0 0 0 3px #e8dff5}textarea{resize:vertical}label{display:flex;flex-direction:column;gap:8px;font-size:.86rem;font-weight:700;color:#403951}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{font-size:.72rem;letter-spacing:.16em;font-weight:800;color:#926bba;margin-bottom:10px}.muted{color:#777187}.brand-mark{width:36px;height:36px;border-radius:12px;background:#7053a7;color:#fff;display:inline-grid;place-items:center;font-size:1.4rem;box-shadow:0 7px 17px #7053a72f;flex:none}.button{border:0;border-radius:12px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.89rem;font-weight:800;text-decoration:none;min-height:43px;transition:transform .16s,background .16s}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{background:#7154a5;color:#fff;box-shadow:0 8px 18px #7154a527}.button-primary:hover:not(:disabled){background:#614497}.button-secondary{background:#efe8f8;color:#684a9b}.button-secondary:hover:not(:disabled){background:#e8dcf6}.button-ghost{background:transparent;color:#6b568b}.button-full{width:100%}.link-button{border:0;background:transparent;color:#704da6;font-weight:800;padding:0}.alert{border-radius:12px;padding:12px 15px;margin:14px 0;font-size:.88rem;line-height:1.5}.alert-error{color:#8e3446;background:#fff0f2;border:1px solid #f6d2d9}.alert-info{color:#5d4b84;background:#f1ebfa;border:1px solid #e4d7f6}.loading{display:flex;align-items:center;gap:12px;color:#736985;padding:30px 0;font-size:.92rem}.spinner{height:19px;width:19px;border:3px solid #e6dbee;border-top-color:#7053a7;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:50px 20px;color:#746d80}.empty h3{margin-bottom:5px;color:#403852}.empty p{margin-bottom:0}.empty-icon{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 15px;border-radius:50%;background:#f1eafa;color:#7657ae;font-size:1.5rem}.auth-page{min-height:100vh;background:#f7f4fb;padding:30px max(24px,calc((100vw - 1180px)/2))}.auth-brand,.sidebar-brand,.mobile-brand{display:flex;align-items:center;gap:10px;font-family:Nunito,sans-serif;font-size:1.25rem;font-weight:900;color:#4e3b6e}.auth-layout{min-height:calc(100vh - 100px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,440px);gap:clamp(30px,8vw,120px);align-items:center}.auth-story{max-width:570px}.auth-story h1{font-size:clamp(2.7rem,4.6vw,4.5rem);margin:10px 0 22px;color:#40315d}.auth-story h1 em{font-style:normal;color:#8c64bd}.auth-story>p:last-child{max-width:440px;color:#756c82;font-size:1.07rem}.story-art{position:relative;width:min(340px,70vw);height:210px;margin:0 0 20px}.story-circle{position:absolute;border-radius:50%}.story-circle-one{width:200px;height:200px;background:#e8daf7;left:0;top:0}.story-circle-two{width:135px;height:135px;background:#f9dfe6;left:160px;top:25px}.story-paw{position:absolute;left:80px;top:50px;font-size:7.5rem;filter:drop-shadow(0 12px 18px #6955812c)}.auth-card{background:#fff;border:1px solid #ede8f1;border-radius:24px;box-shadow:0 24px 70px #49375e12;padding:36px}.auth-card-header{text-align:center;margin-bottom:27px}.small-paw{font-size:1.6rem;margin-bottom:8px}.auth-card-header h2{font-size:1.65rem;margin-bottom:4px;color:#3b2e56}.auth-card-header>p:last-child{color:#81798e;font-size:.9rem;margin:0}.form-stack{display:grid;gap:17px}.form-stack .button{margin-top:5px}.switch-auth{text-align:center;font-size:.86rem;color:#80778a;margin:23px 0 0}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{background:#fff;border-right:1px solid #ece9f0;padding:28px 16px;display:flex;flex-direction:column;min-height:100vh}.sidebar-brand{padding:0 12px 45px}.nav-caption{font-size:.63rem;font-weight:800;color:#a8a0b1;letter-spacing:.15em;padding:0 14px 13px}.sidebar nav{display:grid;gap:6px}.nav-item{width:100%;display:flex;align-items:center;gap:13px;border:0;background:transparent;color:#777184;border-radius:11px;text-align:left;padding:13px 15px;font-size:.9rem;font-weight:700}.nav-item>span{font-size:1.3rem;line-height:1}.nav-item:hover,.nav-item.selected{background:#f1eaf8;color:#6c4c9e}.sidebar-footer{margin-top:auto;border-top:1px solid #eeeaf1;padding:18px 9px 0}.user-chip{display:flex;align-items:center;gap:10px;min-width:0}.user-avatar{width:37px;height:37px;border-radius:50%;background:#e8dbf5;color:#68499c;display:grid;place-items:center;font-weight:900;flex:none}.user-chip strong,.user-chip small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.user-chip strong{font-size:.85rem}.user-chip small{color:#958b9f;font-size:.75rem;margin-top:2px}.logout-button{border:0;background:transparent;color:#7b7288;font-size:.82rem;margin:18px 0 0;padding:7px 1px}.logout-button:hover{color:#68499c}.main-shell{min-width:0;display:flex;flex-direction:column}.topbar{height:74px;background:#fff;border-bottom:1px solid #efecf2;display:flex;align-items:center;justify-content:flex-end;padding:0 clamp(20px,4vw,54px);gap:26px}.topbar-greeting{font-size:.88rem;color:#655b74;font-weight:700}.topbar-logout{border:0;background:transparent;color:#8e80a1;font-weight:700;font-size:.83rem}.topbar-logout:hover{color:#68499c}.mobile-brand,.mobile-nav{display:none}.content{width:100%;max-width:1250px;margin:0 auto;padding:38px clamp(20px,4vw,54px) 70px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:31px}.page-heading h1{margin-bottom:8px}.page-heading p:last-child{color:#847d8c;margin-bottom:0}.surface{background:#fff;border:1px solid #eeeaf1;border-radius:18px;box-shadow:0 9px 27px #4d3f5d08;padding:26px;margin-bottom:23px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.section-heading h2{margin:0}.section-heading .eyebrow{margin-bottom:5px}.count-pill{border-radius:999px;background:#f3edfa;color:#7958a7;padding:4px 11px;font-size:.78rem;font-weight:800}.pet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px}.pet-card{background:#fcfbfe;border:1px solid #eee8f4;border-radius:16px;padding:20px;text-align:left;display:flex;align-items:center;gap:15px;min-height:110px;width:100%;transition:transform .16s,border-color .16s,box-shadow .16s}.pet-card:hover,.pet-card:focus-visible{transform:translateY(-2px);border-color:#bda5dc;box-shadow:0 10px 20px #6b4d8a17}.pet-card-avatar{width:62px;height:62px;display:grid;place-items:center;border-radius:16px;background:#efe6fa;font-size:2.1rem;flex:none}.pet-card-body{min-width:0;display:grid;gap:5px}.pet-card-body strong{font-family:Nunito,sans-serif;font-size:1.1rem;color:#3c3450;overflow:hidden;text-overflow:ellipsis}.pet-card-body span{color:#8a8095;font-size:.78rem}.pet-card-arrow{margin-left:auto;color:#9a83ba}.qr-lookup{display:grid;grid-template-columns:minmax(200px,1fr) minmax(260px,1.15fr);column-gap:25px;align-items:center}.qr-lookup h2{margin-bottom:4px}.qr-lookup p:last-child{color:#8a8095;font-size:.88rem;margin:0}.qr-lookup-form{display:flex;gap:10px}.qr-lookup-form input{min-width:0}.qr-lookup .alert{grid-column:1/-1}.form-surface{max-width:850px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.span-two{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end}.back-link{border:0;background:transparent;color:#7658a2;font-weight:800;padding:0;margin:0 0 20px}.back-link:hover{text-decoration:underline}.pet-hero{position:relative;display:flex;align-items:center;gap:22px;background:linear-gradient(115deg,#fff,#f4edfb);overflow:hidden;min-height:175px}.pet-hero-avatar{width:106px;height:106px;border-radius:24px;background:#eadcf6;display:grid;place-items:center;font-size:4.4rem;flex:none}.pet-hero-main h1{margin:0 0 4px}.pet-hero-main p:last-child{margin:0;color:#82758f}.hero-decoration{position:absolute;right:30px;bottom:-35px;font-size:9rem;color:#e5d5f3;line-height:1}.tabs{display:flex;gap:4px;border-bottom:1px solid #e7e1ec;margin:8px 0 22px;overflow-x:auto}.tab{border:0;background:transparent;color:#837a8d;white-space:nowrap;padding:13px 17px;font-size:.88rem;font-weight:800;border-bottom:3px solid transparent}.tab:hover{color:#7654a9}.tab.active{color:#7654a9;border-bottom-color:#7654a9}.detail-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:22px}.facts{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.facts div{border-bottom:1px solid #f0edf3;padding-bottom:13px}.facts dt{font-size:.76rem;color:#9a91a3;margin-bottom:7px}.facts dd{margin:0;font-size:.92rem;font-weight:700}.qr-box{border:1px solid #eee8f5;border-radius:14px;padding:13px;width:max-content;max-width:100%;margin:17px auto;background:#fff}.qr-code-text{font-size:.76rem;overflow-wrap:anywhere;color:#867b90;margin-bottom:15px}.qr-code-text code{color:#5e477d}.timeline{position:relative;margin:2px 0 0 18px;border-left:2px solid #e6ddf0;padding-left:28px}.timeline-item{position:relative;padding:0 0 28px}.timeline-item:last-child{padding-bottom:3px}.timeline-icon{position:absolute;left:-47px;top:0;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#eee6f8;color:#7153a4;font-weight:900}.timeline-title{display:flex;justify-content:space-between;gap:15px;align-items:baseline}.timeline-title h3{margin-bottom:6px}.timeline-title time{font-size:.76rem;color:#958b9e;white-space:nowrap}.timeline-content{color:#71697b;font-size:.88rem;white-space:pre-wrap}.timeline-content p{margin:0 0 5px}.inline-form{background:#faf8fd;border:1px solid #ede7f3;padding:20px;border-radius:14px;margin-bottom:25px}.inline-form .form-grid{gap:16px}.reminder-list{display:grid;gap:11px}.reminder-row{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #eeeaf2;border-radius:13px;min-width:0}.reminder-symbol{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f2ebf9;color:#7655a7;flex:none;font-size:1.25rem}.reminder-row>div:nth-child(2){min-width:0;display:grid;gap:4px}.reminder-row strong{font-size:.9rem;overflow:hidden;text-overflow:ellipsis}.reminder-row span:not(.status){font-size:.76rem;color:#91889b}.status{margin-left:auto;border-radius:999px;padding:5px 9px;font-size:.7rem;font-weight:800;white-space:nowrap;background:#fff4db;color:#a27826}.status-completed{background:#e7f7ed;color:#278152}.status-cancelled{background:#f0edf3;color:#807788}.reminder-button{width:100%;text-align:left;background:#fff;cursor:pointer}.reminder-button:hover{background:#fcf9ff;border-color:#d7c7eb}.boot{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.boot .loading{padding:0}@media(max-width:900px){.app-shell{grid-template-columns:200px minmax(0,1fr)}.sidebar-brand{font-size:1.1rem}.content{padding:30px 24px 70px}.detail-grid{grid-template-columns:1fr}.auth-layout{gap:30px}.auth-story h1{font-size:3rem}.story-art{height:180px}.story-circle-one{width:170px;height:170px}.story-circle-two{left:140px;width:120px;height:120px}.story-paw{font-size:6rem}}@media(max-width:700px){.auth-page{padding:22px 18px}.auth-layout{display:block;min-height:auto}.auth-story{padding:40px 7px 18px}.auth-story h1{font-size:2.55rem}.auth-story>p:last-child{font-size:.96rem}.story-art{display:none}.auth-card{padding:26px 22px;margin:8px 0 35px}.app-shell{display:block}.sidebar{display:none}.topbar{height:62px;justify-content:space-between;padding:0 18px}.mobile-brand{display:flex;font-size:1rem}.mobile-brand .brand-mark{height:29px;width:29px;border-radius:9px;font-size:1.1rem}.topbar-greeting{margin-left:auto;font-size:.8rem}.topbar-logout{display:none}.content{padding:25px 17px 95px}.page-heading{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:22px}.page-heading h1{font-size:2rem}.surface{padding:20px;border-radius:15px}.qr-lookup{grid-template-columns:1fr;gap:17px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;height:64px;display:flex;background:#fff;border-top:1px solid #eee9f2;box-shadow:0 -4px 20px #5645610b}.mobile-nav button{flex:1;border:0;background:transparent;color:#867990;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.3rem;gap:1px}.mobile-nav button span{font-size:.67rem;font-weight:800}.mobile-nav button.selected{color:#6e4fa2}.pet-hero{min-height:145px}.pet-hero-avatar{width:78px;height:78px;font-size:3rem}.hero-decoration{font-size:6rem;right:8px}.tabs{margin-top:0}.tab{padding:12px 11px;font-size:.78rem}.timeline-title{display:block}.timeline-title time{display:block;margin-bottom:7px}.section-heading{align-items:flex-start}.section-heading .button{font-size:.77rem;padding:8px 10px;min-height:37px}.form-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.facts{gap:15px}.reminder-row{gap:9px;padding:11px}.status{font-size:.65rem}}@media(max-width:390px){.qr-lookup-form{flex-direction:column}.pet-hero{gap:12px}.pet-hero h1{font-size:1.7rem}.pet-hero-avatar{width:65px;height:65px;font-size:2.4rem}}.verification-panel{border:1px solid #e5d9f2;background:#faf7fd;border-radius:14px;padding:4px 14px 14px;margin:15px 0}.verification-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.verification-panel .alert{margin:8px 0 12px}.push-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.push-panel>div:first-child{max-width:620px}.push-panel h2{margin-bottom:5px}.push-panel .muted{font-size:.86rem;margin:0}.push-panel .alert{flex-basis:100%;margin:0}.push-panel .status{margin-left:0}.force-logout{display:block;margin-top:8px;text-align:left}.content>.alert .link-button{margin-left:8px}