:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;background:#f8fafc;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:#eef4ff;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:.5rem;padding:.65rem 1rem}button[type=submit],main>header button{color:#fff;background:#2563eb}button[type=button]:not(main>header button){background:#e5e7eb}button:disabled{cursor:wait;opacity:.65}main{max-width:960px;margin:0 auto;padding:3rem 1.25rem}.login-page{justify-content:center;align-items:center;max-width:none;min-height:100vh;padding:2rem 1rem;display:flex}.login-card{background:#fff;border:1px solid #dbe5f3;border-radius:1rem;width:100%;max-width:28rem;padding:2.5rem;box-shadow:0 1.5rem 3rem #1e40af1f}.login-card__eyebrow{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem;font-size:.85rem;font-weight:700}.login-card h1{color:#172554;margin-bottom:.65rem;font-size:clamp(2rem,5vw,2.5rem)}.login-card__description{color:#64748b;margin-bottom:2rem}.login-card form{gap:1.25rem;display:grid}.login-form__field{color:#334155;gap:.5rem;font-size:.9rem;font-weight:600;display:grid}.login-form__field input{color:#1e293b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:.5rem;width:100%;padding:.75rem .85rem;transition:border-color .12s,box-shadow .12s}.login-form__field input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb2e}.login-form__error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin:0;padding:.75rem .85rem}.login-form__submit{width:100%;margin-top:.25rem;padding:.8rem 1rem}main>header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.pet-toolbar{align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.pet-toolbar label{gap:.4rem;width:100%;max-width:32rem;display:grid}.pet-toolbar input{border:1px solid #cbd5e1;border-radius:.4rem;width:100%;padding:.65rem .75rem}header p{color:#64748b;margin:0 0 .35rem}h1,h2,p{margin-top:0}.pet-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.pet-list-footer{flex-direction:column;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.pet-list-footer p{color:#64748b;margin-bottom:0}.pet-card,.pet-form{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.25rem}.pet-card{cursor:pointer;flex-direction:column;justify-content:space-between;padding:0;display:flex;position:relative;overflow:hidden}.pet-card__image-wrapper{position:relative}.pet-card__content{padding:1.25rem}.pet-card__image{aspect-ratio:4/3;object-fit:cover;background:#f1f5f9;border-radius:0;width:100%;display:block}.pet-card__title{color:#1f2937;margin:0;padding:1rem 1.25rem;position:absolute;bottom:0;left:0;right:0}.pet-card:hover{border-color:#94a3b8}.pet-card:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.pet-card__header{justify-content:space-between;align-items:center;display:flex}.pet-card__header h2{margin-bottom:0}.pet-card__menu-wrapper{z-index:1;position:absolute;top:.75rem;right:.75rem}.pet-card button.pet-card__menu{color:#64748b;background:#ffffffd9;border-radius:50%;padding:.35rem;font-size:1.5rem;line-height:1}.pet-card button.pet-card__menu:hover{color:#1f2937;background:#e5e7eb}.pet-card__menu:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.pet-card__menu-dropdown{z-index:2;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;gap:.25rem;min-width:7rem;padding:.35rem;display:grid;position:absolute;top:calc(100% + .25rem);right:0;box-shadow:0 .5rem 1rem #0f172a26}.pet-card__menu-dropdown button[type=button]{text-align:left;background:0 0;border-radius:.35rem;width:100%;padding:.5rem .65rem}.pet-card__menu-dropdown button:hover{background:#f1f5f9}.pet-card dl{gap:.75rem;display:grid}.pet-card dt{color:#64748b;font-size:.8rem}.pet-card dd{margin:.15rem 0 0}.pet-details{gap:.75rem;margin:0;display:grid}.pet-details dt{color:#64748b;font-size:.8rem}.pet-details dd{margin:.15rem 0 0}.pet-card__actions,.pet-form__actions{flex-wrap:wrap;gap:.6rem;margin-top:1.25rem;display:flex}.pet-form{gap:1rem;margin-bottom:1.5rem;display:grid}.pet-form label{gap:.4rem;font-weight:600;display:grid}.pet-form input{border:1px solid #cbd5e1;border-radius:.4rem;padding:.65rem .75rem}[role=alert],[role=status]{border-radius:.5rem;padding:.75rem 1rem}[role=alert]{color:#991b1b;background:#fee2e2}[role=dialog]{background:#fff;border:1px solid #cbd5e1;border-radius:.75rem;width:calc(100% - 2rem);max-width:22rem;padding:1.5rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1rem 3rem #0f172a33}.pet-form-modal{box-shadow:none;z-index:10;background:#0f172a73;border:0;border-radius:0;justify-content:center;align-items:center;width:100%;max-width:none;padding:1rem;display:flex;position:fixed;inset:0;transform:none}.pet-form-modal__content{background:#fff;border:1px solid #cbd5e1;border-radius:.75rem;width:100%;max-width:32rem;max-height:calc(100vh - 2rem);padding:1.5rem;overflow-y:auto;box-shadow:0 1rem 3rem #0f172a33}.pet-form-modal__header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.pet-form-modal__header h2{margin-bottom:0}.pet-form-modal__close{color:#64748b;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;padding:0;font-size:1.5rem;line-height:1;display:flex}.pet-form-modal__close:hover{color:#1f2937;background:#e5e7eb}.pet-form-modal__close:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.pet-form-modal button.button--danger{color:#fff;background:#dc2626}.pet-form-modal button.button--danger:hover{background:#b91c1c}.pet-form-modal .pet-form{border:0;margin-bottom:0;padding:0}@media (width<=480px){main{padding:2rem 1rem}.login-card{padding:2rem 1.25rem}main>header{flex-direction:column;align-items:flex-start;gap:1rem}.pet-toolbar{flex-direction:column;align-items:stretch}}