@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#20392e;background:#fafbf8;font-size:14px}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}button,a,input{outline-offset:4px}button{cursor:pointer;border:1px solid #dbe2da;background:white;border-radius:7px;padding:9px 13px;color:#284d3c}button:hover{background:#edf3e9}header{height:78px;display:flex;align-items:center;border-bottom:1px solid #e0e5dc;padding:0 30px;gap:70px;background:#fff}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:28px;font-weight:800;letter-spacing:-1.5px}.dot{color:#a0ba44}nav{display:flex;gap:30px;height:100%;align-items:center}nav a{text-decoration:none;color:#778378;font-size:13px;height:100%;display:flex;align-items:center}nav .active{color:#274f3d;border-bottom:3px solid #557b47}.live{margin-left:auto;font-size:12px;color:#4e734d;background:#f1f5ed;padding:8px 12px;border-radius:20px}main{display:flex;height:calc(100dvh - 78px)}aside{width:355px;flex-shrink:0;padding:31px 25px;overflow:auto;background:#fafbf8}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#829179}h1{font-family:Manrope,sans-serif;font-size:29px;line-height:1.3;letter-spacing:-1px;margin:15px 0 10px}h2{font-size:16px;margin:0}.muted{color:#7b867e;line-height:1.6}.stats{display:flex;margin:26px 0 32px;padding:20px 0;border-top:1px solid #e1e7dc;border-bottom:1px solid #e1e7dc;gap:36px}.stats div{display:flex;flex-direction:column;gap:7px}.stats strong{font-family:Manrope,sans-serif;font-size:30px;font-weight:600}.stats span{font-size:11px;color:#7c887e}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-title>span{padding:3px 8px;border-radius:5px;background:#eaf0e4;font-size:11px}input{width:100%;padding:12px;border:1px solid #dbe2d8;background:#fff;border-radius:7px;color:#284335}.filters{display:flex;gap:7px;padding:15px 0}.filters button{border:0;background:transparent;font-size:12px;padding:7px 14px}.filters .selected{background:#294d3a;color:white}.bin{padding:17px 0;border-bottom:1px solid #e0e6dc}.bin-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.bin-id{font-weight:700;overflow-wrap:anywhere}.badge{font-size:10px;border-radius:20px;padding:4px 8px;white-space:nowrap;background:#dcfce7;color:#166534}.badge.full{background:#fee2e2;color:#b91c1c}.badge.half{background:#dbeafe;color:#1d4ed8}.bin p{font-size:11px;color:#7d887e;margin:9px 0}.bin-actions{display:flex;gap:7px}.bin-actions button{font-size:11px;padding:6px 9px}.bin-actions .remove{margin-left:auto;color:#9a6254;border-color:transparent;background:none}.aside-note{font-size:11px;line-height:1.8;color:#8b948b;margin:27px 0}.aside-note a{display:block;color:#4a6f42}.map-area{position:relative;flex:1;min-width:0}#map{width:100%;height:100%;background:#e8ecdf}.map-title{position:absolute;top:25px;left:25px;background:#fffffff2;padding:17px 22px;border:1px solid #e5e9de;border-radius:9px;box-shadow:0 3px 15px #294b3910;display:flex;flex-direction:column;gap:7px}.map-title strong{font-family:Manrope,sans-serif;font-size:20px}.fit{position:absolute;right:23px;top:25px;box-shadow:0 3px 15px #294b3910}.legend{position:absolute;bottom:28px;left:25px;background:white;border-radius:8px;padding:13px 17px;display:flex;gap:20px;font-size:11px;box-shadow:0 3px 15px #294b3910}.legend span{display:flex;align-items:center;gap:7px}i{display:inline-block;height:8px;width:8px;border-radius:50%}i.empty{background:#22c55e}i.half{background:#2563eb}i.full{background:#ef4444}.ol-zoom{top:135px;left:25px}.ol-attribution{font-size:10px}#placement,#message{position:absolute;bottom:85px;left:50%;transform:translateX(-50%);background:#294d3a;color:#fff;padding:14px 20px;border-radius:9px;max-width:90%;box-shadow:0 3px 20px #0002}#placement button{margin-left:15px}#message{bottom:145px;background:#fff;color:#294d3a}dialog{border:1px solid #dbe2da;border-radius:14px;padding:28px;width:440px;max-width:95vw;color:#20392e}dialog::backdrop{background:#152b2355}dialog h2{font-size:23px;margin-top:14px}label{display:block;margin:15px 0}label input{margin-top:7px}.dialog-actions{display:flex;gap:8px;margin-top:22px}.primary{background:#294d3a;color:#fff}#position-error{color:#ac4537;font-size:12px}.empty-state{padding:30px 12px;text-align:center;border:1px dashed #d6dfcf;border-radius:9px;color:#778673;line-height:1.7;font-size:12px}.docs{max-width:900px;margin:50px auto;padding:0 25px 70px}.docs h1{font-size:38px}.docs h2{margin-top:35px;margin-bottom:15px}.docs p,.docs li{line-height:1.8;color:#58695e}.docs pre{background:#20392e;color:#e4efdc;padding:20px;border-radius:9px;overflow:auto;line-height:1.7;font-size:12px}.docs code{font-family:monospace}.docs table{border-collapse:collapse;width:100%;font-size:13px}.docs td,.docs th{text-align:left;padding:13px 10px;border-bottom:1px solid #dbe2da}.docs .callout{padding:15px 20px;background:#edf2e7;border-radius:8px}.error-state{color:#a64d3a}@media(max-width:750px){header{height:65px;padding:0 16px;gap:23px}.brand{font-size:23px}nav{gap:18px}.live{display:none}main{height:auto;flex-direction:column-reverse}.map-area{height:55dvh;flex:none}aside{width:100%;padding:24px}h1{font-size:25px}.stats{margin:20px 0}.map-title{top:15px;left:15px;padding:12px 15px}.map-title strong{font-size:16px}.fit{top:15px;right:15px;font-size:11px}.ol-zoom{top:110px;left:15px}.legend{left:15px;bottom:25px}.docs{margin:30px auto}.docs table{font-size:11px}}