*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#f5f5f5}.app{display:flex;flex-direction:column;height:100vh}.app-header{background:#2196f3;color:#fff;padding:16px;display:flex;justify-content:space-between;align-items:center}.app-header h1{font-size:20px}.controls{background:#fff;padding:16px;border-bottom:1px solid #e0e0e0}.main-content{display:flex;flex:1;overflow:hidden}.map-section{flex:1;position:relative;min-height:500px}.map-container{width:100%;height:100%;min-height:500px}.stations-section{width:400px;overflow-y:auto;background:#fff;border-left:1px solid #e0e0e0;padding:16px}.station-list{display:flex;flex-direction:column;gap:16px}.station-list-empty{text-align:center;color:#9e9e9e;padding:32px}.station-card{background:#f5f5f5;border-radius:8px;padding:16px;cursor:pointer;transition:box-shadow .2s}.station-card:hover{box-shadow:0 2px 8px #0000001a}.station-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.station-header h3{font-size:16px;color:#333}.distance{font-size:14px;color:#666;font-weight:500}.station-address{font-size:14px;color:#666;margin-bottom:12px}.station-fuels{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.fuel-badge{background:#4caf50;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px}.station-queue{font-size:14px;margin-bottom:8px}.station-limits{font-size:12px;color:#666;display:flex;gap:12px;margin-bottom:8px}.station-updated{font-size:12px;color:#9e9e9e}.disclaimer{background:#fff3cd;color:#856404;padding:8px 16px;font-size:12px;text-align:center}.address-input-wrapper{position:relative;margin-bottom:16px}.address-input{display:flex;gap:8px}.address-input-field{flex:1;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:16px}.search-button{padding:12px 16px;background:#2196f3;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:background .2s}.search-button:hover{background:#1976d2}.search-button:disabled{background:#bdbdbd;cursor:not-allowed}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;list-style:none;z-index:100;box-shadow:0 4px 12px #0000001a;margin-top:4px}.suggestion-item{padding:12px;cursor:pointer;border-bottom:1px solid #f5f5f5}.suggestion-item:hover{background:#f5f5f5}.suggestion-item:last-child{border-bottom:none}.loading,.loading-overlay{text-align:center;color:#666;padding:16px}.error,.error-overlay{background:#ffebee;color:#c62828;padding:12px;border-radius:8px;margin-bottom:16px}.fuel-filter{display:flex;flex-wrap:wrap;gap:8px}.radius-selector{display:flex;align-items:center;gap:12px;margin-top:12px}.radius-label{font-size:14px;color:#555;white-space:nowrap}.radius-buttons{display:flex;gap:6px}.radius-buttons button{padding:6px 14px;border:1px solid #e0e0e0;background:#fff;border-radius:16px;cursor:pointer;font-size:13px;transition:all .2s}.radius-buttons button:hover{background:#f5f5f5}.radius-buttons button.active{background:#2196f3;color:#fff;border-color:#2196f3}.fuel-filter button{padding:8px 16px;border:1px solid #e0e0e0;background:#fff;border-radius:20px;cursor:pointer;font-size:14px;transition:all .2s}.fuel-filter button:hover{background:#f5f5f5}.fuel-filter button.active{background:#2196f3;color:#fff;border-color:#2196f3}.provider-toggle{display:flex;gap:8px}.provider-toggle button{padding:8px 16px;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;border-radius:4px;cursor:pointer;font-size:14px}.provider-toggle button:hover{background:#ffffff1a}.provider-toggle button.active{background:#fff;color:#2196f3}.provider-toggle .disabled-button{padding:8px 16px!important;border:1px solid rgba(255,255,255,.3)!important;background:#fff3!important;color:#ffffff80!important;border-radius:4px!important;font-size:14px!important;cursor:not-allowed!important;pointer-events:none!important;opacity:.5!important;display:inline-block;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.main-content{flex-direction:column}.map-section{flex:1;min-height:0}.map-container{min-height:0}.stations-section{width:100%;flex:1;min-height:0}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}