.dashboard-component{padding:20px}.dashboard-header{margin-bottom:20px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.dashboard-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.dashboard-card h3{margin-bottom:10px;color:#374151}.vehicles-component{padding:20px;min-height:100vh;background-color:#f5f5f5}.vehicles-header{margin-bottom:20px}.status-badge-custom{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge-active{background-color:#d1fae5;color:#065f46}.status-badge-inactive{background-color:#f3f4f6;color:#374151}.status-badge-blacklisted{background-color:#fee2e2;color:#991b1b}.fuel-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;background-color:#dcfce7;color:#166534}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f1f1f1}.table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media(max-width:768px){.table-responsive{font-size:.875rem}.table-responsive th,.table-responsive td{padding:.5rem .25rem}.action-buttons{flex-direction:column;gap:.25rem}.action-buttons button{font-size:.75rem;padding:.25rem .5rem}}.kpi-card{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sort-icon{transition:color .2s ease-in-out}.table-row-hover:hover{background-color:#f9fafb;transform:scale(1.005);transition:all .15s ease-in-out}.equipment-type-vehicle{background-color:#dbeafe;color:#1e40af}.equipment-type-machinery{background-color:#fef3c7;color:#92400e}.equipment-type-unknown{background-color:#f3f4f6;color:#6b7280}@media(max-width:640px){.modal-overlay{padding:1rem}.modal-content{max-height:90vh;overflow-y:auto}}@media print{.no-print{display:none!important}.print-only{display:block!important}.vehicles-component{padding:0;background-color:#fff}.kpi-card{break-inside:avoid;box-shadow:none;border:1px solid #e5e7eb}}.responsive-container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.responsive-container{max-width:640px;padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:768px){.responsive-container{max-width:768px;padding-left:2rem;padding-right:2rem}}@media(min-width:1024px){.responsive-container{max-width:1024px;padding-left:2rem;padding-right:2rem}}@media(min-width:1280px){.responsive-container{max-width:1280px;padding-left:2rem;padding-right:2rem}}@media(min-width:1536px){.responsive-container{max-width:1536px;padding-left:2rem;padding-right:2rem}}.responsive-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:640px){.responsive-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(min-width:1024px){.responsive-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}@media(min-width:1280px){.responsive-grid{grid-template-columns:repeat(4,1fr);gap:2rem}}.responsive-flex{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.responsive-flex{flex-direction:row;gap:1.5rem}}.responsive-text{font-size:.875rem;line-height:1.25rem}@media(min-width:640px){.responsive-text{font-size:1rem;line-height:1.5rem}}@media(min-width:1024px){.responsive-text{font-size:1.125rem;line-height:1.75rem}}.responsive-padding{padding:1rem}@media(min-width:640px){.responsive-padding{padding:1.5rem}}@media(min-width:1024px){.responsive-padding{padding:2rem}}.responsive-margin{margin:1rem}@media(min-width:640px){.responsive-margin{margin:1.5rem}}@media(min-width:1024px){.responsive-margin{margin:2rem}}.responsive-hidden{display:none}@media(min-width:640px){.responsive-hidden-sm{display:block}}@media(min-width:768px){.responsive-hidden-md{display:block}}@media(min-width:1024px){.responsive-hidden-lg{display:block}}@media(min-width:1280px){.responsive-hidden-xl{display:block}}.mobile-only{display:block}@media(min-width:768px){.mobile-only{display:none}}.tablet-only{display:none}@media(min-width:768px)and (max-width:1023px){.tablet-only{display:block}}.desktop-only{display:none}@media(min-width:1024px){.desktop-only{display:block}}.responsive-table{width:100%;border-collapse:collapse;border-spacing:0}.responsive-table th,.responsive-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}@media(max-width:767px){.responsive-table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.responsive-table thead{display:none}.responsive-table tbody{display:block;width:100%}.responsive-table tr{display:block;margin-bottom:1rem;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;background:#fff}.responsive-table td{display:block;text-align:right;border-bottom:none;padding:.5rem 0}.responsive-table td:before{content:attr(data-label) ": ";float:left;font-weight:700;text-transform:uppercase}}.responsive-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1rem;margin-bottom:1rem}@media(min-width:640px){.responsive-card{padding:1.5rem;margin-bottom:1.5rem}}@media(min-width:1024px){.responsive-card{padding:2rem;margin-bottom:2rem}}.responsive-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.375rem;border:1px solid transparent;cursor:pointer;transition:all .2s}@media(min-width:640px){.responsive-button{padding:.75rem 1.5rem;font-size:1rem}}.responsive-form{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.responsive-form{flex-direction:row;flex-wrap:wrap;gap:1.5rem}}.responsive-form-field{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}@media(min-width:768px){.responsive-form-field{flex-direction:row;align-items:center}}.responsive-form-field label{font-weight:500;color:#374151;min-width:120px;font-size:.75rem;line-height:1.25}@media(min-width:480px){.responsive-form-field label{font-size:.875rem;line-height:1.5}}@media(min-width:640px){.responsive-form-field label{font-size:1rem;line-height:1.5}}@media(min-width:1024px){.responsive-form-field label{font-size:1.125rem;line-height:1.75}}@media(max-width:767px){.responsive-form-field label{min-width:auto}}.responsive-form-field input,.responsive-form-field select,.responsive-form-field textarea{flex:1;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;line-height:1.25;min-height:2.5rem}@media(min-width:480px){.responsive-form-field input,.responsive-form-field select,.responsive-form-field textarea{font-size:1rem;line-height:1.5;min-height:2.75rem}}@media(min-width:640px){.responsive-form-field input,.responsive-form-field select,.responsive-form-field textarea{padding:.75rem;font-size:1.125rem;line-height:1.5;min-height:3rem}}@media(min-width:1024px){.responsive-form-field input,.responsive-form-field select,.responsive-form-field textarea{font-size:1.25rem;line-height:1.75;min-height:3.25rem}}.responsive-text-xs{font-size:.75rem;line-height:1rem}.responsive-text-sm{font-size:.875rem;line-height:1.25rem}.responsive-text-base{font-size:1rem;line-height:1.5rem}.responsive-text-lg{font-size:1.125rem;line-height:1.75rem}.responsive-text-xl{font-size:1.25rem;line-height:1.75rem}.responsive-text-2xl{font-size:1.5rem;line-height:2rem}.responsive-text-3xl{font-size:1.875rem;line-height:2.25rem}.responsive-text-4xl{font-size:2.25rem;line-height:2.5rem}@media(min-width:480px){.responsive-text-xs{font-size:.875rem;line-height:1.25rem}.responsive-text-sm{font-size:1rem;line-height:1.5rem}.responsive-text-base{font-size:1.125rem;line-height:1.75rem}.responsive-text-lg{font-size:1.25rem;line-height:1.75rem}.responsive-text-xl{font-size:1.5rem;line-height:2rem}.responsive-text-2xl{font-size:1.875rem;line-height:2.25rem}.responsive-text-3xl{font-size:2.25rem;line-height:2.5rem}.responsive-text-4xl{font-size:3rem;line-height:1}}@media(min-width:640px){.responsive-text-xs{font-size:1rem;line-height:1.5rem}.responsive-text-sm{font-size:1.125rem;line-height:1.75rem}.responsive-text-base{font-size:1.25rem;line-height:1.75rem}.responsive-text-lg{font-size:1.5rem;line-height:2rem}.responsive-text-xl{font-size:1.875rem;line-height:2.25rem}.responsive-text-2xl{font-size:2.25rem;line-height:2.5rem}.responsive-text-3xl{font-size:3rem;line-height:1}.responsive-text-4xl{font-size:3.75rem;line-height:1}}@media(min-width:1024px){.responsive-text-xs{font-size:1.125rem;line-height:1.75rem}.responsive-text-sm{font-size:1.25rem;line-height:1.75rem}.responsive-text-base{font-size:1.5rem;line-height:2rem}.responsive-text-lg{font-size:1.875rem;line-height:2.25rem}.responsive-text-xl{font-size:2.25rem;line-height:2.5rem}.responsive-text-2xl{font-size:3rem;line-height:1}.responsive-text-3xl{font-size:3.75rem;line-height:1}.responsive-text-4xl{font-size:4.5rem;line-height:1}}.responsive-form-wrapper{display:flex;align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:.5rem .75rem;width:100%;margin-bottom:.75rem;transition:all .2s ease;min-height:2.5rem}@media(min-width:480px){.responsive-form-wrapper{padding:.75rem 1rem;min-height:2.75rem}}@media(min-width:640px){.responsive-form-wrapper{padding:1rem 1.25rem;min-height:3rem}}@media(min-width:1024px){.responsive-form-wrapper{padding:1.25rem 1.5rem;min-height:3.25rem}}.responsive-form-wrapper label{flex-shrink:0;min-width:120px;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-right:1rem;font-size:.75rem;line-height:1.25}@media(min-width:480px){.responsive-form-wrapper label{min-width:140px;font-size:.875rem;line-height:1.5}}@media(min-width:640px){.responsive-form-wrapper label{min-width:150px;font-size:1rem;line-height:1.5}}@media(min-width:1024px){.responsive-form-wrapper label{min-width:160px;font-size:1.125rem;line-height:1.75}}.responsive-form-wrapper input,.responsive-form-wrapper select,.responsive-form-wrapper textarea{flex:1;border:none;background:transparent;padding:.25rem .5rem;font-size:.875rem;color:#212529;outline:none;font-family:inherit;line-height:1.25}@media(min-width:480px){.responsive-form-wrapper input,.responsive-form-wrapper select,.responsive-form-wrapper textarea{padding:.375rem .625rem;font-size:1rem;line-height:1.5}}@media(min-width:640px){.responsive-form-wrapper input,.responsive-form-wrapper select,.responsive-form-wrapper textarea{padding:.5rem .75rem;font-size:1.125rem;line-height:1.5}}@media(min-width:1024px){.responsive-form-wrapper input,.responsive-form-wrapper select,.responsive-form-wrapper textarea{padding:.625rem 1rem;font-size:1.25rem;line-height:1.75}}@media(max-width:767px){.responsive-form-wrapper{flex-direction:column;align-items:flex-start;padding:.75rem}.responsive-form-wrapper label{min-width:auto;margin-bottom:.5rem;margin-right:0;font-size:.75rem}.responsive-form-wrapper input,.responsive-form-wrapper select,.responsive-form-wrapper textarea{width:100%;font-size:.875rem}}@media(max-width:480px){.responsive-form-wrapper label{font-size:.6875rem}.responsive-form-wrapper input,.responsive-form-wrapper select,.responsive-form-wrapper textarea{font-size:.8125rem}}.responsive-nav{display:flex;flex-direction:column;background:#fff;border-bottom:1px solid #e5e7eb}@media(min-width:768px){.responsive-nav{flex-direction:row;align-items:center;justify-content:space-between}}.responsive-nav-brand{display:flex;align-items:center;padding:1rem}@media(min-width:768px){.responsive-nav-brand{padding:1rem 1.5rem}}.responsive-nav-menu{display:none;flex-direction:column;padding:0 1rem 1rem}@media(min-width:768px){.responsive-nav-menu{display:flex;flex-direction:row;align-items:center;padding:0 1.5rem}}.responsive-nav-menu.open{display:flex}.responsive-nav-toggle{display:block;padding:1rem;background:none;border:none;cursor:pointer}@media(min-width:768px){.responsive-nav-toggle{display:none}}.responsive-sidebar{position:fixed;top:0;left:0;height:100vh;width:16rem;background:#fff;border-right:1px solid #e5e7eb;transform:translate(-100%);transition:transform .3s ease;z-index:50}@media(min-width:1024px){.responsive-sidebar{position:static;transform:translate(0);height:auto}}.responsive-sidebar.open{transform:translate(0)}.responsive-sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:40}@media(min-width:1024px){.responsive-sidebar-overlay{display:none}}.responsive-chart{width:100%;height:300px}@media(min-width:640px){.responsive-chart{height:400px}}@media(min-width:1024px){.responsive-chart{height:500px}}.responsive-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.responsive-modal-content{background:#fff;border-radius:.5rem;width:100%;max-width:32rem;max-height:90vh;overflow-y:auto}@media(min-width:640px){.responsive-modal-content{max-width:42rem}}@media(min-width:1024px){.responsive-modal-content{max-width:56rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:640px){.sm\:sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@media print{.print-hidden{display:none!important}.print-visible{display:block!important}.responsive-container{max-width:none;padding:0}.responsive-card{box-shadow:none;border:1px solid #000}}