:root{--bg: #f4f7fb;--panel: #ffffff;--ink: #0f172a;--muted: #64748b;--line: #e2e8f0;--accent: #0f766e;--available: #15803d;--unavailable: #b91c1c;--unknown: #64748b;--stale: #b45309;--shadow: 0 10px 30px rgba(15, 23, 42, .08);font-family:Segoe UI,IBM Plex Sans,system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(15,118,110,.12),transparent 32%),linear-gradient(180deg,#eef5f8 0%,var(--bg) 40%,#e8eef5 100%)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100dvh}.app{max-width:980px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:12px 12px 20px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.brand{font-size:1.45rem;font-weight:800;letter-spacing:-.03em}.sub{color:var(--muted);font-size:.9rem;margin-top:2px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:12px;margin-bottom:12px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:.92rem;cursor:pointer}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.chip:disabled{opacity:.45;cursor:default}.filters{display:grid;gap:10px}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}select,button.refresh{border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:#fff;font:inherit}button.refresh{cursor:pointer}.meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:.85rem;margin:4px 2px 10px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.tab{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px;cursor:pointer;font-weight:600}.tab.active{background:#0f172a;color:#fff;border-color:#0f172a}.map-wrap{height:min(58vh,520px);border-radius:16px;overflow:hidden;border:1px solid var(--line)}.list{display:grid;gap:10px}.card{border:1px solid var(--line);border-radius:16px;padding:12px;background:#fff;cursor:pointer}.card .net{color:var(--muted);font-size:.82rem}.card .title{font-weight:700;margin-top:2px}.card .addr{color:var(--muted);font-size:.9rem;margin-top:2px}.card .fuel-line{display:flex;justify-content:space-between;gap:8px;margin-top:10px;align-items:baseline}.card .fuel-name{font-weight:700}.status{font-weight:700;font-size:.92rem}.status.available{color:var(--available)}.status.unavailable{color:var(--unavailable)}.status.unknown{color:var(--unknown)}.status.stale{color:var(--stale)}.offered{color:#334155;font-size:.85rem;margin-top:4px}.checked{color:var(--muted);font-size:.8rem;margin-top:4px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:12px}.sheet{width:min(640px,100%);background:#fff;border-radius:20px 20px 16px 16px;padding:16px;max-height:85vh;overflow:auto}.empty,.error,.loading{text-align:center;color:var(--muted);padding:28px 12px}.error{color:var(--unavailable)}.marker-dot{width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0f172a40}.marker-dot.available{background:var(--available)}.marker-dot.unavailable{background:var(--unavailable)}.marker-dot.unknown{background:var(--unknown)}.marker-dot.stale{background:var(--stale)}@media (min-width: 860px){.app{padding:20px}.layout-split{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.map-wrap{height:70vh}}