:root{font-family:Arial,sans-serif;color:#142529;background:#f3f3ed}*{box-sizing:border-box}body{margin:0}header,nav{height:58px;background:#fff;border-bottom:1px solid #d5ddd9;display:flex;align-items:center;padding:0 18px;gap:10px}header{justify-content:space-between}header b{font-size:20px;color:#174d4a}nav button,menu button{padding:10px 13px;border:1px solid #c5cfca;border-radius:5px;background:#fff;font-weight:700}nav button:first-child,#save,#connect{background:#174d4a;color:white}nav i{background:#e06a2b;color:#fff;border-radius:9px;padding:1px 5px}main{display:grid;grid-template-columns:1fr 340px;height:calc(100vh - 116px)}#map{min-height:400px}aside{background:#fafaf7;padding:16px;overflow:auto;border-left:1px solid #d5ddd9}.item{background:white;border:1px solid #d5ddd9;border-radius:5px;padding:12px;margin:8px 0}.item b,.item span{display:block}.item small{color:#687a7c}.queued{color:#e06a2b;font-weight:bold}dialog{border:0;border-radius:8px;width:min(440px,calc(100% - 24px));box-shadow:0 20px 70px #0006}dialog::backdrop{background:#102a2888}label{display:flex;flex-direction:column;gap:5px;margin:13px 0;font-size:13px;font-weight:bold}input,textarea,select{font:inherit;padding:10px;border:1px solid #aab8b3;border-radius:4px}textarea{height:85px}menu{display:flex;justify-content:flex-end;gap:8px;padding:0;margin-top:18px}@media(max-width:700px){main{grid-template-columns:1fr;height:auto}#map{height:50vh}aside{min-height:50vh}nav{padding:0 8px}nav button{font-size:12px;padding:9px 8px}}