:root{--petuna-deep: #0a3b33;--petuna-green: #10b981;--petuna-mint: #6ed7b7;--petuna-soft: #dff3ec;--petuna-cream: #f6f9f7;--ink: #12362f;--muted: #60756e;--line: #d6e7e1;--white: #ffffff;font-family:Poppins,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--petuna-cream);color:var(--ink)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.icon-trash{display:inline-grid;place-items:center;width:2.1rem;min-width:2.1rem;min-height:2.1rem;border:1px solid #fecaca;border-radius:999px;background:#fff1f2;color:#b42318;padding:0;cursor:pointer}.icon-trash svg{width:1rem;height:1rem;stroke-width:2.35}:is(.owner-table,.patient-table,.service-table,.vet-table,.pet-table,.record-table,.compact-table){overflow:hidden;border:1px solid rgba(110,215,183,.45);border-radius:.7rem;background:linear-gradient(135deg,#f6f9f7f5,#fffffffa),radial-gradient(circle at 14% 18%,rgba(110,215,183,.13),transparent 28%);box-shadow:inset 0 1px #fffffff2,0 1rem 2.2rem #0a3b330f}:is(.owner-row,.patient-row,.service-row,.vet-row,.pet-row,.record-row,.compact-row){transition:background .16s ease,box-shadow .16s ease,transform .16s ease}:is(.owner-row,.patient-row,.service-row,.vet-row,.pet-row,.record-row,.compact-row):not(.head):hover{background:linear-gradient(90deg,#dff3ec85,#fffffff2);box-shadow:inset .22rem 0 0 var(--petuna-green)}:is(.owner-row,.patient-row,.service-row,.vet-row,.pet-row,.record-row,.compact-row).head{background:linear-gradient(180deg,#ffffff,var(--petuna-cream));box-shadow:inset 0 -1px #6ed7b747}:is(.owner-row,.patient-row,.service-row,.vet-row,.pet-row,.record-row,.compact-row) a{position:relative;display:inline-flex;width:fit-content;max-width:calc(100% - 1.4rem);align-items:center;color:var(--petuna-green);font-weight:400;text-decoration:none;transition:color .16s ease,transform .16s ease}:is(.owner-row,.patient-row,.service-row,.vet-row,.pet-row,.record-row,.compact-row) a:after{content:"";position:absolute;left:0;right:0;bottom:.52rem;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--petuna-green),var(--petuna-mint));opacity:0;transform:scaleX(.45);transform-origin:left;transition:opacity .16s ease,transform .16s ease}:is(.owner-row,.patient-row,.service-row,.vet-row,.pet-row,.record-row,.compact-row) a:hover,:is(.owner-row,.patient-row,.service-row,.vet-row,.pet-row,.record-row,.compact-row) a:focus-visible{color:var(--petuna-deep);transform:translate(.12rem)}:is(.owner-row,.patient-row,.service-row,.vet-row,.pet-row,.record-row,.compact-row) a:hover:after,:is(.owner-row,.patient-row,.service-row,.vet-row,.pet-row,.record-row,.compact-row) a:focus-visible:after{opacity:1;transform:scaleX(1)}:is(.owner-row,.patient-row,.service-row,.vet-row)>button.icon-trash,.row-actions>button.icon-trash,.compact-row .row-actions>button.icon-trash{justify-self:center;align-self:center;margin:.45rem auto}.row-actions{align-items:center}button.icon-trash{width:2.15rem;min-width:2.15rem;height:2.15rem;min-height:2.15rem;border:1px solid rgba(180,35,24,.18);border-radius:.55rem;background:linear-gradient(180deg,#c52a1f,#a91f16);color:#fff;box-shadow:0 .55rem 1rem #b4231829;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}button.icon-trash:hover,button.icon-trash:focus-visible{background:linear-gradient(180deg,#d43226,#961b13);box-shadow:0 .8rem 1.35rem #b4231838;transform:translateY(-1px)}button.icon-trash svg{display:block;width:1rem;height:1rem;pointer-events:none}body :is(.owner-row,.patient-row,.service-row,.vet-row)>button.icon-trash.danger,body .row-actions>button.icon-trash.danger,body .compact-row .row-actions>button.icon-trash.danger{display:inline-grid;place-items:center;justify-self:center;align-self:center;width:2.15rem;min-width:2.15rem;height:2.15rem;min-height:2.15rem;margin:.45rem auto;padding:0;border:1px solid rgba(180,35,24,.18);border-radius:.55rem;background:linear-gradient(180deg,#c52a1f,#a91f16);color:#fff;box-shadow:0 .55rem 1rem #b4231829}body :is(.owner-row,.patient-row,.service-row,.vet-row)>button.icon-trash.danger:hover,body .row-actions>button.icon-trash.danger:hover,body .compact-row .row-actions>button.icon-trash.danger:hover,body :is(.owner-row,.patient-row,.service-row,.vet-row)>button.icon-trash.danger:focus-visible,body .row-actions>button.icon-trash.danger:focus-visible,body .compact-row .row-actions>button.icon-trash.danger:focus-visible{background:linear-gradient(180deg,#d43226,#961b13);box-shadow:0 .8rem 1.35rem #b4231838;transform:translateY(-1px)}.petuna-spinner-copy{margin:1.1rem 0 0;color:#fff;font-size:.88rem;font-weight:400;letter-spacing:.04em;text-shadow:0 .35rem 1rem rgba(10,59,51,.35);text-transform:uppercase}.petuna-paw-loader{position:relative;width:5.2rem;height:4.75rem;filter:drop-shadow(0 1rem 1.5rem rgba(10,59,51,.22));animation:petuna-paw-float 1.35s ease-in-out infinite}.petuna-paw-toe,.petuna-paw-pad{position:absolute;display:block;background:linear-gradient(135deg,var(--petuna-green),var(--petuna-mint));box-shadow:inset 0 1px #ffffff61,0 .6rem 1rem #10b9812e}.petuna-paw-toe{width:1.05rem;height:1.22rem;border-radius:999px 999px .72rem .72rem;animation:petuna-paw-toe 1s ease-in-out infinite}.petuna-paw-toe.toe-one{left:.7rem;top:1rem;transform:rotate(-24deg)}.petuna-paw-toe.toe-two{left:1.75rem;top:.25rem;transform:rotate(-8deg);animation-delay:90ms}.petuna-paw-toe.toe-three{right:1.75rem;top:.25rem;transform:rotate(8deg);animation-delay:.18s}.petuna-paw-toe.toe-four{right:.7rem;top:1rem;transform:rotate(24deg);animation-delay:.27s}.petuna-paw-pad{left:50%;bottom:.35rem;width:2.75rem;height:2.28rem;border-radius:52% 52% 46% 46%;transform:translate(-50%);background:linear-gradient(135deg,var(--petuna-deep),var(--petuna-green));animation:petuna-paw-pad 1s ease-in-out infinite}@keyframes petuna-paw-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.22rem)}}@keyframes petuna-paw-toe{0%,to{opacity:.7;filter:saturate(.92)}50%{opacity:1;filter:saturate(1.08)}}@keyframes petuna-paw-pad{0%,to{transform:translate(-50%) scale(.96)}50%{transform:translate(-50%) scale(1.03)}}body :is(.owner-row,.patient-row,.service-row,.vet-row,.pet-row,.record-row,.compact-row){align-items:stretch}body :is(.owner-row,.patient-row,.service-row,.vet-row,.pet-row,.record-row,.compact-row)>:is(span,a,strong),body :is(.owner-row,.patient-row,.service-row,.vet-row,.pet-row,.record-row,.compact-row)>.row-actions{display:flex;min-width:0;align-items:center;padding:.82rem 1rem;line-height:1.35}body :is(.owner-row,.patient-row,.service-row,.vet-row,.pet-row,.record-row,.compact-row):not(.head)>a{color:var(--petuna-green)!important;font-weight:500!important}body :is(.owner-row,.patient-row,.service-row,.vet-row,.pet-row,.record-row,.compact-row).head>span{align-items:center;color:var(--petuna-deep)!important;font-weight:800}body :is(.owner-row,.patient-row,.service-row,.vet-row)>button.icon-trash.danger,body .row-actions>button.icon-trash.danger,body .compact-row .row-actions>button.icon-trash.danger{margin:auto!important}body :is(.owner-row,.patient-row,.service-row,.vet-row)>button:not(.icon-trash){align-self:center}body .row-actions{justify-content:center;gap:.5rem}body :is(.owner-row,.patient-row,.service-row,.vet-row,.pet-row,.record-row,.compact-row) a:after{bottom:.42rem}.search-control{display:grid;min-width:min(22rem,100%);gap:.32rem}.search-control span{color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.search-control input{width:100%;min-height:2.45rem;border:1px solid rgba(110,215,183,.5);border-radius:.55rem;background:linear-gradient(180deg,#ffffff,var(--petuna-cream));color:var(--petuna-deep);padding:0 .85rem;outline:none;box-shadow:inset 0 1px #ffffffe6;transition:border-color .16s ease,box-shadow .16s ease}.search-control input:focus{border-color:var(--petuna-green);box-shadow:0 0 0 3px #10b98121}.search-control input::placeholder{color:#8aa39a}@media (max-width: 760px){.search-control{order:3;width:100%}}body :is(.page-heading,.feature-page header,.profile-heading){margin-bottom:.7rem!important}body :is(.page-heading,.feature-page header,.profile-heading) p{margin-bottom:.22rem!important;font-size:.7rem!important;line-height:1.2}body :is(.page-heading,.feature-page header,.profile-heading) h1,body .feature-page h1{margin-bottom:.32rem!important;font-size:clamp(1.55rem,2.6vw,2.35rem)!important;line-height:1.04!important}body :is(.page-heading,.feature-page header,.profile-heading) span{display:block;max-width:72rem;font-size:.88rem!important;line-height:1.45!important}@media (max-width: 760px){body :is(.page-heading,.feature-page header,.profile-heading) h1,body .feature-page h1{font-size:clamp(1.45rem,8vw,1.95rem)!important}}
