:root{--page-bg:#f4f6f8;--panel-bg:#fff;--line:#d7dde3;--text:#1e2933;--muted:#627282;--accent:#0f766e;--accent-soft:#d8f3ef;color:var(--text);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--page-bg);min-height:100vh;margin:0}button,input,select{font:inherit}#root{min-height:100vh}.app-shell{width:calc(100% - 32px);margin:0 auto;padding:24px 0}.account-panel{padding-bottom:0}.account-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.account-panel summary{cursor:pointer;margin-bottom:12px}.account-form{border:1px solid var(--line);background:var(--panel-bg);border-radius:8px;gap:12px;max-width:440px;margin-bottom:16px;padding:20px;display:grid}.account-form h2{margin:0}.account-form label{gap:6px;display:grid}.account-form input{border:1px solid var(--line);border-radius:6px;width:100%;min-height:44px;padding:8px 12px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:700}.topbar h1{letter-spacing:0;margin:0;font-size:clamp(2rem,4vw,3.6rem);font-weight:750}.button{border:1px solid var(--text);min-height:42px;font:inherit;cursor:pointer;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.6}.button-dark{color:#fff;background:var(--text)}.button-outline{color:var(--text);background:#fff}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.metric{border:1px solid var(--line);background:var(--panel-bg);border-radius:8px;min-height:86px;padding:16px}.metric-label{color:var(--muted);margin-bottom:8px;font-size:.86rem;display:block}.metric strong{font-size:1.45rem;line-height:1.1;display:block}.toolbar{grid-template-columns:minmax(220px,1fr) minmax(150px,210px) minmax(130px,170px) minmax(160px,210px) minmax(170px,220px);gap:10px;margin-bottom:16px;display:grid}.search-field{border:1px solid var(--line);background:var(--panel-bg);border-radius:6px;align-items:center;min-width:0;min-height:44px;display:flex;overflow:hidden}.search-field span{color:var(--muted);border-right:1px solid var(--line);background:#f8fafc;align-self:stretch;align-items:center;padding:0 12px;display:inline-flex}.search-field input,.filter-select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);background:var(--panel-bg);font:inherit;border-radius:6px}.search-field input{border:0;min-width:0;padding:8px 12px}.filter-select{padding:8px 12px}.status-panel{border:1px solid var(--line);background:var(--panel-bg);color:var(--muted);border-radius:8px;margin-bottom:16px;padding:14px 16px}.status-panel.error{color:#842029;background:#f8d7da;border-color:#f1aeb5}.map-actions{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.results-layout{grid-template-columns:minmax(620px,.95fr) minmax(360px,.55fr);align-items:start;gap:16px;display:grid}.stations-column{min-width:0}.data-panel{border:1px solid var(--line);background:var(--panel-bg);border-radius:8px;overflow:hidden}.table-responsive{width:100%;overflow-x:auto}.station-table{border-collapse:collapse;table-layout:fixed;width:100%;margin:0}.station-table th{color:var(--muted);letter-spacing:0;text-align:left;text-transform:uppercase;font-size:.78rem;font-weight:700}.station-table td,.station-table th{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 14px}.station-table tbody tr:last-child td{border-bottom:0}.station-brand{font-weight:700;display:block}.station-id{color:var(--muted);margin-top:2px;font-size:.78rem;display:block}.price-col{width:118px}.price-badge{background:var(--accent-soft);color:#0d534e;border-radius:6px;justify-content:center;min-width:74px;padding:5px 8px;font-weight:700;display:inline-flex}.empty-cell{color:var(--muted)}.text-center{text-align:center}.station-row{cursor:pointer}.station-row:hover{background:#f8fafc}.pagination-bar{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.pagination-summary{color:var(--muted);font-size:.92rem}.pagination-actions{gap:8px;display:flex}#map{border:1px solid var(--line);background:var(--panel-bg);border-radius:8px;height:calc(100vh - 250px);min-height:640px}.detail-grid{border:1px solid var(--line);background:var(--line);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.detail-item{background:var(--panel-bg);min-height:72px;padding:14px 16px}.detail-label{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:700;display:block}.detail-value{overflow-wrap:anywhere;margin:0}@media (width<=1240px){.results-layout{grid-template-columns:minmax(0,1fr)}#map{min-height:560px}}@media (width<=820px){.app-shell{width:calc(100% - 20px);padding:20px 0}.topbar{flex-direction:column;align-items:flex-start}.summary-grid,.toolbar,.detail-grid{grid-template-columns:1fr}#map{height:45vh;min-height:360px;max-height:none}.pagination-bar{flex-direction:column;align-items:stretch}.pagination-actions{grid-template-columns:1fr 1fr;display:grid}.station-table{min-width:820px}}
