:root{--navy:#153e53;--blue:#3d7e97;--bg:#f2f6f8;--border:#dfe8ed;--muted:#748994;--green:#34745a;color:#183a4c;background:var(--bg);font-family:Arial,sans-serif;font-size:14px;line-height:1.5}*{box-sizing:border-box}body{margin:0;height:100vh;height:100dvh;display:flex;flex-direction:column}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:transparent;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6db2cb;outline-offset:3px}a{color:var(--blue)}h1,h2,p{margin:0}.header{height:65px;min-height:65px;display:flex;align-items:center;padding:0 24px;background:#fff;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy)}.brand-logo{display:block;width:44px;height:34px;object-fit:contain;flex-shrink:0}.brand h1{font-size:19px;font-weight:600;letter-spacing:-.4px}.map-view{display:grid;grid-template-columns:280px minmax(0,1fr);flex:1;min-height:0}.sidebar{background:#fff;border-right:1px solid var(--border);padding:22px 18px;overflow-y:auto;min-height:0}.sidebar-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sidebar-title h2{font-size:17px;font-weight:600}.sidebar-title>span{background:var(--bg);border-radius:20px;padding:2px 9px;color:var(--muted);font-size:11px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:7px;padding:9px 10px}.search svg{width:16px;height:16px;fill:none;stroke:var(--muted);stroke-width:1.6;flex-shrink:0}.search input{border:0;background:transparent;outline:0;min-width:0;width:100%;font-size:12px}.filter-label{display:block;color:var(--muted);font-size:10px;margin:14px 0 5px}.sidebar select{width:100%;padding:9px;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--navy);font-size:11px}.zone-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.zone-button{text-align:left;border:1px solid var(--border);border-radius:8px;padding:11px;background:#fff;transition:background .15s,border .15s}.zone-button:hover{background:var(--bg)}.zone-button.active{background:#edf6f9;border-color:#92bdcd;box-shadow:inset 3px 0 0 var(--blue)}.zone-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.zone-name{font-size:13px;font-weight:600}.zone-area{font-size:11px;font-weight:600}.zone-button small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.zone-status{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted);margin-top:7px}.zone-status:before{content:'';width:5px;height:5px;background:#b3bdc1;border-radius:50%}.zone-status.registered{color:var(--green)}.zone-status.registered:before{background:var(--green)}.main-territory{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;font-size:11px;margin-top:12px;padding:11px 7px;color:var(--blue);border:1px solid var(--border);border-radius:7px}.main-territory.active{background:#edf6f9;border-color:#92bdcd}.main-territory span{font-size:10px}.empty-list{padding:20px 4px;font-size:12px;color:var(--muted)}.detail-link{display:block;color:var(--blue);font-size:11px;padding:8px 0}.detail{border-top:1px solid var(--border);margin-top:20px;padding-top:18px}.selected-label{font-size:9px;letter-spacing:1px;color:var(--muted);margin-bottom:9px}.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.detail-heading h2{font-size:19px;font-weight:500}.detail-heading>span{font-size:14px;white-space:nowrap}.district{font-size:11px;color:var(--muted);margin-top:4px}.territory-note{font-size:11px;color:var(--blue);margin-top:8px}dl{margin:14px 0 0}dl>div{margin:10px 0}dt{font-size:10px;color:var(--muted);margin-bottom:3px}dd{margin:0;font-size:11px}dd small{display:block;font-size:10px;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.confirmed{color:var(--green);font-weight:600}.workspace{display:flex;flex-direction:column;min-width:0;min-height:0}.map-toolbar{min-height:62px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border-bottom:1px solid var(--border)}.mode-tabs{display:flex;background:var(--bg);border-radius:7px;padding:3px}.mode-tabs button{font-size:11px;border-radius:5px;padding:8px 11px;white-space:nowrap}.mode-tabs button.active{background:#fff;box-shadow:0 1px 4px #172e3c15;color:var(--navy);font-weight:600}.quiet-button{border:1px solid var(--border);border-radius:6px;padding:8px 11px;white-space:nowrap;font-size:11px}.quiet-button:hover{background:var(--bg)}.map-container{flex:1;min-height:260px;position:relative;background:#e6edef}#map{height:100%;width:100%;background:#e6edef}.map-label{position:absolute;top:16px;left:16px;z-index:600;background:#fffefb;border:1px solid #fff;border-radius:7px;padding:10px 13px;max-width:calc(100% - 85px);box-shadow:0 3px 10px #11395212;font-size:11px;pointer-events:none}.map-label b{display:block;font-size:13px;font-weight:600}.map-label small{display:block;color:var(--muted);font-size:10px;max-width:390px;margin-top:3px}.tile-warning{position:absolute;left:14px;right:14px;bottom:28px;z-index:650;background:#fff6e5;border:1px solid #dec393;border-radius:6px;padding:10px;font-size:11px}.leaflet-container{font-family:inherit}.leaflet-control-attribution{font-size:9px!important}.leaflet-control-zoom a{color:var(--navy)!important;border-color:var(--border)!important}.leaflet-control-zoom{border:1px solid var(--border)!important;box-shadow:0 2px 8px #11395212!important}.place-label{background:#fff;padding:4px 7px;border:1px solid #9daeb7;border-radius:5px;font-size:10px;font-weight:500;color:#395968;white-space:nowrap;box-shadow:none}.place-label:before{display:none}.leaflet-popup-content{font-size:11px;line-height:1.65}.noscript{padding:20px;background:#fff4e3}[hidden]{display:none!important}@media(max-width:760px){body{height:auto;min-height:100dvh}.header{height:58px;min-height:58px;padding:0 16px}.brand h1{font-size:18px}.map-view{display:flex;flex-direction:column}.sidebar{padding:14px 16px;overflow:visible;border-right:0;border-bottom:1px solid var(--border)}.sidebar-title{margin-bottom:10px}.sidebar-title h2{font-size:15px}.search{display:inline-flex;width:52%;vertical-align:middle}.filter-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.sidebar select{display:inline-block;width:calc(48% - 7px);margin-left:3px;vertical-align:middle;font-size:10px;min-height:38px;padding:8px 5px}.zone-list{flex-direction:row;overflow-x:auto;gap:8px;margin-top:12px;padding-bottom:4px;scroll-snap-type:x proximity}.zone-button{min-width:150px;width:150px;flex-shrink:0;scroll-snap-align:start}.zone-name{font-size:12px}.zone-area{font-size:10px}.zone-status{font-size:8px}.main-territory{margin-top:8px;padding:8px}.detail{margin-top:12px;padding-top:12px}.selected-label,.district{display:none}.detail-heading{justify-content:flex-start;gap:12px}.detail-heading h2{font-size:16px}.detail-heading>span{font-size:12px}.territory-note{font-size:10px;margin-top:3px}dl{display:flex;gap:24px;margin-top:7px}dl>div{margin:0}dt{font-size:9px}dd{font-size:10px}dd small{font-size:9px;max-width:220px}.workspace{min-height:58dvh}.map-toolbar{padding:9px;min-height:54px}.mode-tabs button{padding:7px 8px;font-size:10px}.quiet-button{font-size:10px;padding:7px}.map-container{height:58dvh;min-height:340px;flex:none}.map-label{top:11px;left:11px;padding:8px 10px}.map-label b{font-size:12px}.map-label small{font-size:9px}.leaflet-control-attribution{font-size:8px!important}.empty-list{padding:8px 4px}}@media(max-width:380px){.mode-tabs button{font-size:9px;padding:7px 6px}.quiet-button{font-size:9px;padding:7px}.sidebar{padding:12px}.map-toolbar{gap:4px;padding:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}