.vdrp-container{-webkit-user-select:none;user-select:none;flex-direction:column;padding:10px;font-family:Inter,Roboto,sans-serif;display:flex}.vdrp-title{border-bottom:1px solid #eee;margin-bottom:5px;padding:8px 10px;font-size:14px;font-weight:500}.vdrp-month-nav{justify-content:space-between;align-items:center;padding:5px;display:flex}.vdrp-month-label{font-size:14px;font-weight:500}.vdrp-grid{grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:15px;display:grid}.vdrp-cell{aspect-ratio:1;justify-content:center;align-items:center;font-size:12px;display:flex}.vdrp-cell.header{color:#666;font-size:11px;font-weight:500}.vdrp-cell.day{cursor:pointer;border-radius:50%;transition:background-color .2s}.vdrp-cell.day:hover{background-color:#f0f0f0}.vdrp-cell.day.selected.start-range{color:#fff;background-color:#0d47a1;border-radius:50% 0 0 50%}.vdrp-cell.day.selected.end-range{color:#fff;background-color:#0d47a1;border-radius:0 50% 50% 0}.vdrp-cell.day.selected{color:#fff;background-color:#0d47a1}.vdrp-cell.day.in-range{color:#0d47a1;background-color:#bbdefb;border-radius:0}.vdrp-day-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.vdrp-footer{border-top:1px solid #eee;justify-content:space-between;align-items:center;padding-top:15px;display:flex}.viajes-sidebar-content-inner{padding:0}.level-0-layout{flex-direction:column;height:100%;display:flex}.vs-search-toolbar{background-color:#fff;border-bottom:1px solid #1a56db;align-items:center;padding:8px 10px;display:flex}.vs-search-input-wrapper{background:#fff;flex:1;align-items:center;margin-right:10px;display:flex}.vs-search-input-wrapper input{border:none;outline:none;flex:1;padding:6px;font-size:13px}.vs-search-icon{color:#777;margin-left:4px}.vs-selection-header{color:#555;text-transform:uppercase;background-color:#f9f9f9;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:8px 15px;font-size:12px;font-weight:600;display:flex}.viajes-vehicle-list{border:none;border-radius:0;flex:1;margin-bottom:0;overflow-y:auto}.viajes-vehicle-item{cursor:pointer;background-color:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:12px 15px;transition:background-color .2s;display:flex}.viajes-vehicle-item:hover{background-color:#f5f8ff}.viajes-vehicle-item.selected{background-color:#e8f0fe;border-left:3px solid #1a56db;padding-left:12px}.vs-vehicle-info{flex-direction:column;display:flex}.vs-car-icon{color:#888}.viajes-v-name{color:#333;font-size:13px;font-weight:500}.viajes-v-imei{color:#888;font-size:11px}.vs-bottom-footer{background-color:#fff;border-top:1px solid #ddd;flex-direction:column;gap:15px;padding:15px;display:flex}.vs-date-dropdown{cursor:pointer;color:#333;border-bottom:1px solid #1a56db;justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;display:flex}.viajes-btn-obtener{color:#666;cursor:pointer;background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;width:100%;padding:10px;font-weight:600;transition:all .2s}.viajes-btn-obtener:not(:disabled){color:#fff;background-color:#1a56db;border-color:#1a56db}.viajes-btn-obtener:hover:not(:disabled){background-color:#0d47a1}.viajes-summary-card{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin:15px;padding:12px;transition:transform .1s,box-shadow .1s;box-shadow:0 1px 3px #0000000d}.viajes-summary-card:hover{border-color:#1a56db;transform:translateY(-2px);box-shadow:0 3px 8px #0000001a}.vs-card-header{color:#333;margin-bottom:10px;font-size:14px;font-weight:600}.vs-card-stats{justify-content:space-between;margin-bottom:10px;display:flex}.vs-stat{text-align:center;font-size:14px}.vs-label{color:#777;text-transform:uppercase;font-size:10px}.vs-card-hint{color:#1a56db;text-align:right;font-size:11px;font-style:italic}.vs-level-2-header,.vs-level-3-header{color:#fff;background-color:#0d47a1;flex-direction:column;padding:15px;display:flex}.vs-l2-title,.vs-l3-title{justify-content:space-between;margin-bottom:5px;font-size:15px;font-weight:600;display:flex}.vs-l2-subtitle{opacity:.8;cursor:pointer;align-items:center;gap:5px;margin-bottom:15px;font-size:12px;display:flex}.vs-l2-subtitle:hover{text-decoration:underline}.vs-l2-summary-box{background-color:#1565c0;border-radius:4px;justify-content:space-between;align-items:center;padding:10px;display:flex}.vs-l2-stat{flex-direction:column;align-items:center;font-size:15px;font-weight:600;display:flex}.vs-l2-lbl{opacity:.8;align-items:center;gap:4px;margin-bottom:3px;font-size:10px;font-weight:400;display:flex}.vs-timeline-container{background-color:#fff;padding:10px}.vs-timeline-row{cursor:pointer;border-bottom:1px solid #f0f0f0;min-height:70px;padding:10px 5px;transition:background-color .2s;display:flex;position:relative}.vs-timeline-row:hover{background-color:#f5f8ff}.vs-timeline-row.selected{background-color:#e8f0fe}.vs-tl-left{flex-direction:column;align-items:center;width:40px;display:flex;position:relative}.vs-tl-line{z-index:1;background-color:#1a56db;width:3px;position:absolute;top:0;bottom:0}.vs-tl-marker{z-index:2;color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-top:5px;font-size:12px;font-weight:700;display:flex;position:relative}.stop-marker{box-shadow:0 0 0 2px #fff}.trip-marker{background-color:#26a69a;border-radius:2px;box-shadow:0 0 0 2px #fff}.vs-tl-content{flex-direction:column;flex:1;justify-content:center;padding-left:10px;display:flex}.vs-tl-top-info{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.vs-tl-title{color:#333;font-size:13px;font-weight:600}.vs-tl-timeinfo{text-align:right;color:#555;font-size:11px}.vs-tl-clock{color:#1a56db;font-weight:600}.vs-tl-duration{color:#666;background:#f0f0f0;border-radius:2px;margin-top:2px;padding:1px 4px;font-size:10px;display:inline-block}.vs-tl-address{color:#444;font-size:11px;line-height:1.3}.vs-tl-metrics{color:#777;gap:10px;margin-top:2px;font-size:10px;display:flex}.vs-tl-chevron{color:#ccc;justify-content:center;align-items:center;width:20px;font-weight:700;display:flex}.events-container .vs-tl-line{background-color:#ddd;width:2px}.events-container .vs-tl-dot{z-index:2;border-radius:50%;width:10px;height:10px;margin-top:10px;position:relative;box-shadow:0 0 0 2px #fff}.vs-ev-top{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.vs-ev-time{color:#666;font-family:monospace;font-size:11px}.vs-ev-code{color:#333;font-size:12px;font-weight:600}.vs-ev-bottom{justify-content:space-between;align-items:flex-end;display:flex}.vs-ev-address{color:#888;font-size:10px}.vs-ev-speed{color:#1a56db;font-size:12px;font-weight:700}.vs-back-btn{color:#fffc;cursor:pointer;background:0 0;border:none;margin-bottom:5px;padding:0;font-size:12px}.vs-back-btn:hover{color:#fff;text-decoration:underline}.vs-loading,.vs-error,.vs-empty{text-align:center;color:#666;padding:20px;font-size:14px}.vs-error{color:#d32f2f}.viajes-map-wrapper{width:100%;height:100%;position:relative}.viajes-map-overlay{pointer-events:none;color:#333;background:#ffffffe6;border-radius:4px;padding:8px 12px;font-size:12px;position:absolute;top:10px;right:10px;box-shadow:0 2px 5px #0003}.viajes-calendar-container{background-color:#fff;flex-direction:column;height:100%;display:flex;overflow:auto}.vc-header{color:#fff;background-color:#0d47a1;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.vc-title{color:#fff;min-width:150px;font-size:16px;font-weight:500}.vc-nav{align-items:center;gap:15px;display:flex}.vc-subtitle{color:#fff;text-align:right;min-width:150px;font-size:14px;font-weight:500}.vc-grid{background-color:#ddd;flex:1;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(100px,1fr);gap:1px;display:grid}.vc-day-header{text-align:center;color:#555;background-color:#fff;border-bottom:1px solid #ddd;padding:10px;font-size:13px;font-weight:600}.vc-cell{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:10px;transition:background-color .2s;display:flex;position:relative}.vc-cell.empty{background-color:#fafafa}.vc-cell.has-data{cursor:pointer}.vc-cell.has-data:hover{background-color:#f0f4ff;box-shadow:inset 0 0 0 2px #1a56db}.vc-cell-date{color:#999;font-size:12px;font-weight:600;position:absolute;top:10px;right:10px}.vc-cell.has-data .vc-cell-date{color:#d32f2f}.vc-cell-value{color:#aaa;font-size:20px}.vc-cell.has-data .vc-cell-value{color:#333}.viajes-page-container{background-color:#f5f6fa;height:calc(100vh - 64px);font-family:Inter,Roboto,sans-serif;display:flex;overflow:hidden}.viajes-sidebar{z-index:10;background-color:#fff;border-right:1px solid #e0e0e0;flex-direction:column;width:320px;min-width:320px;transition:all .3s;display:flex;box-shadow:2px 0 5px #0000000d}.viajes-sidebar-header{color:#fff;background-color:#1a56db;border-bottom:1px solid #0d47a1;padding:15px}.viajes-sidebar-header h2{align-items:center;gap:8px;margin:0;font-size:16px;font-weight:500;display:flex}.viajes-sidebar-content{flex:1;padding:0;overflow-y:auto}.viajes-main-content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.viajes-toolbar{color:#fff;z-index:5;background-color:#0d47a1;justify-content:space-between;align-items:center;height:50px;padding:0 20px;display:flex;box-shadow:0 2px 4px #0000001a}.viajes-toolbar-title{font-size:18px;font-weight:500}.viajes-toolbar-controls{gap:15px;display:flex}.viajes-center-view{background-color:#e5e3df;flex:1;position:relative;overflow:hidden}.viajes-bottom-chart{z-index:5;background-color:#fff;border-top:1px solid #e0e0e0;flex-direction:column;height:250px;min-height:250px;padding:10px;transition:height .3s;display:flex;box-shadow:0 -2px 10px #0000000d}.viajes-chart-header{color:#555;justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 10px;font-size:13px;display:flex}.viajes-chart-content{flex:1;width:100%}.viajes-sidebar-content::-webkit-scrollbar{width:6px}.viajes-sidebar-content::-webkit-scrollbar-track{background:#f1f1f1}.viajes-sidebar-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.viajes-sidebar-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:Roboto,Helvetica,Arial,sans-serif}