@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--red: #e8320a;--red-dark: #c42a08;--bg: #f4f4f0;--surface: #ffffff;--border: #e2deda;--text: #1a1a1a;--muted: #5c5c5c;--header-h: 58px;--radius: 8px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);--transition: .15s ease}html,body,#app,.status-app{height:100%}.status-app{display:flex;flex-direction:column}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.site-header{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);padding:0 1.25rem;background:var(--red);color:#fff;position:sticky;top:0;z-index:1000;gap:1rem;box-shadow:0 2px 8px #0000002e;flex-shrink:0}.back-link{text-decoration:none;flex-shrink:0;border-radius:4px;outline-offset:3px}.back-link:focus-visible{outline:2px solid rgba(255,255,255,.8)}.header-logo{height:38px;width:auto;display:block;border-radius:4px}.header-center{display:flex;flex-direction:column;align-items:center;flex:1}.header-center h1{font-size:1.05rem;font-weight:700;line-height:1.2;letter-spacing:-.01em}.case-count{font-size:.72rem;opacity:.82;font-weight:500}.layout{display:flex;flex:1;min-height:0;overflow:hidden}.map-wrapper{flex:1;position:relative;min-width:0}.map{width:100%;height:100%}.map-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffffb3;font-weight:600;z-index:999}.map-overlay--error{color:var(--red)}.layer-toggle{position:absolute;bottom:28px;right:10px;z-index:1001;background:var(--surface);border:2px solid rgba(0,0,0,.2);border-radius:6px;padding:7px 14px;font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;box-shadow:var(--shadow-md);transition:background var(--transition),border-color var(--transition);color:var(--text);min-height:36px}.layer-toggle:hover{background:var(--bg);border-color:#00000059}.layer-toggle:focus-visible{outline:2px solid var(--red);outline-offset:2px}.map-pin{position:relative;width:52px}.map-pin__photo{width:52px;height:52px;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 3px 10px #0006;background:var(--bg)}.map-pin__photo img{width:100%;height:100%;object-fit:cover;display:block}.map-pin__paw{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--red-light, #fde8e3);color:var(--red)}.map-pin:after{content:"";display:block;width:0;height:0;margin:0 auto;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid #fff;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.leaflet-tooltip.vfh-map-tooltip{padding:0;background:transparent;border:none;box-shadow:none}.leaflet-tooltip.vfh-map-tooltip:before{display:none}.vfh-tt{background:var(--surface);border-radius:10px;box-shadow:0 6px 20px #00000038;overflow:hidden;width:160px;font-family:Inter,system-ui,sans-serif}.vfh-tt__img{width:100%;height:110px;object-fit:cover;display:block}.vfh-tt__text{padding:7px 10px 9px}.vfh-tt__name{font-weight:700;font-size:.875rem;color:var(--text)}.vfh-tt__breed{font-size:.75rem;color:var(--muted);margin-top:2px}.sidebar{width:300px;flex-shrink:0;background:var(--surface);border-left:1px solid var(--border);overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.sidebar-loading{display:flex;flex-direction:column;gap:.5rem}.skeleton-card{display:flex;gap:.6rem;padding:.65rem;border-radius:var(--radius);border:1px solid var(--border)}.skeleton-img{width:64px;height:64px;border-radius:6px;flex-shrink:0;background:linear-gradient(90deg,var(--border) 25%,#f0ece8 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.skeleton-body{flex:1;display:flex;flex-direction:column;gap:.45rem;padding-top:.1rem}.skeleton-line{height:10px;border-radius:4px;background:linear-gradient(90deg,var(--border) 25%,#f0ece8 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.skeleton-line--short{width:55%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.no-cases{padding:2rem 1rem;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.875rem}.no-cases svg{opacity:.35}.case-card{display:flex;gap:.6rem;padding:.65rem;border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);background:var(--surface);box-shadow:var(--shadow-sm)}.case-card:hover{border-color:var(--red);box-shadow:0 0 0 2px #e8320a1f,var(--shadow-md);transform:translateY(-1px)}.case-card--active{border-color:var(--red);box-shadow:0 0 0 2px #e8320a33}.case-card:focus-visible{outline:2px solid var(--red);outline-offset:2px}.case-card__image{width:64px;height:64px;flex-shrink:0;border-radius:6px;overflow:hidden;background:var(--bg)}.case-card__image img{width:100%;height:100%;object-fit:cover}.case-card__image--placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted);opacity:.5}.case-card__body{flex:1;min-width:0}.case-card__name{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-card__breed{font-size:.8rem;color:var(--muted);margin-top:1px}.case-card__meta{display:flex;flex-direction:column;gap:.2rem;margin-top:.3rem;font-size:.75rem;color:var(--muted)}.case-card__location{display:flex;align-items:center;gap:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:var(--surface);border-radius:14px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 24px 64px #00000040}.modal__close{position:sticky;top:.75rem;float:right;margin:.75rem .75rem 0 0;background:#00000014;border:none;border-radius:50%;width:34px;height:34px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;color:var(--text);transition:background var(--transition)}.modal__close:hover{background:#00000024}.modal__close:focus-visible{outline:2px solid var(--red);outline-offset:2px}.modal__images{display:flex;gap:.25rem;overflow-x:auto}.modal__image{width:100%;height:260px;object-fit:cover;flex-shrink:0;border-radius:14px 14px 0 0;display:block}.modal__image-placeholder{height:180px;display:flex;align-items:center;justify-content:center;background:var(--bg);border-radius:14px 14px 0 0;color:var(--muted);opacity:.5}.modal__body{padding:1.25rem}.modal__body h2{font-size:1.4rem;font-weight:700;margin-bottom:.6rem}.modal__tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:1rem}.tag{background:var(--bg);border:1px solid var(--border);padding:3px 10px;border-radius:20px;font-size:.8rem;color:var(--text)}.modal__details{display:grid;grid-template-columns:auto 1fr;gap:.4rem .75rem;font-size:.875rem;margin-bottom:1rem}.modal__details dt{color:var(--muted);font-weight:500;white-space:nowrap}.modal__contact{background:var(--bg);border-radius:8px;padding:.85rem 1rem;margin-bottom:1rem}.modal__contact h3{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.4rem}.contact-name{font-weight:600;margin-bottom:.3rem}.contact-phone{display:inline-flex;align-items:center;gap:.4rem;background:var(--red);color:#fff;text-decoration:none;padding:.55rem 1.1rem;border-radius:var(--radius);font-weight:600;font-size:.9rem;margin-top:.1rem;cursor:pointer;border:none;font-family:inherit;transition:background var(--transition),transform var(--transition)}.contact-phone:hover{background:var(--red-dark);transform:translateY(-1px)}.contact-phone:focus-visible{outline:2px solid var(--red);outline-offset:3px}.modal__actions{display:flex;flex-direction:column;gap:.35rem}.action-badge{font-size:.825rem;color:var(--muted);display:flex;align-items:center;gap:.4rem}.action-badge--done{color:#2e7d32}.modal-enter-active{transition:opacity .2s ease,transform .22s ease}.modal-leave-active{transition:opacity .15s ease,transform .15s ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal{transform:translateY(12px) scale(.98)}.modal-leave-to .modal{transform:translateY(8px) scale(.99)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:768px){.layout{flex-direction:column}.map-wrapper{flex:none;height:58vh}.sidebar{width:100%;flex:none;height:42vh;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:.6rem;gap:.5rem;border-left:none;border-top:1px solid var(--border)}.case-card{min-width:260px;flex-direction:column;padding:0;gap:0}.case-card__image{width:100%;height:130px;border-radius:8px 8px 0 0}.case-card__body{padding:.6rem .7rem .7rem}.case-card__name{font-size:.9rem}.case-card__meta{flex-direction:column;gap:.15rem}.layer-toggle{bottom:10px;right:8px;padding:8px 14px;min-height:40px}.modal-backdrop{align-items:flex-end;padding:0}.modal{max-width:100%;max-height:92vh;border-radius:18px 18px 0 0}.modal__image{height:220px;border-radius:18px 18px 0 0}.modal__image-placeholder{border-radius:18px 18px 0 0}.modal-enter-from .modal,.modal-leave-to .modal{transform:translateY(100%)}.modal-enter-from{opacity:1}.modal-leave-to{opacity:0}}