body{background:#fff;color:#000;font-family:Arial,sans-serif;margin:0}.container{display:flex}.sidebar{background:#f8f8f8;border-right:1px solid #ccc;overflow-y:auto;padding:10px;width:300px}#locationList{font-size:14px;list-style:none;margin:0;padding:0}#locationList li{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 10px;transition:background-color .2s}#locationList li:last-child{border-bottom:none}#locationList li:hover{background-color:#f0f0f0}.location-name{color:#333;font-weight:500}.country-code-badge{background:#d9480f;border-radius:3px;color:#fff;font-size:12px;padding:2px 6px}.check{font-weight:700;text-align:center}#mapStage{align-items:center;display:flex;flex:1;justify-content:center;padding:10px}svg{height:auto;max-width:100%}.legend{margin-top:10px;text-align:center}.legend span{display:inline-block;margin:0 10px}.legend .covered{color:#d9480f}.legend .notcovered{color:#036}.buttons{margin:15px;text-align:center}.buttons button{background:#d9480f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin:0 5px;padding:8px 12px}.buttons button:hover{opacity:.9}.buttons button.active{opacity:.8}.buttons button.active:after{content:" ✔";font-weight:700}.right-column{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center}@media (max-width:768px){.right-column{display:none}.container{flex-direction:column}.sidebar{border-bottom:1px solid #ccc;border-right:none;width:100%}}