*{box-sizing:border-box;margin:0;padding:0}body{-webkit-text-size-adjust:100%;background:#f5f7fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5}.app,body{overflow-x:hidden}.app{margin:0 auto;max-width:1400px;padding:0 16px;width:100%}.app-header{padding:24px 0 12px;text-align:center}.app-header h1{color:#1a73e8;font-size:1.8rem;font-weight:700}.subtitle{color:#666;font-size:.95rem}.app-controls{gap:16px;padding:12px 0}.app-controls,.location-section{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.location-section{gap:8px;width:100%}.location-error{color:#d32f2f;font-size:.85rem;width:100%}.city-grid{display:flex;flex-wrap:wrap;gap:6px;padding-top:8px;width:100%}.btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:background .2s,transform .1s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:#1a73e8;color:#fff}.btn-primary:hover{background:#1557b0}.btn-primary:disabled{background:#94bff5;cursor:not-allowed;transform:none}.btn-secondary{background:#e8eaed;color:#333}.btn-secondary:hover{background:#dadce0}.btn-city{background:#fff;border:1px solid #dadce0;color:#1a73e8;font-size:.8rem;padding:6px 12px}.btn-city:hover{background:#e8f0fe;border-color:#1a73e8}.filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;margin-left:auto}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{color:#666;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-group select{background:#fff;border:1px solid #dadce0;border-radius:6px;cursor:pointer;font-size:.9rem;max-width:100%;min-width:140px;padding:8px 12px}.filter-group select:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833;outline:none}.error-banner{background:#fce8e6;border-radius:6px;color:#d32f2f;font-size:.9rem;margin:8px 0;padding:10px 16px}.app-content{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 380px;grid-template-rows:1fr auto;padding:12px 0}.map-section{border-radius:8px;box-shadow:0 1px 3px #0000001f;grid-column:1;grid-row:1;height:500px;overflow:hidden}.sidebar{grid-column:2;grid-row:1;min-width:0}.chart-section{grid-column:1/-1;grid-row:2}.station-list{min-width:0;overflow:hidden}.station-list h3{color:#333;font-size:1rem;margin-bottom:10px}.stations-scroll{display:flex;flex-direction:column;gap:8px;max-height:480px;overflow-y:auto}.stations-scroll::-webkit-scrollbar{width:6px}.stations-scroll::-webkit-scrollbar-track{background:#0000}.stations-scroll::-webkit-scrollbar-thumb{background:#dadce0;border-radius:3px}.station-card{background:#fff;border-radius:8px;box-shadow:0 1px 2px #00000014;cursor:pointer;min-width:0;padding:14px 16px;transition:box-shadow .2s,transform .1s}.station-card:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.station-card-selected{background:#f0f6ff;border:2px solid #1a73e8;box-shadow:0 2px 8px #1a73e84d}.station-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;min-width:0}.station-name{word-wrap:break-word;color:#333;flex:1 1;font-size:.9rem;font-weight:600;line-height:1.3;min-width:0;white-space:normal}.station-price{color:#1a73e8;flex-shrink:0;font-size:1.15rem;font-weight:700;padding-top:2px;white-space:nowrap}.station-details{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}.station-product{background:#e8f0fe;color:#1a73e8}.station-brand,.station-product{border-radius:3px;font-size:.8rem;padding:2px 6px}.station-brand{border:1px solid}.station-address{word-wrap:break-word;color:#555;font-size:.85rem;line-height:1.4;margin:6px 0;overflow-wrap:break-word}.station-footer{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between;margin-top:8px}.station-distance{color:#1a73e8;font-size:.85rem;font-weight:600}.station-date{color:#999;font-size:.8rem}.loading-spinner{color:#666;font-size:.95rem}.loading-spinner,.no-results{padding:40px 20px;text-align:center}.no-results{color:#888;font-size:.9rem}.trend-chart-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001f;min-width:0;overflow:hidden;padding:20px}.trend-chart-container h3{color:#333;font-size:1rem;margin-bottom:16px}.chart-tooltip{background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 2px 8px #00000026;padding:10px}.chart-tooltip-date{color:#666;font-size:.85rem;margin-bottom:4px}.chart-tooltip-price{color:#1a73e8;font-size:1rem}.chart-tooltip-range{color:#888;font-size:.8rem}.chart-tooltip-samples{color:#999;font-size:.75rem;margin-top:2px}.calculator-section{grid-column:1/-1}.fuel-calculator{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001f;padding:20px}.fuel-calculator h3{color:#333;font-size:1.1rem;margin-bottom:6px}.calculator-description{color:#666;font-size:.85rem;margin-bottom:16px}.calculator-inputs{display:flex;flex-wrap:wrap;gap:16px}.calculator-field{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:140px}.calculator-field label{color:#666;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.calculator-field input{border:1px solid #dadce0;border-radius:6px;font-size:1rem;max-width:100%;padding:8px 12px;width:100%}.calculator-field input:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833;outline:none}.calculator-result{border-radius:8px;font-size:.95rem;margin-top:16px;padding:14px 16px}.result-ethanol{background:#e8f5e9;border:1px solid #a5d6a7}.result-gasoline{background:#e3f2fd;border:1px solid #90caf9}.result-ratio{color:#555;margin-bottom:6px}.ratio-threshold{color:#999;font-size:.8rem}.result-recommendation{font-size:1.05rem}.welcome-message{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001f;margin:40px auto;max-width:500px;padding:60px 20px;text-align:center}.welcome-message h2{color:#1a73e8;margin-bottom:12px}.welcome-message p{color:#666}.app-footer{border-top:1px solid #e0e0e0;color:#999;font-size:.8rem;margin-top:24px;padding:24px 0;text-align:center}@media (max-width:900px){.app-content{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.map-section{grid-column:1;grid-row:1;height:350px}.sidebar{grid-row:2}.calculator-section,.sidebar{grid-column:1}.chart-section{grid-column:1;grid-row:auto}.stations-scroll{max-height:none;overflow-y:visible}.filters{margin-left:0;width:100%}.filter-group{flex:1 1;min-width:0}.filter-group select{min-width:0;width:100%}.app-controls{flex-direction:column}}@media (max-width:480px){.app{padding:0 10px}.app-header{padding:16px 0 8px}.app-header h1{font-size:1.3rem}.subtitle{font-size:.85rem}.map-section{border-radius:6px;height:250px}.filters{flex-direction:column;gap:8px}.filter-group{width:100%}.filter-group select{font-size:16px;min-width:0;width:100%}.station-card{padding:12px 14px}.station-name{font-size:.88rem}.station-price{font-size:1.1rem}.station-address{font-size:.82rem}.station-footer{font-size:.75rem}.stations-scroll{max-height:none;overflow-y:visible}.calculator-inputs{flex-direction:column;gap:10px}.calculator-field{min-width:0;width:100%}.calculator-field input{font-size:16px}.fuel-calculator{padding:14px}.fuel-calculator h3{font-size:1rem}.trend-chart-container{padding:12px}.welcome-message{margin:20px auto;padding:40px 16px}.btn-primary,.btn-secondary{text-align:center;width:100%}.city-grid{gap:4px}.btn-city{font-size:.75rem;padding:6px 10px}.app-footer{font-size:.75rem;padding:16px 0}}
/*# sourceMappingURL=main.f6ebe573.css.map*/