body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.trip-form{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:20px auto;max-width:1200px;padding:25px}@media (max-width:600px){.trip-form{border-radius:0;box-shadow:none;margin:0;max-width:100vw;padding:10px 5px}.form-title{font-size:18px;margin-bottom:10px;padding-bottom:8px}.form-row{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.form-group{gap:6px}.form-info-message{font-size:12px;margin-bottom:10px;padding:7px 8px}.form-control{border-radius:10px;font-size:16px;padding:14px 10px}.now-button{font-size:16px;height:48px;min-width:100px;padding:12px 16px}.btn-submit{border-radius:10px;font-size:18px;min-width:100%;padding:16px 0}.button-group{align-items:stretch;flex-direction:column;gap:10px;margin-top:18px}label{font-size:16px}}.form-title{border-bottom:2px solid #eee;color:#2c3e50;font-size:24px;margin-bottom:20px;padding-bottom:15px;text-align:center}.form-info-message{background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:4px;font-size:14px;margin-bottom:20px;padding:10px 15px}.form-info-message p{color:#2c3e50;margin:0}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.time-input-container{align-items:center;display:flex;gap:10px}.time-input-container .form-control{flex:1 1}.now-button{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;height:43px;min-width:85px;padding:10px 12px;transition:all .3s ease;white-space:nowrap}.now-button:hover{background-color:#2980b9}.now-button:disabled{background-color:#95a5a6;cursor:not-allowed;opacity:.7}.form-group label{color:#34495e;display:block;font-size:15px;font-weight:500;white-space:nowrap}.form-control{background-color:#f8f9fa;border:1.5px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:15px;max-width:100%;padding:12px;transition:all .3s ease;width:100%}.form-control:focus{background-color:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.form-control:disabled{background-color:#e9ecef;cursor:not-allowed}select.form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.button-group{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:30px}.btn-submit{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;min-width:120px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.btn-submit[value=start]{background-color:#2ecc71;color:#fff}.btn-submit[value=start]:hover:not(:disabled){background-color:#27ae60;box-shadow:0 4px 8px #2ecc7133}.btn-submit[value=start]:disabled{background-color:#95a5a6;cursor:not-allowed;opacity:.7}.btn-submit[value=complete]{background-color:#e74c3c;color:#fff}.btn-submit[value=complete]:hover{background-color:#c0392b;box-shadow:0 4px 8px #e74c3c33}.completing-active-trip .btn-submit[value=complete]{animation:pulse 2s infinite;background-color:#e74c3c;box-shadow:0 4px 10px #e74c3c4d;color:#fff;font-size:18px;padding:14px 30px}@keyframes pulse{0%{box-shadow:0 0 0 0 #e74c3c66}70%{box-shadow:0 0 0 10px #e74c3c00}to{box-shadow:0 0 0 0 #e74c3c00}}.form-group label.required:after{color:#e74c3c;content:" *"}@media (max-width:768px){.trip-form{border-radius:0;box-shadow:none;margin:0;padding:8px 2px}.form-title{font-size:18px;margin-bottom:10px;padding-bottom:8px}.form-row{display:flex!important;flex-direction:column!important;gap:10px!important;margin-bottom:10px!important}.form-group{gap:4px;min-width:0;width:100%}.form-control{border-radius:10px;box-sizing:border-box;font-size:16px;min-width:0;padding:14px 10px;width:100%}label{font-size:15px;margin-bottom:2px}.now-button{font-size:16px;height:48px;min-width:100px;padding:12px 16px}.btn-submit{border-radius:10px;font-size:18px;min-width:100%;padding:16px 0;width:100%}.button-group{align-items:stretch;flex-direction:column;gap:10px;margin-top:18px}}.btn-submit.loading{color:#0000;position:relative}.btn-submit.loading:after{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.always-editable{border-left:3px solid #3498db!important}.always-editable:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33}.editable-note{color:#3498db;font-size:12px;font-style:italic;font-weight:400;margin-left:5px}.form-control.error{border-color:#e74c3c}.error-message{color:#e74c3c;font-size:12px;margin-top:5px}.success-message{animation:fadeIn .3s ease;background-color:#2ecc71;border-radius:8px;color:#fff;margin-bottom:20px;padding:15px;text-align:center}.active-trips{display:flex;flex-direction:column;gap:20px}.active-trips h2{border-bottom:2px solid #eee;color:#333;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px}.filters{background-color:#f5f5f5;border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px}.filter-group{display:flex;flex:1 1;flex-direction:column;gap:5px;max-width:calc(33.33% - 10px);min-width:200px}.filter-group label{color:#555;font-weight:700}.filter-group input,.filter-group select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px;width:100%}.trip-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:40px;margin-top:20px}.trip-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px;transition:transform .2s}.trip-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.trip-card p{color:#444;margin:8px 0}.trip-card p:first-child{color:#007bff;font-weight:600}.trip-card strong{color:#555}.status-active{color:#4caf50;font-weight:700}.no-trips{color:#666;font-style:italic;padding:20px;text-align:center}.statistics-section{background-color:#fff;border-top:2px solid #eee;margin-top:40px;padding-top:20px}.chart-controls{background-color:#f5f5f5;gap:20px}.interval-control{align-items:center;display:flex;gap:10px}.interval-control select{border:1px solid #ddd;border-radius:4px;padding:8px}.chart-controls button{align-items:center;background-color:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:8px 15px;transition:background-color .2s}.chart-controls button:hover{background-color:#1565c0}.last-update{font-size:.9em}.chart-container{background-color:#fff;box-shadow:0 2px 4px #0000001a;flex-direction:row;height:650px!important;margin:30px 0;width:100%}.chart-container canvas{flex:1 1;max-width:100%;min-height:600px;width:100%!important}.statistics-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-top:30px;padding:20px}.chart-controls{background:#f8f9fa;border-radius:8px;justify-content:space-between;padding:15px}.date-selector{align-items:center;display:flex;gap:15px}.date-selector label{color:#333;font-weight:700}.date-selector select{background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .3s}.date-selector select:hover{border-color:#007bff}.date-selector select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.refresh-button{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:6px;color:#fff;display:flex;font-weight:700;gap:8px;padding:10px 20px;transition:transform .2s,box-shadow .2s}.refresh-button:hover{box-shadow:0 4px 12px #007bff4d;transform:translateY(-2px)}.chart-container{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:center;padding:20px}.chart-display{text-align:center;width:100%}.chart-image{border-radius:8px;box-shadow:0 4px 15px #0000001a;height:auto;max-width:100%}.loading{align-items:center;color:#666;display:flex;flex-direction:column;font-size:16px;gap:15px}.loading i{color:#007bff;font-size:32px}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#dc3545;gap:10px}.error-message,.no-data{align-items:center;display:flex;font-size:16px}.no-data{color:#6c757d;flex-direction:column;gap:15px}.no-data i{font-size:48px;opacity:.5}@media (max-width:768px){.chart-controls{flex-direction:column;gap:15px}.date-selector{flex-wrap:wrap;justify-content:center}.refresh-button{justify-content:center;width:100%}}.active-trips{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.chart-controls{gap:15px}.select-group{align-items:center;display:flex;gap:5px}select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px}.update-button{background-color:#2f8ef7;font-weight:500;padding:8px 16px;transition:background-color .2s}.update-button:hover{background-color:#1a7ad9}.update-button:disabled{background-color:#a0c7f7}.last-update{font-size:14px;margin-left:auto}.chart-container{height:400px}.error-message{background-color:#f8d7da;border-radius:4px;color:#d9534f;margin-bottom:15px;padding:15px}.loading-indicator{color:#666;padding:20px;text-align:center}@media screen and (max-width:768px){.chart-container{-webkit-overflow-scrolling:touch;margin-top:30px;min-height:450px;overflow-x:auto}.chart-instructions{background-color:#f5f5f5;border-radius:4px;font-size:12px;font-weight:500;margin-bottom:15px;padding:8px}.chart-controls{align-items:flex-start;flex-direction:column}.chart-controls .select-group{margin-bottom:12px;width:100%}.chart-controls .select-group label{display:block;font-weight:700;margin-bottom:5px}.chart-controls .select-group select{border-radius:4px;font-size:16px;height:44px;padding:10px;width:100%}.update-button{border-radius:4px;font-size:16px;font-weight:700;margin-top:10px;padding:12px 0;width:100%}.last-update{font-size:12px;margin-top:10px;text-align:center;width:100%}.no-data-message p{font-size:14px;padding:20px;text-align:center}.loading-indicator p{font-size:14px}.trip-list{display:block}.trip-card{border-radius:6px;box-shadow:0 2px 5px #0000001a;margin-bottom:15px;padding:15px;width:100%}.trip-card p{margin:8px 0}canvas{height:auto!important;max-width:100%!important;touch-action:manipulation}.active-trips .chart-container{touch-action:pan-y}.active-trips canvas{height:400px!important}.filters{flex-direction:column}.filters .filter-group{margin-bottom:12px;width:100%}.filters .search-input{font-size:16px;padding:10px;width:100%}button,input,select{min-height:44px}.trip-card{margin-bottom:12px;padding:12px}.trip-card p{font-size:14px;margin:6px 0}}.chart-container{margin-top:15px;padding-bottom:20px;touch-action:none}.chart-container canvas{cursor:pointer!important;pointer-events:all;position:relative;touch-action:none}.chart-container canvas:hover{pointer-events:auto}.chart-container{-webkit-user-select:none;user-select:none}.chart-instructions{background-color:#00000008;border-radius:4px;color:#555;font-style:italic;font-weight:700;margin-bottom:15px;padding:5px 10px;text-align:center}#chartjs-tooltip{background:#000000e6!important;border-radius:4px!important;box-shadow:0 2px 10px #00000040!important;color:#fff!important;max-width:300px!important;padding:10px!important;pointer-events:none;white-space:nowrap!important;z-index:100!important}.chart-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.select-group{margin-bottom:10px;margin-right:15px;min-width:120px}.select-group label{display:inline-block;font-weight:700;margin-right:8px}.select-group select{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.select-group select:hover{border-color:#1890ff}.select-group select:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.update-button{align-items:center;background-color:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:700;height:38px;justify-content:center;padding:8px 20px;transition:all .3s}.update-button:hover{background-color:#096dd9;box-shadow:0 2px 5px #0000001a;transform:translateY(-1px)}.update-button:active{transform:translateY(0)}.update-button:disabled{background-color:#d9d9d9;box-shadow:none;cursor:not-allowed;transform:none}.active-trips canvas{cursor:pointer;touch-action:manipulation}.active-trips canvas:active{cursor:pointer}.active-trips .chart-container{padding-bottom:30px;position:relative}.chartjs-tooltip{transition:opacity .3s ease;z-index:10}.chart-container{overflow-x:auto;overflow-y:visible}.last-update{color:#666;font-size:12px;margin-left:10px}.chartjs-tooltip{background:#000000d9!important;border-radius:6px!important;box-shadow:0 3px 10px #0003!important;color:#fff!important;opacity:1!important;padding:10px 14px!important;pointer-events:none}.driver-history-section{border-top:1px dashed #ddd;margin-top:30px;padding-top:20px}.driver-history-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.driver-history-section h3{color:#333;font-size:1.2rem;margin:0}.driver-history-chart{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;min-height:450px;padding:15px}.driver-history-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px}.driver-bar-chart,.driver-line-chart{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:15px}@media screen and (min-width:992px){.driver-line-chart{flex:3 1;min-height:500px}.driver-bar-chart{flex:2 1;min-height:500px}}@media screen and (max-width:991px){.driver-history-content{flex-direction:column}.driver-history-chart{width:100%}}.driver-line-chart{flex:2 1;min-width:500px}.driver-bar-chart{flex:1 1;max-width:600px;min-width:300px}.loading-placeholder,.no-data-message{align-items:center;color:#777;display:flex;flex-direction:column;height:300px;justify-content:center;padding:20px;text-align:center}.no-data-message{color:#999;font-style:italic}.no-data-message p:first-child{font-weight:700;margin-bottom:8px}.stats-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:20px;overflow-x:auto;padding:15px}.stats-table{border-collapse:collapse;font-size:14px;width:100%}.stats-table td,.stats-table th{border-bottom:1px solid #eee;padding:10px 15px;text-align:left}.stats-table th{background-color:#f5f7fa;color:#333;font-weight:600}.stats-table tr:last-child td{border-bottom:none}.stats-table tr:hover{background-color:#f9f9f9}.stats-table .value-cell{font-weight:500;text-align:right}.stats-table .total-row{background-color:#f0f4f8;font-weight:700}.stats-table-title{border-bottom:1px solid #eee;color:#333;font-size:1.1rem;margin-bottom:15px;margin-top:0;padding-bottom:10px}.spinner{margin:0;text-align:center;width:70px}.spinner>div{animation:sk-bouncedelay 1.4s ease-in-out infinite both;background-color:#333;border-radius:100%;display:inline-block;height:12px;margin:0 2px;width:12px}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes sk-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (max-width:768px){.driver-history-chart{min-height:280px;padding:10px}.driver-history-content{flex-direction:column}.driver-bar-chart,.driver-line-chart{margin-bottom:15px;max-width:100%;min-width:100%;width:100%}.driver-history-section .section-header{align-items:flex-start;flex-direction:column}.driver-history-section h3{font-size:1.1rem;margin-bottom:10px}.spinner{margin-top:5px}.loading-placeholder,.no-data-message{height:200px;padding:10px}}.error-actions{margin-top:20px;text-align:center}.retry-button{background-color:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:background-color .3s ease}.retry-button:hover{background-color:#40a9ff}.retry-button:disabled{background-color:#d9d9d9;cursor:not-allowed}.no-data-message{background-color:#f9f9f9;border:1px dashed #d9d9d9;border-radius:6px;padding:30px;text-align:center}.no-data-message h3{color:#666;margin-bottom:10px}.no-data-message p{color:#888;margin-bottom:20px}.chart-loading-overlay{align-items:center;background:#fffc;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:5}.chart-container{min-height:400px;position:relative}@media (max-width:768px){.chart-container{min-height:350px}.no-data-message{padding:20px}}.update-button{overflow:hidden;position:relative;transition:all .3s ease}.update-button:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.update-button:focus:not(:active):after{animation:ripple 1s ease-out}@keyframes ripple{0%{opacity:.5;transform:scale(0)}20%{opacity:.5;transform:scale(25)}to{opacity:0;transform:scale(40)}}.active-drivers-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.active-drivers-container h3{border-bottom:1px solid #eee;color:#2c3e50;margin-top:0;padding-bottom:10px}.active-drivers-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.search-container{flex:1 1;max-width:500px;position:relative}.search-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 35px 8px 12px;width:100%}.clear-search-btn{background:none;border:none;color:#999;cursor:pointer;font-size:16px;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.clear-search-btn:hover{color:#333}.refresh-button{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px;white-space:nowrap}.refresh-button:hover{background-color:#e9ecef}.recently-completed-trips{margin-bottom:15px}.completed-trip-notification{align-items:center;animation:fadeIn .5s,fadeOut .5s 4.5s forwards;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;display:flex;margin-bottom:10px;padding:12px 15px}.check-icon{align-items:center;background-color:#28a745;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;height:24px;justify-content:center;margin-right:15px;width:24px}.completed-info{flex:1 1}.completed-title{font-weight:500;margin-bottom:5px}.completed-details{display:flex;flex-wrap:wrap;font-size:13px;gap:15px}.completed-details span{display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.active-drivers-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.active-driver-item{background-color:#f8f9fa;border:1px solid #ddd;border-radius:6px;cursor:pointer;padding:15px;transition:all .2s ease}.active-driver-item:hover{background-color:#e9ecef;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.driver-name{color:#2c3e50;font-size:18px;font-weight:700;margin-bottom:10px}.driver-details{color:#555;font-size:14px;margin-bottom:15px}.driver-details div{margin-bottom:5px}.driver-action{align-items:center;background-color:#4caf50;border-radius:4px;color:#fff;display:flex;font-weight:700;gap:10px;justify-content:center;padding:10px 0;text-align:center;transition:all .3s ease}.active-driver-item:hover .driver-action{background-color:#45a049;transform:scale(1.02)}.action-icon{background-color:#ffffff4d;border-radius:50%;display:inline-block;font-size:18px;height:24px;line-height:24px;text-align:center;width:24px}.active-drivers-container.empty,.active-drivers-container.error,.active-drivers-container.loading{padding:40px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#4caf50;border-radius:50%;display:inline-block;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.active-drivers-container.error{color:#dc3545}.active-drivers-container.empty button,.active-drivers-container.error button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 20px}@media (max-width:768px){.active-drivers-list{grid-template-columns:1fr}}
/*# sourceMappingURL=main.5be0e2ef.css.map*/