:root{--ink:#152b24;--muted:#6b7d74;--line:#e2e9e4;--panel:#fff;--canvas:#f4f7f4;--green:#146c49;--green-dark:#102a24;--green-soft:#e8f4ed;--amber:#d79d25;--red:#c65c4d;--shadow:0 8px 28px rgba(23,48,37,.08)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Tahoma,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--canvas)}button,input{font:inherit}button{cursor:pointer}.topbar{height:72px;background:var(--green-dark);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid rgba(255,255,255,.1)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.24);border-radius:12px;color:#fff}.brand-mark svg{width:31px;height:31px}.brand strong{display:block;font-size:16px;letter-spacing:.2px}.brand small{display:block;margin-top:4px;color:#c4d8cb;font-size:11px}.topbar-actions{display:flex;align-items:center;gap:14px}.environment{font-size:11px;color:#e1eee5;background:rgba(255,255,255,.09);padding:7px 10px;border-radius:99px}.environment i,.live-pulse{display:inline-block;width:7px;height:7px;background:#66cf91;border-radius:50%;margin-left:5px;box-shadow:0 0 0 4px rgba(102,207,145,.12)}.icon-button{border:1px solid rgba(255,255,255,.25);color:#fff;background:transparent;width:32px;height:32px;border-radius:50%;font-weight:700}.workspace{height:calc(100vh - 72px);min-height:610px;display:grid;grid-template-columns:350px minmax(0,1fr);direction:rtl}.sidebar{background:var(--panel);border-left:1px solid var(--line);padding:23px 22px 14px;overflow:auto;display:flex;flex-direction:column;gap:18px;z-index:2}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:4px}.eyebrow{font-size:9px;letter-spacing:1.25px;color:var(--green);font-weight:800}.sidebar-heading h1{font-size:22px;margin:7px 0 4px;letter-spacing:-.3px}.sidebar-heading p{font-size:12px;color:var(--muted);margin:0}.country-badge{font-size:11px;font-weight:800;color:var(--green);background:var(--green-soft);padding:8px 10px;border-radius:9px;letter-spacing:.5px}.control-card{border:1px solid #dce9df;background:linear-gradient(145deg,#fbfefb,#f0f7f2);border-radius:15px;padding:16px;box-shadow:0 4px 16px rgba(20,108,73,.05)}.section-title{display:flex;gap:10px;align-items:center;margin-bottom:14px}.section-icon{width:32px;height:32px;background:#dcefe3;color:var(--green);border-radius:10px;display:grid;place-items:center;font-size:18px}.section-title h2,.section-heading h2{margin:0;font-size:14px}.section-title p{margin:4px 0 0;color:var(--muted);font-size:11px}.primary-button{width:100%;border:0;border-radius:10px;padding:13px 14px;background:var(--green);color:white;font-weight:800;font-size:14px;box-shadow:0 5px 12px rgba(20,108,73,.18);transition:background .15s,transform .15s}.primary-button:hover{background:#0e593b;transform:translateY(-1px)}.primary-button span{margin-left:7px;font-size:12px}.readiness-row{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:11px;color:#65766c}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:0 0 auto}.status-pending{background:#d69d31}.status-loading{background:#3b9bd4;animation:pulse 1.1s infinite}.status-ok{background:#249b61}.microcopy{margin:9px 0 0;color:#8a6a36;font-size:10px;line-height:1.7}.panel-section{border-bottom:1px solid var(--line);padding-bottom:15px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.section-count{font-size:10px;color:#97a59c}.layer-row{display:flex;align-items:center;gap:9px;padding:10px 7px;border-radius:9px;cursor:default}.layer-row input{accent-color:var(--green);margin:0}.layer-symbol{width:11px;height:11px;border-radius:3px;display:inline-block;flex:0 0 auto}.base-symbol{background:#87a49a}.crop-symbol{background:linear-gradient(135deg,#239b62 0 33%,#d9a928 33% 66%,#9a79d1 66%)}.admin-symbol{border:1px dashed #9aa89e}.layer-text{display:flex;flex-direction:column;gap:4px;flex:1}.layer-text strong{font-size:11px}.layer-text small{color:var(--muted);font-size:9px}.layer-state{font-size:9px;color:var(--green);background:#edf7f0;padding:4px 7px;border-radius:6px}.layer-state.pending{color:#8b8f89;background:#f1f3f1}.layer-disabled{opacity:.63}.unverified-tag{font-size:9px;color:#946c24;background:#fcf4df;padding:5px 7px;border-radius:6px}.legend-note{font-size:10px;line-height:1.65;color:#8b7550;margin:0 0 10px}.legend-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 8px}.legend-item{display:flex;align-items:center;gap:8px;font-size:11px;color:#52635a}.legend-item i{width:10px;height:10px;border-radius:3px;background:var(--swatch);box-shadow:0 0 0 3px color-mix(in srgb,var(--swatch) 14%,transparent)}.info-section{border:0;padding-bottom:0}.coverage-box{display:flex;align-items:center;gap:11px;padding:9px;background:#f8faf8;border:1px solid #edf1ed;border-radius:9px;margin-bottom:7px}.coverage-number{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:#e4f1e8;color:var(--green);font-weight:800;font-size:11px}.muted-number{background:#eef0ee;color:#8a938d}.coverage-box strong,.coverage-box small{display:block}.coverage-box strong{font-size:11px}.coverage-box small{font-size:9px;color:var(--muted);margin-top:4px}.sidebar-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:5px;color:#9aa69e;font-size:9px;line-height:1.5}.map-area{position:relative;min-width:0;min-height:0;background:#e6ece6}.map-toolbar{position:absolute;z-index:500;top:17px;right:18px;left:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.map-title,.map-tools{pointer-events:auto;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.96);border:1px solid rgba(215,225,218,.9);border-radius:11px;padding:8px 12px;box-shadow:var(--shadow);backdrop-filter:blur(8px)}.map-title strong{font-size:12px}.map-title span:last-child{font-size:10px;color:var(--muted);padding-right:8px;border-right:1px solid var(--line)}.map-tools{gap:5px;padding:5px}.map-tool{height:31px;min-width:31px;padding:0 9px;border:0;background:transparent;color:#54675c;border-radius:7px;font-size:12px}.map-tool:hover{background:#edf4ef;color:var(--green)}.map-tool span{font-size:16px}.map-tool#fitYemen{background:#edf5ef;color:var(--green);font-weight:700}#map{height:100%;width:100%;z-index:1;direction:ltr}.leaflet-container{font-family:Tahoma,"Segoe UI",Arial,sans-serif;background:#e7eee9}.leaflet-control-attribution{font-size:9px!important}.map-status{position:absolute;z-index:450;bottom:18px;right:18px;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.96);padding:9px 12px;border-radius:9px;box-shadow:var(--shadow);font-size:10px;color:#5c6e63}.map-footer-note{position:absolute;z-index:400;bottom:19px;left:18px;background:rgba(255,255,255,.88);padding:6px 9px;border-radius:7px;color:#66766c;font-size:9px;pointer-events:none}.selection-card{position:absolute;z-index:600;top:75px;left:18px;width:min(290px,calc(100% - 36px));background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;box-shadow:var(--shadow)}.selection-card strong{display:block;font-size:12px;margin-bottom:10px}.selection-card small{color:var(--muted);font-size:10px}.coordinates{font-size:13px;font-weight:800;color:var(--green);direction:ltr;text-align:right;margin-bottom:7px}.close-selection,.dialog-close{position:absolute;left:10px;top:8px;border:0;background:#f2f5f2;color:#718076;border-radius:6px;width:25px;height:25px;font-size:17px}.toast{position:absolute;z-index:800;top:77px;right:50%;transform:translate(50%,-10px);opacity:0;pointer-events:none;max-width:min(540px,calc(100% - 32px));padding:13px 17px;background:#18372b;color:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.17);font-size:12px;line-height:1.7;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(50%,0)}.about-dialog{width:min(520px,calc(100% - 30px));border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.22);color:var(--ink)}.about-dialog::backdrop{background:rgba(8,25,17,.48);backdrop-filter:blur(3px)}.about-dialog h2{margin:8px 0 10px}.about-dialog p{font-size:13px;line-height:1.8;color:#63746a}.notice-box{background:#fff8e9;border:1px solid #f1e0b5;border-radius:9px;padding:12px;font-size:11px;line-height:1.8;color:#72591e}.dialog-small{font-size:10px!important}.secondary-button{border:1px solid var(--line);background:#fff;padding:8px 14px;border-radius:8px;color:var(--ink)}.noscript-warning{position:fixed;z-index:1000;top:0;left:0;right:0;background:#7c251b;color:#fff;padding:12px;text-align:center}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
@media(max-width:900px){.workspace{grid-template-columns:300px minmax(0,1fr)}.sidebar{padding:18px 15px}.topbar{padding:0 16px}}
@media(max-width:680px){.topbar{height:62px;padding:0 12px}.brand strong{font-size:13px}.brand small{font-size:9px}.workspace{height:auto;min-height:calc(100vh - 62px);display:flex;flex-direction:column}.map-area{order:1;height:62vh;min-height:430px}.sidebar{order:2;overflow:visible;border-left:0;border-top:1px solid var(--line);padding:18px 15px}.map-toolbar{top:10px;right:10px;left:10px}.map-title{padding:7px 9px}.map-tools{gap:1px}.map-tool{padding:0 7px}.map-status{bottom:12px;right:10px}.map-footer-note{bottom:13px;left:10px;font-size:8px}.selection-card{top:60px;left:10px}.sidebar-footer{margin-top:0}}