:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#eaf0f4}*{box-sizing:border-box}body{margin:0;overflow:hidden}.topbar{height:68px;background:#082a33;color:#fff;display:grid;grid-template-columns:360px minmax(360px,1fr) minmax(320px,1.2fr) auto;align-items:center;padding:0 14px;gap:18px}.brand-title strong{display:block;font-size:18px}.brand-title small{display:block;color:#b9d4dc;margin-top:3px}.header-search{display:flex;align-items:center;gap:10px;margin:0;color:#fff;font-size:18px}.header-search input{height:40px}.selected-resource{font-size:20px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar nav{display:flex;gap:8px;align-items:center}.topbar a,.topbar button,.actions button,.base-history button{border:0;border-radius:8px;padding:10px 13px;background:#0f8b7d;color:#fff;font-weight:700;text-decoration:none;cursor:pointer}.topbar .ghost,.ghost{background:#64748b}.workspace{display:grid;grid-template-columns:390px minmax(500px,1fr) 360px;height:calc(100vh - 68px)}.left-panel,.right-panel{overflow:auto;padding:10px;background:#fff}.left-panel{border-right:1px solid #cbd5df}.right-panel{border-left:1px solid #cbd5df}.tabs{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:6px;margin-bottom:10px}.tab,.mode-btn{border:0;padding:11px 7px;border-radius:8px;background:#e8eef3;cursor:pointer;font-weight:800}.tab.active{background:#0f766e;color:#fff}.mode-btn{background:#64748b;color:#fff}.mode-btn.active{background:#c42118}label{display:block;font-size:12px;font-weight:700;color:#52606d;margin:8px 0}input,textarea,select{width:100%;border:1px solid #cbd5df;border-radius:7px;padding:9px;color:#172033;background:#fff}.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.photo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0;padding:10px;background:#eef5f7;border-radius:8px;text-align:center;font-size:12px}.photo-metrics b{display:block;font-size:16px;color:#0f766e;margin-top:2px}.actions{display:flex;gap:8px;margin-top:12px}.actions .ghost{background:#64748b}.hint{font-size:13px;color:#52606d}#message{margin-top:10px;min-height:34px;padding:8px;border-radius:7px;font-size:13px}#message:empty{display:none}#message.ok{background:#dcfce7;color:#166534}#message.error{background:#fee2e2;color:#991b1b}#map{height:100%;width:100%}.vertex{background:#fff;border:3px solid #e11d48;border-radius:50%}#record-list{min-height:180px;height:24vh;margin:0 0 14px}.right-filters{padding:10px 16px;background:#0c1723;border-radius:9px}.right-filters label{color:#b9d4dc;margin:7px 0}.right-filters select{background:#0a1420;color:#fff;border-color:#213346}.base-history{margin-top:22px;padding:14px;background:#eef2f6;border-radius:9px}.base-history h3{font-size:14px;margin:0 0 10px}.base-history button,.base-history select{width:100%;margin-bottom:8px}.base-history .danger{background:#c42118}.base-history small{display:block;color:#64748b;text-align:center}.middle-panning{cursor:grabbing!important}@media(max-width:1200px){.topbar{grid-template-columns:250px 1fr auto}.selected-resource{display:none}.workspace{grid-template-columns:340px 1fr 300px}}@media(max-width:850px){body{overflow:auto}.topbar{height:auto;min-height:120px;grid-template-columns:1fr 1fr;gap:8px;padding:10px}.brand-title,.selected-resource{display:none}.topbar nav{justify-content:flex-end}.workspace{grid-template-columns:1fr;grid-template-rows:auto 55vh auto;height:auto}.left-panel,.right-panel{overflow:visible}#map{grid-row:2}.right-panel{grid-row:3}}