body { font-family: system-ui, Arial; margin:0; padding:20px; }
.container { max-width:600px; margin:0 auto; }
label { display:block; margin-top:12px; font-weight:600; }
input, select, textarea, button { padding:8px; width:100%; box-sizing:border-box; margin-top:6px; }
#map { height:250px; margin-top:12px; border:1px solid #ddd; }
.result, .section { background:#f7f7f7; padding:12px; margin-top:12px; border-radius:6px; }
.hidden { display:none; }
.total { font-weight:bold; margin-top:8px; }
table { border-collapse: collapse; width:100%; margin-top:8px; }
th, td { border:1px solid #ccc; padding:8px; text-align:left; }
th { background:#eee; }
.error { border:2px solid red !important; }
button { cursor:pointer; background:#007bff; color:#fff; border:none; border-radius:4px; }
button:hover { background:#0056b3; }