*{box-sizing:border-box;font-family:Inter,Roboto,Arial,sans-serif}
body,html,#app{height:100%;margin:0}
header{background:#0b5cff;color:#fff;padding:12px}
.container{display:flex;height:calc(100% - 96px)}
.panel{width:320px;padding:12px;background:#f7f9fc;overflow:auto}
.map-wrap{flex:1}
#map{height:100%;}
label{display:block;margin-bottom:8px}
input{width:100%;padding:6px;margin-top:4px}
button{background:#0b5cff;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer}
button.map-active{background:#0747d1}
.map-controls{display:flex;gap:8px;margin-bottom:8px}
ul#ordersList{padding-left:16px}
li.order-item{margin-bottom:8px;padding:6px;background:#fff;border-radius:4px;border:1px solid #eee}
footer{padding:8px;text-align:center;background:#fafafa;border-top:1px solid #eee}