:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f7;--surface:#fff;--surface-soft:#f7f8fa;--border:#e4e7eb;--border-strong:#d0d5dd;--text:#1a1f26;--muted:#667085;--muted-soft:#98a2b3;--green:#1b8751;--green-dark:#14693e;--green-deeper:#0e5432;--green-soft:#e8f6ef;--green-chip:#c5e6d4;--danger-soft:#fff4e5;--shadow:0 4px 16px #1a1f2614;--shadow-lg:0 12px 32px #1a1f2624;--radius:14px;--radius-sm:10px;--topbar-h:64px;--left-nav-w:210px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body,#app{background:var(--bg);width:100%;height:100%;color:var(--text);margin:0;overflow:hidden}#app{grid-template-rows:auto 1fr;display:grid;position:relative}#shell{grid-template-columns:var(--left-nav-w) 1fr;min-height:0;display:grid;overflow:hidden}#workspace{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.topbar-lead{flex-shrink:0;align-items:center;gap:.75rem;min-width:0;display:flex}#topbar{min-height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);z-index:50;align-items:center;gap:1rem;padding:.55rem 1rem;display:flex;position:relative;box-shadow:0 1px #00000005}.brand{flex-shrink:0;align-items:center;gap:.65rem;display:flex}.logo-mark{flex-shrink:0;align-items:center;line-height:0;display:flex}.logo-mark .logo-paw{object-fit:contain;width:40px;height:40px;display:block}.brand-text .brand-name{letter-spacing:-.01em;color:var(--text);white-space:nowrap;margin:0;font-size:1.15rem;font-weight:700;line-height:1.2;display:block}.brand-text .tagline{color:var(--muted);font-size:.72rem;font-weight:500;display:block}.search-affordance{background:var(--surface-soft);border:1px solid var(--border);max-width:420px;color:var(--muted);border-radius:999px;flex:1;align-items:center;gap:.45rem;padding:.45rem .9rem;display:flex;position:relative}.search-affordance .search-icon{opacity:.7;font-size:.85rem}.search-affordance input{font:inherit;color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.9rem}#left-nav{background:var(--surface);border-right:1px solid var(--border);z-index:9;flex-direction:column;align-items:stretch;gap:.05rem;min-height:0;padding:.5rem .4rem;display:flex;overflow:hidden auto}.nav-item{appearance:none;cursor:pointer;font:inherit;color:var(--muted);text-align:left;background:0 0;border:none;border-radius:10px;flex-direction:column;align-items:flex-start;gap:0;width:100%;padding:.38rem .65rem;font-size:.98rem;font-weight:600;text-decoration:none;transition:color .12s,background .12s,box-shadow .12s;display:flex}.nav-item:hover:not(:disabled){color:var(--text);background:var(--surface-soft)}.nav-item.active{color:var(--green-dark);background:var(--green-soft);box-shadow:inset 3px 0 0 var(--green)}.nav-item:disabled{cursor:not-allowed;opacity:.55}.nav-label{line-height:1.25}.nav-count{color:var(--green-dark);margin-top:.08rem;font-size:.72rem;font-weight:650;display:block}.sidebar-status{color:var(--muted);margin:.85rem .55rem .4rem;font-size:.8rem;line-height:1.4}#main{flex:1;grid-template-columns:1fr;height:100%;min-height:0;display:grid;overflow:hidden}#map-wrap{z-index:1;background:#e8ebe6;min-width:0;min-height:0;position:relative;overflow:hidden}#map-wrap .maplibregl-canvas-container,#map-wrap .maplibregl-control-container{z-index:1}#map{z-index:0;width:100%;height:100%;min-height:0;position:relative}.maplibregl-ctrl-group{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;overflow:hidden}.maplibregl-ctrl-attrib{background:#ffffffd9;font-size:.68rem}.dog-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:5;width:min(380px,100% - 1.7rem);max-height:calc(100% - 1.7rem);box-shadow:var(--shadow-lg);padding:1.1rem 1.15rem 1.2rem;position:absolute;top:50%;left:50%;right:auto;overflow:auto;transform:translate(-50%,-50%)}.dog-card.hidden{display:none}.panel-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:1.45rem;line-height:1;position:absolute;top:.45rem;right:.5rem}.panel-close:hover{color:var(--text)}.dog-card h2,.dog-card .dog-name{letter-spacing:-.015em;color:var(--text);margin:0 0 .35rem;padding-right:1.6rem;font-size:1.35rem;font-weight:750;line-height:1.25}.dog-card .address{color:var(--muted);margin:0 0 .85rem;font-size:.88rem}.dog-facts{background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:0;margin:0 0 .65rem;padding:.15rem 0;display:flex;overflow:hidden}.dog-fact{border-bottom:1px solid var(--border);flex-wrap:nowrap;align-items:baseline;gap:.4rem;padding:.28rem .65rem;display:flex}.dog-fact:last-child{border-bottom:none}.dog-fact-label{color:var(--muted);flex-shrink:0;min-width:5.4rem;font-size:.82rem;font-weight:550}.dog-fact-value{color:var(--text);text-align:left;word-break:break-word;font-size:.86rem;font-weight:650}.dog-fact-value a{color:var(--green-deeper)}.badge{background:var(--green-soft);color:var(--green-dark);border-radius:999px;padding:.12rem .5rem;font-size:.72rem;font-weight:650;display:inline-block}.badge.inactive{background:var(--danger-soft);color:#b54708}.pin-note{color:var(--muted-soft);margin:.15rem 0 0;font-size:.75rem}.provider-list{flex-direction:column;gap:.35rem;margin:.35rem 0 0;display:flex}.provider-pick{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:8px;padding:.5rem .65rem;font-size:.86rem;font-weight:650}.provider-pick:hover,.provider-pick:focus-visible{background:var(--green-soft);border-color:var(--green-chip);outline:none}.btn-link{appearance:none;font:inherit;color:var(--green-deeper);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;margin:0 0 .55rem;padding:0;font-size:.82rem;font-weight:650;text-decoration:underline}.nav-toggle{appearance:none;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;font:inherit;border-radius:10px;flex-shrink:0;align-items:center;gap:.45rem;padding:.4rem .65rem;font-size:.8rem;font-weight:650;line-height:1;display:none}.nav-toggle-bars{background:currentColor;border-radius:1px;width:18px;height:2px;display:block;position:relative}.nav-toggle-bars:before,.nav-toggle-bars:after{content:"";background:currentColor;border-radius:1px;width:18px;height:2px;position:absolute;left:0}.nav-toggle-bars:before{top:-6px}.nav-toggle-bars:after{top:6px}.nav-backdrop{display:none}.profession-dialog{z-index:80;background:#1a1f2673;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.profession-dialog.hidden{display:none}.profession-dialog-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(420px,100%);max-height:min(640px,100% - 1rem);box-shadow:var(--shadow-lg);padding:1.15rem 1.1rem 1.2rem;overflow:auto}.profession-dialog-card h2{letter-spacing:-.015em;margin:0 0 .3rem;font-size:1.25rem}.profession-dialog-lead{color:var(--muted);margin:0 0 .85rem;font-size:.88rem}.profession-dialog-list{flex-direction:column;gap:.4rem;display:flex}.profession-choice{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.65rem .75rem;display:flex}.profession-choice:hover,.profession-choice:focus-visible{background:var(--green-soft);border-color:var(--green-chip);outline:none}.profession-choice:disabled{cursor:not-allowed;opacity:.55}.profession-choice-name{font-size:.98rem;font-weight:700}.profession-choice-count{color:var(--green-dark);font-size:.75rem;font-weight:650}@media (width<=860px){.nav-toggle{display:inline-flex}.brand-text .tagline{display:none}.logo-mark .logo-paw{width:34px;height:34px}#topbar{flex-wrap:wrap;align-items:stretch;gap:.65rem;padding:.55rem .75rem .7rem}.topbar-lead{width:100%}.search-affordance{flex:100%;width:100%;max-width:none}.search-affordance input{width:100%;min-width:11.5rem}#shell{grid-template-columns:1fr;position:relative}#left-nav{z-index:40;width:min(280px,86vw);box-shadow:var(--shadow-lg);transition:transform .18s;position:absolute;top:0;bottom:0;left:0;transform:translate(-105%)}#left-nav.open{transform:none}.nav-backdrop.show{z-index:30;background:#1a1f2659;display:block;position:absolute;inset:0}}