:root{font-family:system-ui,-apple-system,sans-serif;background:#f5f8f9;color:#13252a}*{box-sizing:border-box}body{margin:0}header{background:white;border-bottom:1px solid #e3ebeb;padding:18px max(20px,calc((100% - 950px)/2));display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{color:#087c80;font-size:1.3rem;font-weight:800;text-decoration:none}nav{display:flex;gap:16px}nav a{color:#345;text-decoration:none;font-size:.9rem}main{max-width:850px;margin:36px auto;padding:0 18px;min-height:72vh}h1{font-size:clamp(1.8rem,5vw,3rem);margin:0 0 14px}h2{font-size:1.2rem}.hero{text-align:center;padding:48px 8px 58px}.emoji{font-size:4rem}.hero p{font-size:1.12rem;color:#516267;max-width:520px;margin:0 auto 26px}.actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.btn,button{background:#087f80;color:white;padding:13px 20px;border:0;border-radius:12px;display:inline-block;text-decoration:none;cursor:pointer;font-weight:750;font-size:1rem}.outline{background:white;border:1px solid #087f80;color:#087f80}.panel{background:white;border-radius:18px;box-shadow:0 8px 28px #183d4010;padding:28px;margin:18px 0}.narrow{max-width:500px;margin:25px auto}form{display:grid;gap:16px}label{display:grid;gap:7px;font-weight:650}input,textarea{font:inherit;border:1px solid #cedadc;border-radius:9px;padding:12px;width:100%;background:white;color:#102b30}textarea{min-height:95px}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}.message{background:#fff7df;padding:12px;border-radius:8px}.pet{text-align:center;max-width:550px;margin:20px auto;padding:0 24px 30px;overflow:hidden}.pet h1{margin-top:20px}.alert{background:#f33c73;color:white;font-weight:800;letter-spacing:.04em;padding:18px;margin:0 -24px 28px}.petphoto,.placeholder{width:180px;height:180px;border-radius:50%;object-fit:cover;margin:28px auto 8px;border:6px solid #f3f8f8}.placeholder{background:#e3f2f1;display:grid;place-items:center;font-size:5rem}.subtitle{color:#6b7b84}.info{text-align:left;background:#f4f7fb;border-radius:14px;padding:16px;margin:16px 0;overflow-wrap:anywhere}.info p{margin:6px 0}.pet .btn{display:block;margin:10px 0}.whatsapp{background:#1dc767}.dark{background:#121e31}.fine{font-size:.8rem;color:#788}.muted{background:#758287}footer{text-align:center;color:#718185;padding:40px 15px}@media(max-width:480px){header{padding:15px}nav{gap:7px}nav a{font-size:.8rem}.panel{padding:19px}}

[hidden]{display:none!important}button:disabled{opacity:.65;cursor:wait}.pet .info button{width:100%}.pet .info h2{margin-top:0}
/* Administration */
.admin-layout main{max-width:1160px;margin:32px auto}.admin-layout header{padding:18px max(22px,calc((100% - 1116px)/2))}.admin-layout footer{font-size:.8rem}nav{align-items:center}.nav-logout{display:block;margin:0}.text-button{padding:0;background:none;color:#456;font-size:.85rem;font-weight:600}.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.admin-heading h1{font-size:clamp(1.7rem,4vw,2.4rem);letter-spacing:-.035em}.eyebrow{font-size:.7rem;letter-spacing:.12em;font-weight:800;color:#087f80;margin:0 0 10px}.subtle{color:#61747a;font-size:.94rem;line-height:1.6;margin:4px 0 0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 26px}.metric{display:flex;flex-direction:column;gap:8px;padding:22px;background:white;border:1px solid #e1eaea;border-radius:16px;color:inherit;text-decoration:none}.metric>span{color:#52696e;font-size:.85rem;font-weight:650}.metric strong{font-size:2.15rem;letter-spacing:-.06em;line-height:1.1}.metric small{color:#7b8e93;font-size:.75rem}.metric:first-child{background:#e9f6f3;border-color:#c4e7df}.metric:hover{border-color:#77b9b3}.section-heading h2{font-size:1.3rem;margin:0}.inventory-filters{display:flex;align-items:end;gap:12px;padding:22px 0;border-bottom:1px solid #e9eeee}.inventory-filters label:first-child{flex:1}.inventory-filters label{font-size:.8rem;min-width:0}.inventory-filters select{width:100%;font:inherit;background:white;border:1px solid #cedadc;border-radius:9px;padding:12px;color:#102b30;min-height:46px}.inventory-filters button{min-height:46px}.clear-filter{color:#52696e;font-size:.85rem;padding-bottom:12px}.plate-row{display:grid;grid-template-columns:46px minmax(0,1.6fr) minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px 0;border-bottom:1px solid #edf1f1}.plate-row:last-child{border:0}.plate-avatar{display:grid;place-items:center;width:46px;height:46px;background:#edf6f4;border-radius:14px;font-size:1.25rem}.plate-identity h3{font-size:1rem;margin:0 0 5px;font-weight:750;overflow-wrap:anywhere}.plate-identity code{font-size:.72rem;color:#7b8e93;overflow-wrap:anywhere}.badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.badge{display:inline-block;border-radius:20px;padding:4px 9px;font-size:.67rem;font-weight:750}.badge.active{background:#e9f7ef;color:#286e47}.badge.pending{background:#fff3dc;color:#886323}.badge.lost{background:#ffedf2;color:#af3157}.plate-traffic{font-size:.8rem;line-height:1.5}.plate-traffic small{display:block;color:#7b8e93;font-size:.7rem;margin-top:5px}.plate-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.plate-actions>a:not(.btn){font-size:.75rem;color:#477078;text-decoration:none}.small{padding:9px 13px;font-size:.78rem;border-radius:9px}.secondary{background:#edf5f4;color:#12676a}.pagination{display:flex;justify-content:center;gap:22px;padding:24px 0 0;font-size:.85rem}.pagination a{color:#087f80}.create-panel summary,.admin-help summary{cursor:pointer;font-weight:750;display:flex;align-items:center;justify-content:space-between;gap:12px}.create-panel summary:after,.admin-help summary:after{content:'＋';font-size:1.2rem;color:#087f80}.create-panel[open] summary:after,.admin-help[open] summary:after{content:'−'}.create-form{display:flex;align-items:end;gap:15px;margin-top:20px}.create-form label{font-size:.85rem;flex:1;max-width:260px}.admin-help li{margin:12px 0;color:#52696e;line-height:1.6}.notice{background:#fff7e4;color:#80612e;padding:15px;border-radius:10px;font-size:.85rem;line-height:1.6}.batch-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:20px 0}.new-plates{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.new-plate{padding:20px;border:1px solid #dce9e6;border-radius:13px;min-width:0}.new-plate h3{margin-top:0}.new-plate>code{display:block;overflow-wrap:anywhere;font-size:.85rem}.new-plate label{margin-top:18px;font-size:.75rem}.new-plate input{font-size:.75rem}.new-plate .small{margin-top:9px}.activation-code{font-weight:800;letter-spacing:.07em;background:#eff6f4;border-radius:7px;padding:10px}.new-plate a{font-size:.8rem;color:#087f80}.empty-state{text-align:center;padding:40px 12px}.empty-state>span{font-size:2.4rem}.empty-state h3{margin-bottom:8px}.empty-state p{color:#71858a;font-size:.9rem}.empty-state .btn{margin-top:12px}.admin-login{padding:36px}.admin-login h1{font-size:1.9rem;letter-spacing:-.03em}.admin-login form{margin-top:25px}.login-icon{display:grid;place-items:center;background:#e8f5f2;width:62px;height:62px;border-radius:19px;font-size:1.7rem;margin-bottom:24px}.admin-login a{color:#087f80}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #64bcb2;outline-offset:3px}
@media(max-width:800px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-heading{align-items:flex-start}.plate-row{grid-template-columns:40px minmax(0,1fr) auto;gap:12px}.plate-traffic{grid-column:2}.plate-actions{grid-column:3;grid-row:1/3}.admin-layout header{padding:16px 18px}.admin-layout nav{flex-wrap:wrap;justify-content:flex-end;gap:10px}.admin-layout .brand{font-size:1.1rem;white-space:nowrap}}
@media(max-width:540px){.admin-heading{flex-direction:column;gap:18px}.admin-heading>.btn{width:100%;text-align:center}.metrics{gap:10px}.metric{padding:17px}.metric strong{font-size:1.8rem}.inventory-filters{flex-wrap:wrap}.inventory-filters label:first-child{flex-basis:100%}.inventory-filters label:nth-child(2){flex:1}.plate-row{grid-template-columns:36px minmax(0,1fr)}.plate-avatar{width:36px;height:36px;font-size:1rem}.plate-actions{grid-column:2;grid-row:auto;flex-direction:row;align-items:center;flex-wrap:wrap;gap:14px}.plate-traffic{grid-column:2}.create-form{flex-direction:column;align-items:stretch}.create-form label{max-width:none}.create-panel summary .fine{display:none}.admin-layout main{margin-top:24px}.admin-layout header{align-items:flex-start}.admin-layout nav{max-width:200px}.admin-login{padding:26px}.new-plates{grid-template-columns:1fr}}

.heading-actions{display:flex;gap:10px;flex-wrap:wrap}.client-row{display:grid;grid-template-columns:46px minmax(0,1fr) 150px auto;gap:18px;align-items:center;padding:24px 0;border-bottom:1px solid #edf1f1}.client-row:last-child{border:0}.client-row h2{font-size:1rem;margin:0 0 7px}.client-row p{margin:4px 0;overflow-wrap:anywhere;font-size:.85rem}.client-row .fine{font-size:.75rem}.client-count{display:flex;flex-direction:column;gap:5px}.client-count strong{font-size:1.7rem}.client-count span,.client-count small{font-size:.75rem;color:#61747a}.client-form{max-width:560px;padding-top:24px}.client-form label{font-size:.85rem}@media(max-width:650px){.client-row{grid-template-columns:36px minmax(0,1fr)}.client-row .client-count,.client-row>.btn{grid-column:2}.client-count{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}.client-count strong{font-size:1.3rem}.client-count small{width:100%}.client-row>.btn{justify-self:start}.heading-actions{width:100%}.heading-actions .btn{flex:1;text-align:center}}

.photo-upload{border:1px solid #dbe8e5;border-radius:14px;padding:20px;background:#f7fbfa}.photo-upload h2{margin-top:0}.photo-edit-preview{display:block;width:180px;height:180px;object-fit:cover;border-radius:16px;margin-bottom:16px}.photo-label{font-size:.9rem}.photo-upload input[type=file]{background:white;font-size:.85rem}.photo-upload input::file-selector-button{border:0;background:#e1f0ec;color:#12676a;padding:9px;border-radius:7px;cursor:pointer;margin-right:10px}

.health-options{border:1px solid #cfe4df;border-radius:12px;padding:20px;margin:24px 0}.health-options legend{font-weight:700;padding:0 8px}.health-options .check{align-items:flex-start}.danger{background:#b02b45}.danger-link{color:#a3213b;text-decoration:underline;font-weight:600}.delivery{margin-top:20px;border-top:1px solid #dbe8e5;padding-top:14px}.delivery summary{cursor:pointer;font-weight:700}.delivery-message{font-size:.85rem;min-height:220px}select{width:100%;padding:12px;border:1px solid #b8cecc;border-radius:8px;background:#fff;font:inherit;color:inherit}


.medical-field{padding:1rem 0;border-bottom:1px solid #dce4e8}.medical-field .check{margin-top:.7rem}.info dd{margin:0 0 1rem;white-space:pre-wrap;overflow-wrap:anywhere}

.care-date-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vaccine-delete{margin-top:16px}.medical-field summary{cursor:pointer;font-weight:700}.medical-field input,.medical-field textarea{max-width:100%;box-sizing:border-box}@media(max-width:600px){.care-date-grid{grid-template-columns:1fr}}