*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#333;height:100%;font-family:Arial,sans-serif;overflow:hidden}body{display:flex}#sidebar{z-index:500;background:#fff;border-right:1px solid #e0e0e0;flex-direction:column;flex-shrink:0;width:280px;display:flex;overflow:hidden}#sidebar-header{border-bottom:1px solid #e0e0e0;flex-shrink:0;align-items:center;gap:8px;padding:12px 14px 10px;display:flex}#sidebar-header h2{color:#222;flex:1;margin:0;font-size:14px;font-weight:700}#sidebar-header .material-icons{color:#888;font-size:18px}#btn-reset{cursor:pointer;color:#bbb;background:0 0;border:none;border-radius:4px;padding:2px;transition:all .15s;display:flex}#btn-reset:hover{color:#333;background:#f0f0f0}#sidebar-body{flex-direction:column;flex:1;gap:10px;padding:8px 10px;display:flex;overflow-y:auto}#sidebar-body::-webkit-scrollbar{width:4px}#sidebar-body::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.sec-title{text-transform:uppercase;letter-spacing:.6px;color:#888;margin-bottom:4px;font-size:10px;font-weight:700;display:block}#drop-zone{text-align:center;cursor:pointer;background:#fafafa;border:2px dashed #e0e0e0;border-radius:6px;padding:16px 12px;transition:all .2s}#drop-zone:hover,#drop-zone.drag{background:#f0f0f0;border-color:#555}#drop-zone.loaded{background:#f0fff4;border-style:solid;border-color:#4caf50}.dz-icon{color:#ccc;margin-bottom:4px;font-size:26px!important;display:block!important}#drop-zone.loaded .dz-icon{color:#4caf50}.dz-name{color:#666;font-size:13px;font-weight:600}.dz-sub{color:#aaa;margin-top:2px;font-size:11px}#file-input{display:none}.btn-repo{color:#555;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:5px;justify-content:center;align-items:center;gap:6px;width:100%;padding:7px 10px;font-family:Arial;font-size:12px;transition:all .15s;display:flex}.btn-repo:hover{background:#f5f5f5;border-color:#999}.btn-repo .material-icons{font-size:16px}.catalog-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.catalog-close{cursor:pointer;color:#bbb;background:0 0;border:none;padding:0;font-size:16px}.catalog-close:hover{color:#333}.catalog-item{color:#333;cursor:pointer;text-align:left;background:#fff;border:1px solid #e0e0e0;border-radius:5px;align-items:center;gap:8px;width:100%;margin-bottom:4px;padding:7px 10px;font-family:Arial;font-size:12px;transition:all .15s;display:flex}.catalog-item:hover{background:#f0f4ff;border-color:#1565c0}.catalog-item .material-icons{color:#1565c0;flex-shrink:0;font-size:16px}.ci-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.ci-desc{color:#aaa;font-size:10px}.info-row{color:#555;align-items:center;gap:6px;padding:2px 0;font-size:12px;display:flex}.info-row .material-icons{color:#aaa;font-size:14px}.gtfs-select{color:#333;cursor:pointer;background:#fafafa;border:1px solid #e0e0e0;border-radius:4px;width:100%;padding:6px 8px;font-family:Arial;font-size:12px}.gtfs-select:focus{border-color:#888;outline:none}.date-row{align-items:center;gap:6px;margin-top:6px;display:flex}.date-label{color:#888;white-space:nowrap;font-size:11px}.routes-toolbar{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.tout-rien{cursor:pointer;color:#888;background:0 0;border:none;padding:0;font-size:11px}.tout-rien:hover{color:#333}#routes-filter{flex-wrap:wrap;gap:4px;max-height:140px;display:flex;overflow-y:auto}.route-chip{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1.5px solid;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;transition:opacity .1s}.route-chip.off{opacity:.28}.kpi-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.stat-box{text-align:center;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;padding:7px 5px}.stat-val{color:#333;font-size:1.2rem;font-weight:700;display:block}.stat-lbl{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.legend-mode{color:#555;align-items:center;gap:6px;padding:1px 0;font-size:11px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.layers-row{gap:5px;margin-top:8px;display:flex}.layer-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:4px;padding:5px 6px;font-family:Arial;font-size:11px;transition:all .15s;display:flex}.layer-btn:hover{background:#f5f5f5}.layer-btn.off{color:#aaa;background:#f0f0f0;border-color:#ccc}.layer-btn .material-icons{font-size:14px}#map-wrap{flex:1;position:relative}#map{background:#e8eef3;width:100%;height:100%}#playbar{z-index:1000;background:#fffffff7;border:1px solid #e0e0e0;border-radius:10px;flex-direction:column;gap:8px;width:52vw;min-width:420px;max-width:640px;padding:10px 16px;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000026}#time-date{text-align:center;color:#aaa;font-size:11px}#time-display{text-align:center;font-variant-numeric:tabular-nums;color:#1a1a1a;letter-spacing:1px;font-size:22px;font-weight:700}#time-wrap{align-items:center;height:18px;display:flex;position:relative}#time-wrap:before{content:"";background:#e0e0e0;border-radius:2px;width:100%;height:4px;position:absolute}#time-progress{pointer-events:none;background:#1a1a1a;border-radius:2px;width:0%;height:4px;position:absolute;left:0}#time-slider{opacity:0;cursor:pointer;width:100%;height:18px;margin:0;position:absolute}.time-labels{color:#bbb;justify-content:space-between;font-size:10px;display:flex}.play-controls{justify-content:center;align-items:center;gap:8px;display:flex}.play-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .12s;display:flex}.play-btn:hover{background:#f0f0f0}.play-btn .material-icons{color:#333;font-size:22px}.play-btn.main .material-icons{color:#1a1a1a;font-size:32px}.speed-wrap{color:#888;align-items:center;gap:8px;font-size:11px;display:flex}.speed-wrap input[type=range]{-webkit-appearance:none;cursor:pointer;background:#e0e0e0;border-radius:2px;outline:none;flex:1;height:3px}.speed-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#555;border-radius:50%;width:12px;height:12px}#speed-label{text-align:right;color:#333;min-width:36px;font-weight:600}#loading-overlay{z-index:2000;background:#ffffffd1;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:none;position:fixed;inset:0}#loading-overlay.visible{display:flex}.spinner{border:5px solid #f3f3f3;border-top-color:#333;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}#loading-msg{color:#666;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}#veh-tooltip{z-index:9999;pointer-events:none;color:#f0f0f5;white-space:nowrap;background:#14141ceb;border:1px solid #ffffff14;border-radius:6px;padding:7px 11px;font-size:12px;line-height:1.6;display:none;position:fixed;box-shadow:0 4px 16px #00000040}.tt-header{align-items:center;gap:7px;margin-bottom:3px;display:flex}.tt-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.tt-title{color:#fff;font-size:13px;font-weight:700}.tt-row{color:#b0b0c8;gap:6px;display:flex}.tt-label{color:#6b6b88;min-width:58px}