*,:after,:before{box-sizing:border-box}:root{--bg:#0f1117;--surface:#1a1d27;--border:#2a2d3a;--text:#c9cdd8;--text-dim:#6b7280;--accent:#6366f1;--accent-dim:rgba(99,102,241,0.15);--danger:#ef4444;--radius:10px;--font:system-ui,"Segoe UI",Roboto,sans-serif}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font)}.app{min-height:100svh;display:flex;flex-direction:column}.app-header{text-align:center;padding:48px 24px 24px;border-bottom:1px solid var(--border)}.app-header h1{margin:0 0 8px;font-size:2.4rem;color:#fff;letter-spacing:-.5px}.subtitle{color:var(--text-dim);margin:0}.app-main{flex:1 1;max-width:1280px;width:100%;margin:0 auto;padding:32px 24px 64px;display:flex;flex-direction:column;gap:40px}.cards-row{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px}@media (min-width:768px){.cards-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));overflow:visible}}.indicator-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tab{padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text-dim);cursor:pointer;font-size:.85rem;transition:all .15s}.tab:hover{color:var(--text)}.tab.active,.tab:hover{border-color:var(--accent)}.tab.active{background:var(--accent);color:#fff}.map-section{border-radius:var(--radius);overflow:hidden}.empty,.loading{text-align:center;color:var(--text-dim);padding:48px 0}