:root{--green-900:#0b4f2f;--green-800:#136f3a;--green-700:#1b8b47;--yellow-500:#f2c94c;--yellow-400:#ffd86b;--blue-700:#1d4f91;--blue-600:#2563a6;--cream:#f7f8f4;--white:#fff;--text:#163024;--muted:#5d6f67;--border:rgba(19,111,58,.12);--shadow:0 14px 34px rgba(11,79,47,.1);--radius:22px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top right,rgba(242,201,76,.16),transparent 28%),radial-gradient(circle at top left,rgba(37,99,166,.1),transparent 26%),var(--cream);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{max-width:1240px;margin:0 auto;padding:20px}.card{background:hsla(0,0%,100%,.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{border:0;border-radius:16px;padding:13px 18px;font-weight:700;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--green-800),var(--green-700));color:#fff}.btn-secondary{background:linear-gradient(135deg,var(--yellow-500),var(--yellow-400));color:#283618}.btn-outline{background:#fff;color:var(--green-900);border:1px solid rgba(11,79,47,.18)}.input,.select,.textarea{width:100%;border:1px solid rgba(11,79,47,.18);border-radius:14px;padding:13px 14px;background:hsla(0,0%,100%,.95);color:var(--text)}.input:focus,.select:focus,.textarea:focus{outline:2px solid rgba(37,99,166,.18);border-color:var(--blue-600)}.grid,.hero{display:grid;grid-gap:18px;gap:18px}.hero{padding:22px;background:linear-gradient(135deg,rgba(11,79,47,.96),rgba(29,79,145,.94));color:#fff}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:hsla(0,0%,100%,.14);width:-moz-fit-content;width:fit-content;font-size:13px;font-weight:700}.header-row{justify-content:space-between;flex-wrap:wrap}.header-row,.logo{display:flex;align-items:center;gap:12px}.logo{font-weight:800;font-size:24px}.logo-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--yellow-500),#fff087);color:var(--green-900);display:flex;align-items:center;justify-content:center;font-size:22px}.subtle{color:var(--muted)}.map-shell{min-height:420px;border-radius:22px;overflow:hidden;border:1px solid var(--border)}.leaflet-container{width:100%;height:100%;min-height:420px}.layout-two{display:grid;grid-template-columns:380px minmax(0,1fr);grid-gap:18px;gap:18px}.pet-card{display:grid;grid-template-columns:92px 1fr;grid-gap:12px;gap:12px;padding:12px}.pet-thumb{width:92px;height:92px;border-radius:18px;object-fit:cover;background:linear-gradient(135deg,#f2c94c,#f7f8f4)}.stack{display:flex;flex-direction:column;gap:12px}.toolbar{display:flex;flex-wrap:wrap;gap:10px}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.kpi{padding:14px}.kpi strong{display:block;font-size:24px;margin-top:6px}.mobile-bottom-space{padding-bottom:28px}.error-box,.success-box{padding:12px 14px;border-radius:14px;font-size:14px}.error-box{background:rgba(190,24,93,.08);color:#8a1846;border:1px solid rgba(190,24,93,.16)}.success-box{background:rgba(22,163,74,.08);color:#166534;border:1px solid rgba(22,163,74,.16)}.nav-links{display:flex;gap:12px;flex-wrap:wrap}.nav-links a{padding:10px 14px;border-radius:12px;background:hsla(0,0%,100%,.12)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}@media (max-width:980px){.kpi-grid,.layout-two{grid-template-columns:1fr}}@media (max-width:640px){.container{padding:14px}.hero{padding:18px}.pet-card{grid-template-columns:76px 1fr}.pet-thumb{width:76px;height:76px;border-radius:16px}.leaflet-container,.map-shell{min-height:340px}.btn{width:100%}.toolbar .btn{width:auto;flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 10px)}}