:root{--bg:#f6f7f9;--ink:#111827;--muted:#667085;--line:rgba(17,24,39,0.12);--panel:rgba(255,255,255,0.92);--shadow:0 20px 60px rgba(15,23,42,0.18)}*{box-sizing:border-box}body,html{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.app-shell{height:100dvh;overflow:hidden;position:relative}.leaflet-host,.map-loading,.map-stage{height:100%;width:100%}.map-loading{background:#e8edf3}.leaflet-container{background:#e8edf3;font-family:Arial,Helvetica,sans-serif}.top-bar{align-items:center;display:flex;gap:14px;justify-content:space-between;left:16px;position:absolute;right:16px;top:14px;z-index:500}.top-bar h1,.top-bar p{margin:0}.top-bar h1{font-size:26px;letter-spacing:0;line-height:1}.kicker{color:#2563eb;font-size:12px;font-weight:800;text-transform:uppercase}.icon-button,.upload-button{align-items:center;background:#111827;border:0;color:white;cursor:pointer;display:inline-flex;gap:8px;justify-content:center}.upload-button{border-radius:8px;box-shadow:var(--shadow);font-weight:800;min-height:44px;padding:0 16px}.upload-button input{display:none}.filter-toggle{align-items:center;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.75);border-radius:999px;box-shadow:var(--shadow);color:var(--ink);cursor:pointer;display:inline-flex;gap:8px;min-height:42px;padding:0 12px;position:absolute;right:16px;top:76px;z-index:520}.filter-toggle span{font-size:13px;font-weight:900;text-transform:capitalize}.filter-toggle small{color:var(--muted);font-size:12px;font-weight:800}.panel-scrim{background:rgba(15,23,42,.18);border:0;cursor:pointer;top:0;z-index:540}.control-panel,.panel-scrim{bottom:0;left:0;position:absolute;right:0}.control-panel{background:var(--panel);border:1px solid rgba(255,255,255,.7);border-radius:8px 8px 0 0;box-shadow:var(--shadow);max-height:72dvh;overflow-y:auto;padding:10px;top:auto;transform:translateY(calc(100% + 16px));transition:transform .18s ease;z-index:560}.control-panel.open{transform:translateY(0)}.panel-head{align-items:center;display:flex;justify-content:space-between;padding:2px 2px 10px}.panel-head strong{font-size:15px}.panel-close{align-items:center;background:#f3f4f6;border:1px solid var(--line);border-radius:999px;color:var(--ink);cursor:pointer;display:inline-flex;height:34px;justify-content:center;width:34px}.heat-legend{align-items:center;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.74);border-radius:8px;box-shadow:0 12px 34px rgba(15,23,42,.16);display:flex;gap:12px;justify-content:space-between;left:12px;padding:9px 10px;position:absolute;right:12px;top:auto;bottom:88px;z-index:650}.heat-legend small,.heat-legend span,.heat-legend strong{display:block}.heat-legend strong{font-size:13px;line-height:1.1}.heat-legend span{color:var(--muted);font-size:11px;line-height:1.2;margin-top:2px}.legend-scale{align-items:center;display:grid;flex:0 0 min(48%,190px);grid-gap:5px;gap:5px;grid-template-columns:auto minmax(42px,1fr) auto}.legend-scale small{color:#344054;font-size:11px;font-weight:800;white-space:nowrap}.legend-scale i{background:linear-gradient(90deg,rgba(37,99,235,.18),#f59e0b,#dc2626);border-radius:999px;display:block;height:8px}.stats-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid>div{background:#f8fafc;border:1px solid var(--line);border-radius:8px;min-height:74px;padding:10px}.stats-grid svg{color:#2563eb}.stats-grid strong{display:block;font-size:18px;line-height:1.25;margin-top:6px}.drawer-metrics span,.empty-drawer span,.stats-grid span{color:var(--muted);display:block;font-size:12px}.filter-row,.heat-row,.mode-row,.tag-row,.time-row{align-items:center;display:flex;gap:8px}.filter-row{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.filter-row svg{color:var(--muted);flex:0 0 auto}.filter-row button,.heat-row button,.mode-row button,.tag-row span,.time-row button{border-radius:999px;text-transform:capitalize}.filter-row button,.heat-row button,.mode-row button,.time-row button{background:transparent;border:1px solid var(--line);color:#344054;cursor:pointer;font-weight:800;min-height:34px;min-width:58px;padding:0 12px}.filter-row button.active,.heat-row button.active,.mode-row button.active,.time-row button.active{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.heat-row,.mode-row,.time-row{margin-top:8px}.heat-row button,.mode-row button,.time-row button{flex:1 1}.heat-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:1px}.heat-row button{align-items:flex-start;border-radius:8px;display:flex;flex-direction:column;gap:2px;justify-content:center;min-height:54px;min-width:0;padding:8px 10px;text-align:left;text-transform:none}.heat-row strong{display:block;font-size:13px;line-height:1.1;overflow-wrap:anywhere}.heat-row span{color:var(--muted);display:block;font-size:11px;line-height:1.2}.heat-row button.active span{color:#1e40af}.upload-status{border-radius:8px;margin-top:10px;padding:10px}.upload-status span{display:block;font-size:12px;font-weight:900;text-transform:uppercase}.upload-status p{color:#344054;margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-status.uploading{background:#eff6ff}.upload-status.published{background:#dcfce7}.upload-status.duplicate{background:#fef3c7}.upload-status.rejected{background:#fee2e2}.empty-drawer,.offer-drawer{background:var(--panel);border:1px solid rgba(255,255,255,.7);border-radius:8px 8px 0 0;bottom:0;box-shadow:var(--shadow);left:0;position:absolute;right:0;z-index:500}.offer-drawer{max-height:min(58dvh,520px);overflow:hidden}.drawer-scroll{max-height:min(58dvh,520px);overflow-y:auto;padding:16px;scrollbar-width:thin}.empty-drawer{padding:18px;align-items:center;display:flex;justify-content:space-between;min-height:74px}.empty-drawer strong{font-size:18px}.icon-button{border-radius:999px;height:38px;position:absolute;right:14px;top:14px;width:38px}.drawer-head span{background:#111827;border-radius:6px;color:white;display:inline-flex;font-size:14px;font-weight:900;padding:6px 10px;text-transform:capitalize}.drawer-head strong{display:block;font-size:40px;line-height:1;margin-top:12px;padding-right:48px}.drawer-head p{color:#344054;font-size:14px;font-weight:800;margin:8px 0 0}.drawer-head small{color:var(--muted);display:block;font-size:12px;font-weight:700;margin-top:2px}.drawer-metrics{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0}.drawer-metrics div{background:#f8fafc;border:1px solid var(--line);border-radius:8px;min-width:0;padding:9px}.drawer-metrics strong{display:block;font-size:15px;line-height:1.2;overflow-wrap:anywhere}.route-card{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;grid-gap:12px;gap:12px;grid-template-columns:18px minmax(0,1fr);padding:14px 0}.route-rail{align-items:center;display:flex;flex-direction:column;padding-top:2px}.route-points{display:grid;grid-gap:14px;gap:14px;min-width:0}.route-card strong{display:block;font-size:16px;margin-bottom:4px}.route-card p{color:#4b5563;font-size:16px;line-height:1.28;margin:0;overflow-wrap:anywhere}.route-dot{border:3px solid #2563eb;border-radius:999px;flex:0 0 auto;height:16px;width:16px}.route-dot.dropoff{border-color:#db2777}.route-line{background:linear-gradient(#2563eb,#db2777);flex:1 1 auto;min-height:46px;width:3px}.tag-row{flex-wrap:wrap;margin-top:14px}.tag-row span{background:#eef2ff;color:#3730a3;font-size:13px;font-weight:800;padding:7px 10px}.fare-marker-wrap{background:transparent;border:0}.fare-marker{align-items:center;background:var(--fare-color);border:3px solid white;border-radius:999px;box-shadow:0 10px 26px rgba(15,23,42,.26);color:white;cursor:pointer;display:flex;font-size:16px;font-weight:900;height:36px;justify-content:center;min-width:62px;padding:0 10px}.fare-marker.active{outline:4px solid rgba(37,99,235,.22);transform:translateY(-2px)}.leaflet-control-zoom{border:0!important;box-shadow:var(--shadow)}.leaflet-control-zoom a{border:0!important;color:#111827!important}@media (min-width:880px){.top-bar{left:24px;right:24px;top:22px}.top-bar h1{font-size:32px}.control-panel{border-radius:8px;bottom:auto;left:24px;max-width:390px;right:auto;top:96px;transform:translateX(calc(-100% - 40px));width:390px}.control-panel.open{transform:translateX(0)}.filter-toggle{left:24px;right:auto;top:96px}.heat-legend{left:430px;max-width:420px;right:auto;top:24px;bottom:auto;width:420px}.empty-drawer,.offer-drawer{border-radius:8px;bottom:24px;left:24px;max-width:430px;right:auto;width:430px}.drawer-scroll,.offer-drawer{max-height:calc(100dvh - 150px)}.empty-drawer{bottom:24px}}