.webixappstart{opacity:0}.webixapp{transition:opacity .5s;opacity:1}.navitrack_header{background-color:#2c3e7b!important;border:none!important}.navitrack_title .webix_el_box{color:#fff!important;font-size:20px!important;font-weight:700!important;letter-spacing:5px!important;padding-left:10px!important}.navitrack_user_icon .webix_icon{color:#fff!important;font-size:24px!important;background-color:#5c6ca3;border-radius:50%;padding:8px;margin-right:0}.date_selector_form{background-color:#f5f5f8;border-bottom:1px solid #e0e0e0}.date_label{color:#6e6e6e!important;font-size:12px!important}.main_date_picker .webix_inp_static{border:1px solid #c8c8c8!important;border-radius:4px!important;padding:8px 12px!important;background-color:#fff!important}.add_trip_button button{background-color:#fff!important;border:1px solid #c8c8c8!important;color:#333!important;border-radius:4px!important}.add_trip_button .webix_icon{color:#333!important}.trip_list{background-color:#f5f5f8!important}.trip_item{background-color:#f0f0ff;margin:10px 15px;padding:15px;border-radius:8px;box-shadow:0 1px 3px #0000001a;height:auto}.trip_header{display:flex;justify-content:space-between;margin-bottom:5px}.trip_time{font-size:11px;color:#666;text-transform:uppercase}.trip_arrow{color:#666;font-weight:700}.trip_title{font-size:16px;font-weight:700;margin-bottom:5px;text-transform:uppercase}.trip_route{font-size:14px;color:#333}.webix_list_item.webix_selected{background-color:transparent!important;color:inherit!important}.webix_list_item{padding:0!important;margin:0!important;border:none!important}.bottom_navigation{border-top:1px solid #e0e0e0!important;background-color:#fff!important}.bottom_navigation .webix_item_tab{border:none!important;text-align:center;padding:10px 0!important}.bottom_navigation .webix_selected{background-color:#fff!important;color:#2c3e7b!important;border-top:3px solid #2c3e7b!important}.bottom_navigation .webix_icon{display:block;margin:0 auto 5px;font-size:20px}.action-buttons{display:flex;justify-content:space-around;align-items:center}.action-buttons .webix_icon{cursor:pointer;padding:5px;border-radius:3px;transition:background-color .3s}.action-buttons .webix_icon:hover{background-color:#f0f0f0}.action-buttons .webix_icon.edit{color:#1a6b9b}.action-buttons .webix_icon.delete{color:#e74c3c}.action-buttons .webix_icon.print{color:#27ae60}#configWindow .webix_win_head{background-color:#2c3e7b!important}#configWindow .webix_win_head .webix_template,#configWindow .webix_win_head .webix_icon{color:#fff!important}.info_text .webix_template{padding:10px;font-size:12px;color:#666;background-color:#f9f9f9;border-radius:4px;margin-top:5px}.status_good,.status_error,.status_saving{text-align:center;margin-left:-12px}.status_error{color:red}.status_good{color:green}.invalid_login .webix_header>div{background:#FC3636;transition:background 1s}.invalid_login{-webkit-animation:formshake .5s linear}@-webkit-keyframes formshake{8%,41%{-webkit-transform:translateX(-10px)}25%,58%{-webkit-transform:translateX(10px)}75%{-webkit-transform:translateX(-5px)}92%{-webkit-transform:translateX(5px)}0%,to{-webkit-transform:translateX(0)}}.app_header.webix_header{text-align:center}.app_layout.webix_layout_clean{background:#EBEDF0}.app_start .webix_template{padding:12px}.app_menu .webix_icon{font-size:20px;vertical-align:middle}.ingreso{color:green!important;font-weight:700}.egreso{color:red!important;font-weight:700}.ingreso .webix_icon{color:green!important;font-size:20px}.egreso .webix_icon{color:red!important;font-size:20px}.viaje_card{background-color:#e6f2ff;border-radius:5px;padding:10px;margin:10px 0;box-shadow:0 1px 3px #0000001a}.viaje_descripcion{font-size:16px;font-weight:700;margin-bottom:5px}.viaje_puertos{font-size:14px;margin-bottom:5px}.viaje_carga{display:flex;flex-wrap:wrap;margin-bottom:10px}.cargo_item{margin-right:10px}.viaje_status{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.trip_button{background-color:#1a6b9b;color:#fff;padding:8px 15px;border-radius:4px;text-align:center;cursor:pointer;font-weight:700}.trip_timestamp{text-align:center;font-size:12px;color:#555}.trip_gps{font-size:10px;color:#777;margin-top:3px}.movimientos_summary .webix_template{padding:0;background-color:#f5f5f8;border-top:1px solid #e0e0e0}.summary_container{display:flex;justify-content:space-around;align-items:center;height:100%;padding:0 20px}.summary_item{display:flex;flex-direction:column;align-items:center;padding:5px 15px}.summary_label{font-size:12px;color:#666;margin-bottom:5px}.summary_value{font-size:16px;font-weight:700}.monthly_resumen .webix_template{padding:15px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:10px}.resumen_container h3{margin:0 0 15px;color:#2c3e7b;text-align:center;font-size:18px}.resumen_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.resumen_item{display:flex;flex-direction:column;align-items:center;padding:10px;background-color:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a}.resumen_label{font-size:12px;color:#666;margin-bottom:8px;text-align:center}.resumen_value{font-size:18px;font-weight:700;text-align:center}.chart_section .webix_template{padding:15px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:0}.chart_container{width:100%;height:100%}.chart_container h4{margin:0 0 15px;color:#2c3e7b;text-align:center;font-size:16px}.chart_month{text-align:center;font-size:14px;color:#666;margin-bottom:15px;font-weight:700}.chart_bars{display:flex;align-items:flex-end;justify-content:space-around;height:120px;margin-bottom:15px;padding:0 10px;border-bottom:2px solid #dee2e6}.chart_day{display:flex;flex-direction:column;align-items:center;min-width:10px;flex:1}.chart_bars_container{display:flex;align-items:flex-end;height:120px;gap:2px}.chart_bar{width:4px;min-height:2px;border-radius:2px 2px 0 0;transition:opacity .3s}.chart_bar:hover{opacity:.8}.chart_bar.ingreso{background-color:#28a745}.chart_bar.egreso{background-color:#dc3545}.chart_label{font-size:xx-small;color:#000;font-weight:700;margin-top:5px;text-align:center;background-color:#fffffff2;border-radius:3px;border:1px solid #ddd;box-shadow:0 1px 2px #0000001a}.chart_legend{display:flex;justify-content:center;gap:20px;margin-top:10px}.legend_item{display:flex;align-items:center;font-size:12px;color:#666}.legend_color{width:12px;height:12px;border-radius:2px;margin-right:5px}.legend_color.ingreso{background-color:#28a745}.legend_color.egreso{background-color:#dc3545}.chart_placeholder{text-align:center;color:#666;font-style:italic;padding:50px 0}.filter_form{background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.filter_label{color:#6e6e6e!important;font-size:12px!important;margin-bottom:5px}.refresh_button button{background-color:#007bff!important;border:1px solid #007bff!important;color:#fff!important;border-radius:4px!important}.refresh_button .webix_icon{color:#fff!important}