@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);@import url(https://fonts.googleapis.com/icon?family=Material+Icons);.login-container{align-items:center;background:#f8f9fa;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 8px 32px #0000001a;display:grid;grid-template-columns:1fr 1fr;max-width:900px;min-height:500px;overflow:hidden;width:100%}.login-left{align-items:center;background:linear-gradient(135deg,#810055,#c22a6b 50%,#810055);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.login-brand{font-family:Arial,sans-serif;font-size:2rem;font-weight:700;margin-bottom:10px}.login-subtitle{font-size:1rem;margin-bottom:30px;opacity:.9}.login-icon{font-size:4rem;margin-bottom:20px;opacity:.8}.login-right{display:flex;flex-direction:column;justify-content:center;padding:40px}.login-header{margin-bottom:30px;text-align:center}.login-title{color:#555;font-family:Arial,sans-serif;font-size:1.8rem;font-weight:600;margin-bottom:8px}.login-description{color:#666;font-size:.9rem}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{position:relative}.form-input{border:2px solid #e9ecef;border-radius:8px;font-family:Arial,sans-serif;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-input:focus{border-color:#810055;box-shadow:0 0 0 3px #8100551a;outline:none}.form-input::placeholder{color:#999}.login-btn{background:linear-gradient(135deg,#810055,#c22a6b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:1rem;font-weight:600;margin-top:10px;padding:14px;transition:all .3s ease}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,#c22a6b,#810055);box-shadow:0 4px 12px #8100554d;transform:translateY(-1px)}.login-btn:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:.9rem;padding:12px;text-align:center}.loading-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#810055;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.login-card{grid-template-columns:1fr;max-width:400px}.login-left{padding:30px}.login-brand{font-size:1.5rem}.login-icon{font-size:3rem}.login-right{padding:30px}}.navbar{background:var(--white);border-bottom:3px solid var(--brand-primary);box-shadow:var(--shadow-medium);padding:.5rem 2rem}.nav-brand-section,.navbar{align-items:center;display:flex}.nav-brand-section{gap:15px}.navbar-brand{align-items:center;color:var(--brand-primary);display:flex;font-family:var(--font-primary);font-size:1.2rem;font-weight:600;gap:8px;text-decoration:none;transition:all .3s ease}.navbar-brand:hover{color:var(--brand-secondary);transform:scale(1.05)}.brand-icon{font-size:1.4rem}.navbar-nav-section{align-items:center;display:flex;margin-left:auto}.navbar-nav{display:flex;gap:5px;list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-link{background:none;border:none;border-radius:50px;color:var(--text-dark);cursor:pointer;font-family:var(--font-primary);font-size:14px;font-weight:500;overflow:hidden;padding:8px 16px;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:before{background:var(--brand-primary);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.nav-link.active:before,.nav-link:hover:before{left:0}.nav-link.active,.nav-link:hover{box-shadow:0 5px 15px #8100554d;color:var(--white);transform:translateY(-2px)}.user-section{align-items:center;display:flex;gap:8px;margin-left:auto;position:relative}.username{color:var(--brand-primary);font-family:var(--font-primary);font-size:14px;font-weight:500}.user-menu-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--brand-primary);cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:8px;transition:all .2s ease}.user-menu-button:hover{background:var(--background-grey);box-shadow:0 8px 25px #81005566;transform:translateY(-2px)}.user-avatar{font-size:1.2rem}.dropdown-arrow{font-size:.8rem;transition:transform .3s ease}.user-menu-button:hover .dropdown-arrow{transform:rotate(180deg)}.top-nav{left:0;position:fixed;top:0;width:100%;z-index:1000}.menu-icon{background:var(--brand-primary);border:none;border-radius:8px;box-shadow:0 4px 15px #8100554d;color:var(--white);cursor:pointer;padding:6px;transition:all .3s ease}.menu-icon:hover{background:var(--brand-secondary);box-shadow:0 6px 20px #81005566;transform:scale(1.1)}.material-icons{font-size:1.2rem}.user-menu{animation:slideDown .3s ease;background:var(--white);border:1px solid var(--border-grey);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-heavy);min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu ul{list-style:none;margin:0;padding:10px 0}.user-menu li{margin:0}.menu-item{align-items:center;background:none;border:none;color:var(--text-dark);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:14px;gap:10px;padding:15px 20px;text-align:left;transition:all .3s ease;width:100%}.menu-item:hover{background:var(--background-grey);color:var(--brand-primary);transform:translateX(5px)}.menu-item.logout:hover{background:#f652661a;color:var(--danger-color)}.menu-icon{font-size:1.1rem}.hamburger-menu{position:fixed;z-index:1001}.hamburger-menu,.hamburger-overlay{height:100%;left:0;top:0;width:100%}.hamburger-overlay{background:#00000080;position:absolute}.hamburger-content{animation:slideInLeft .4s cubic-bezier(.25,.46,.45,.94);background:var(--white);box-shadow:var(--shadow-heavy);height:100%;left:0;position:absolute;top:0;width:280px}.hamburger-header{align-items:center;background:var(--background-grey);border-bottom:1px solid var(--border-grey);color:var(--brand-primary);display:flex;justify-content:space-between;padding:20px}.hamburger-title{font-family:var(--font-primary);font-size:1.2rem;font-weight:600}.hamburger-close{align-items:center;background:none;border:none;color:var(--brand-primary);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;width:30px}.hamburger-nav{list-style:none;margin:0;padding:20px 0}.hamburger-nav li{margin:0}.menu-item-container{position:relative}.hamburger-link{align-items:center;background:none;border:none;color:var(--text-dark);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:14px;font-weight:500;justify-content:space-between;padding:15px 20px;text-align:left;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:100%}.submenu-arrow{font-size:.8rem;transition:transform .3s ease}.submenu-arrow.expanded{transform:rotate(180deg)}.submenu{background:var(--background-grey);border-top:1px solid var(--border-grey);list-style:none;margin:0;padding:0}.submenu-link{background:none;border:none;color:var(--text-dark);cursor:pointer;font-family:var(--font-primary);font-size:14px;font-weight:400;padding:12px 40px;text-align:left;transition:all .3s ease;width:100%}.submenu-link:hover{background:#8100551a}.hamburger-link:hover,.submenu-link:hover{color:var(--brand-primary);transform:translateX(5px)}.hamburger-link:hover{background:var(--background-grey)}.hamburger-link.active{background:var(--brand-primary);color:var(--white)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:992px){.navbar{padding:.5rem 1rem}.navbar-nav{display:none}.navbar-brand{font-size:1.2rem}.user-menu-button{font-size:.9rem;padding:10px 15px}}@media (max-width:576px){.nav-brand-section{gap:10px}.navbar-brand{font-size:1rem}.brand-icon{font-size:1.5rem}}.dashboard{background:#f8f9fa;min-height:100vh;padding:30px}.dashboard-header{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #00000014;color:#810055;margin-bottom:25px;padding:15px 20px;text-align:center}.dashboard-title{align-items:center;display:flex;font-family:Arial,sans-serif;font-size:1.5rem;font-weight:600;gap:8px;justify-content:center;margin:0}.title-icon{font-size:1.4rem}.dashboard-subtitle{font-size:1rem;font-weight:400;margin:8px 0 0;opacity:.9}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:25px}.stat-card{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;gap:12px;padding:15px;transition:all .2s ease}.stat-card:hover{border-color:#810055;box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.stat-icon{color:#810055;font-size:1.4rem;min-width:40px;text-align:center}.stat-content h3{color:#333;font-family:Arial,sans-serif;font-size:1.2rem;font-weight:600;margin:0}.stat-content p{color:#666;font-size:.75rem;margin:4px 0 0}.stat-trend{background:#e8f5e8;border-radius:4px;color:#2e7d32;font-size:.7rem;font-weight:500;margin-left:auto;padding:3px 6px}.section-title{border-bottom:2px solid #810055;color:#333;font-family:Arial,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:15px;padding-bottom:6px}.action-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:30px}.action-btn{align-items:center;background:#810055;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:.9rem;font-weight:500;gap:8px;padding:15px;transition:all .2s ease}.action-btn:hover{background:#c22a6b;transform:translateY(-1px)}.action-icon{font-size:1rem}.recent-transactions{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:30px;padding:20px}.table-header{border-bottom:2px solid #f0f0f0;color:#333;font-family:Arial,sans-serif;font-weight:600}.table-header,.table-row{grid-gap:15px;display:grid;font-size:.9rem;gap:15px;grid-template-columns:1fr 1fr 1fr 1fr 1.5fr 1fr 1fr;padding:12px 0}.table-row{align-items:center;border-bottom:1px solid #f0f0f0;transition:background .2s ease}.table-row:hover{background:#f8f9fa}.vehicle-badge{background:#810055;color:#fff}.fuel-badge,.vehicle-badge{border-radius:4px;font-size:.8rem;font-weight:500;padding:4px 8px}.fuel-badge.diesel{background:#e3f2fd;color:#1976d2}.fuel-badge.petrol{background:#fff3e0;color:#f57c00}.value-cell{color:#2e7d32;font-weight:600}.status-badge{border-radius:4px;font-size:.8rem;font-weight:500;padding:4px 8px}.status-badge.completed{background:#e8f5e8;color:#2e7d32}.chart-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:20px}.chart-placeholder{align-items:center;display:flex;flex-direction:column;height:180px;justify-content:center}.chart-bars{align-items:end;display:flex;gap:8px;height:120px;margin-bottom:10px}.bar{align-items:flex-end;background:#810055;border-radius:2px 2px 0 0;display:flex;justify-content:center;position:relative;width:24px}.bar-value{color:#333;font-size:.7rem;font-weight:500;position:absolute;top:-20px;white-space:nowrap}.chart-labels{display:flex;gap:8px}.chart-labels span{color:#666;font-size:.8rem;text-align:center;width:24px}@media (max-width:768px){.dashboard{padding:10px}.dashboard-title{font-size:2rem}.action-grid,.stats-grid,.table-header,.table-row{grid-template-columns:1fr}.table-header,.table-row{gap:10px}}*{font-family:GB-Headline,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary)}:root{--primary-dark-grey:#2c3e50;--secondary-dark-grey:#34495e;--light-grey:#707070;--border-grey:#e8e8e8;--background-grey:#fafafa;--text-dark:#333;--text-light:#707070;--white:#fff;--brand-primary:#810055;--brand-secondary:#c22a6b;--brand-accent:#e1142e;--success-color:#7ed321;--danger-color:#f65266;--warning-color:#f39c12;--info-color:#3498db;--font-primary:"GB-Headline",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"GB-BodyCopy",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--spacing-xs:6px;--spacing-sm:12px;--spacing-md:18px;--spacing-lg:24px;--spacing-xl:32px;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:12px;--shadow-light:0 1px 3px #0000000f;--shadow-medium:0 4px 12px #00000014;--shadow-heavy:0 8px 24px #0000001f}.page-header{border-bottom:2px solid #810055;border-bottom:2px solid var(--brand-primary);margin-bottom:18px;margin-bottom:var(--spacing-md);padding-bottom:8px}.page-header h1,.page-header h2{color:#810055;color:var(--brand-primary);font-family:GB-Headline,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:18px;font-weight:600;letter-spacing:-.5px;margin:0}.page-header p{color:#707070;color:var(--text-light);font-size:12px;margin:2px 0 0}.master-container{background-color:#fafafa;background-color:var(--background-grey);margin:0 auto;max-width:1400px;min-height:100vh;padding:24px;padding:var(--spacing-lg)}.search-section{background:#fff;background:var(--white);border:1px solid #e8e8e8;border:1px solid var(--border-grey);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-light);margin-bottom:32px;margin-bottom:var(--spacing-xl);padding:32px;padding:var(--spacing-xl)}.search-section h3{color:#810055;color:var(--brand-primary);font-family:GB-Headline,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.search-grid,.search-section h3{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.search-grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.search-row-2{align-items:end;display:flex;flex-wrap:wrap;gap:18px;gap:var(--spacing-md)}.search-row-2 .search-field{flex-shrink:0;width:180px}.search-actions{display:flex;flex-shrink:0;gap:12px;gap:var(--spacing-sm);margin-left:auto}.search-field{display:flex;flex-direction:column}.search-field label{font-size:13px;font-weight:500;letter-spacing:.3px;margin-bottom:12px;margin-bottom:var(--spacing-sm)}.search-field input,.search-field label,.search-field select,.search-field textarea{color:#333;color:var(--text-dark);font-family:GB-Headline,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary)}.search-field input,.search-field select,.search-field textarea{background-color:#fff;background-color:var(--white);border:1px solid #e8e8e8;border:1px solid var(--border-grey);border-radius:6px;border-radius:var(--border-radius-sm);font-size:14px;padding:12px 14px;transition:all .2s ease}.search-field input:focus,.search-field select:focus,.search-field textarea:focus{border-color:#810055;border-color:var(--brand-primary);box-shadow:0 0 0 3px #81005514;outline:none}.table-section{background:#fff;background:var(--white);border:1px solid #e8e8e8;border:1px solid var(--border-grey);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-light);padding:32px;padding:var(--spacing-xl)}.table-header{align-items:center;border-bottom:1px solid #e8e8e8;border-bottom:1px solid var(--border-grey);display:flex;justify-content:space-between;margin-bottom:18px;margin-bottom:var(--spacing-md);padding-bottom:12px;padding-bottom:var(--spacing-sm)}.table-actions{display:flex;gap:12px;gap:var(--spacing-sm)}.table-container{border:1px solid #e8e8e8;border:1px solid var(--border-grey);border-radius:8px;border-radius:var(--border-radius-md);overflow-x:auto}.data-table{background-color:#fff;background-color:var(--white)}.data-table th{background:#810055;background:var(--brand-primary);border-bottom:none;color:#fff;color:var(--white);font-size:13px;font-weight:500;letter-spacing:.5px;line-height:18px;white-space:nowrap}.data-table td,.data-table th{font-family:GB-Headline,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);padding:14px 16px}.data-table td{border-bottom:1px solid #e8e8e8;border-bottom:1px solid var(--border-grey);color:#333;color:var(--text-dark);font-size:14px;font-weight:400;vertical-align:middle}.data-table tr:hover{background-color:#81005505}.data-table tr.new-row{background-color:#27ae601a}.data-table tr.new-row:hover{background-color:#27ae6026}.data-table tr.selected{background-color:#3498db1a}.data-table input[type=date],.data-table input[type=number],.data-table input[type=text],.data-table select,.data-table textarea{background-color:#fff;background-color:var(--white);border:1px solid #e8e8e8;border:1px solid var(--border-grey);border-radius:6px;border-radius:var(--border-radius-sm);color:#333;color:var(--text-dark);font-family:GB-Headline,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:13px;padding:6px 8px;width:100%}.data-table input[type=date]:focus,.data-table input[type=number]:focus,.data-table input[type=text]:focus,.data-table select:focus,.data-table textarea:focus{border-color:#810055;border-color:var(--brand-primary);box-shadow:0 0 0 2px #8100551a;outline:none}.data-table input:disabled,.data-table select:disabled,.data-table textarea:disabled{background-color:#fafafa;background-color:var(--background-grey);color:#707070;color:var(--text-light);cursor:not-allowed}.btn{align-items:center;border:none;border-radius:6px;border-radius:var(--border-radius-sm);cursor:pointer;display:inline-flex;font-family:GB-Headline,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:13px;font-weight:500;justify-content:center;letter-spacing:.8px;min-width:100px;padding:10px 20px;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.btn:hover{box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-brand{background:#810055;background:var(--brand-primary);border:none;box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-light);color:#fff;color:var(--white)}.btn-brand:hover{background:#c22a6b;background:var(--brand-secondary);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-medium)}.btn-grey{background:#707070;background:var(--light-grey);border:1px solid #707070;border:1px solid var(--light-grey);box-shadow:0 2px 4px #70707026;color:#fff;color:var(--white)}.btn-grey:hover{background:#707070;background:var(--text-light);border-color:#707070;border-color:var(--text-light);box-shadow:0 4px 8px #70707033}.btn-success{background:#7ed321;background:var(--success-color);border:1px solid #7ed321;border:1px solid var(--success-color);box-shadow:0 2px 4px #7ed32126;color:#fff;color:var(--white)}.btn-success:hover{background:#6bc91a;border-color:#6bc91a;box-shadow:0 4px 8px #7ed32133}.btn-danger{background:#f65266;background:var(--danger-color);border:1px solid #f65266;border:1px solid var(--danger-color);box-shadow:0 2px 4px #f6526626;color:var(--white)}.btn-danger:hover{background:#e74c3c;border-color:#e74c3c;box-shadow:0 4px 8px #f6526633}.btn-info{background:#3498db;background:var(--info-color);border:1px solid #3498db;border:1px solid var(--info-color);box-shadow:0 2px 4px #3498db26;color:#fff;color:var(--white)}.btn-info:hover{background:#2980b9;border-color:#2980b9;box-shadow:0 4px 8px #3498db33}.btn-link{background:#0000;border:1px solid #0000;box-shadow:none;color:#810055;color:var(--brand-primary);min-width:auto;padding:8px 16px;text-decoration:none}.btn-link:hover{background:#8100550d;border-color:#810055;border-color:var(--brand-primary);box-shadow:none;color:#c22a6b;color:var(--brand-secondary)}.btn-sm{border-radius:3px;font-size:11px;min-width:60px;padding:5px 12px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:disabled,.btn:disabled:hover{box-shadow:none;transform:none}.action-buttons{display:flex;gap:6px;gap:var(--spacing-xs);justify-content:center}.btn-icon{background:#0000;border:1px solid #0000;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 10px;transition:all .2s ease}.btn-icon,.btn-icon:hover{color:#810055;color:var(--brand-primary)}.btn-icon:hover{background:#81005514;border-color:#810055;border-color:var(--brand-primary)}.btn-save{color:#7ed321;color:var(--success-color)}.btn-save:hover{background:#7ed32114;border-color:#7ed321;border-color:var(--success-color)}.btn-cancel{color:#f65266;color:var(--danger-color)}.btn-cancel:hover{background:#f6526614;border-color:#f65266;border-color:var(--danger-color)}.btn-edit{color:#810055;color:var(--brand-primary)}.btn-edit:hover{background:#81005514;border-color:#810055;border-color:var(--brand-primary)}.loading,.no-data{color:#707070;color:var(--text-light);font-style:italic}.no-data{font-size:16px;padding:40px;text-align:center}.error-message{color:#f65266;color:var(--danger-color);font-size:12px;font-weight:500;margin-top:6px;margin-top:var(--spacing-xs)}.field-container{position:relative}.table-input.error{border-color:#f65266;border-color:var(--danger-color);box-shadow:0 0 0 2px #e74c3c1a}.modal-overlay{align-items:center;background-color:#2c3e5080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;background:var(--white);border:1px solid #e8e8e8;border:1px solid var(--border-grey);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-heavy);max-height:90vh;max-width:1000px;overflow-y:auto;width:90%}.modal-header{align-items:center;background-color:#fafafa;background-color:var(--background-grey);border-bottom:1px solid #e8e8e8;border-bottom:1px solid var(--border-grey);display:flex;justify-content:space-between;padding:18px;padding:var(--spacing-md)}.modal-header h3{color:#810055;color:var(--brand-primary);font-family:GB-Headline,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:16px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--border-radius-sm);color:#707070;color:var(--text-light);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .3s ease;width:30px}.modal-close:hover{background-color:#8100551a;color:#810055;color:var(--brand-primary)}.modal-body,.modal-footer{padding:18px;padding:var(--spacing-md)}.modal-footer{background-color:#fafafa;background-color:var(--background-grey);border-top:1px solid #e8e8e8;border-top:1px solid var(--border-grey);display:flex;gap:12px;gap:var(--spacing-sm);justify-content:flex-end}.notification-bubble{align-items:center;animation:slideInRight .3s ease;border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-heavy);display:flex;font-family:GB-Headline,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:14px;font-weight:500;gap:12px;max-width:400px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:80px;z-index:9999}.notification-bubble.success{background:#7ed321;background:var(--success-color);border-left:4px solid #1e8449;color:#fff;color:var(--white)}.notification-bubble.error{background:#f65266;background:var(--danger-color);border-left:4px solid #c0392b;color:#fff;color:var(--white)}.notification-bubble.warning{background:#f39c12;background:var(--warning-color);border-left:4px solid #d68910;color:#fff;color:var(--white)}.notification-bubble.info{background:#3498db;background:var(--info-color);border-left:4px solid #2980b9;color:#fff;color:var(--white)}.notification-bubble-icon{flex-shrink:0;font-size:20px}.notification-bubble-message{flex:1 1}.notification-bubble-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;padding:0;transition:background .2s;width:24px}.notification-bubble-close:hover{background:#fff3}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(400px)}}.notification-bubble.hiding{animation:slideOutRight .3s ease forwards}@media (max-width:768px){.master-container{padding:12px;padding:var(--spacing-sm)}.search-grid{grid-template-columns:1fr}.search-grid,.search-row-2{gap:12px;gap:var(--spacing-sm)}.search-row-2{align-items:stretch;flex-direction:column}.search-row-2 .search-field{width:100%}.search-actions{justify-content:center;margin-left:0}.table-header{align-items:stretch;flex-direction:column;gap:12px;gap:var(--spacing-sm)}.table-actions{justify-content:center}.data-table{font-size:12px}.data-table td,.data-table th{padding:8px 6px}.modal-content{margin:12px;margin:var(--spacing-sm);width:95%}}@media (max-width:480px){.page-header h2{font-size:24px}.search-section,.table-section{padding:18px;padding:var(--spacing-md)}.btn{font-size:12px;min-width:100px;padding:8px 16px}.data-table td,.data-table th{padding:6px 4px}}.pagination{gap:12px;gap:var(--spacing-sm);margin-top:32px;margin-top:var(--spacing-xl);padding:24px 0;padding:var(--spacing-lg) 0}.pagination button{border:1px solid #e8e8e8;border:1px solid var(--border-grey);border-radius:6px;border-radius:var(--border-radius-sm);color:#810055;color:var(--brand-primary);font-family:GB-Headline,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:13px;font-weight:500;min-width:80px;padding:10px 18px;transition:all .2s ease}.pagination button:hover:not(:disabled){background:#810055;background:var(--brand-primary);border-color:#810055;border-color:var(--brand-primary);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-medium);color:#fff;transform:translateY(-2px)}.pagination button:disabled{border-color:#e8e8e8;border-color:var(--border-grey);color:#707070;color:var(--light-grey);opacity:.3}.pagination button:disabled,.pagination span{background:#fafafa;background:var(--background-grey)}.pagination span{border:1px solid #e8e8e8;border:1px solid var(--border-grey);border-radius:6px;border-radius:var(--border-radius-sm);color:#333;color:var(--text-dark);font-family:GB-Headline,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:13px;padding:10px 18px}.total-row{background-color:#8100550d;font-weight:600}.location-total{background-color:#8100551a}.confirm-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.confirm-dialog{animation:fadeIn .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 8px 32px #0000004d;max-width:400px;padding:24px;width:90%}.confirm-message{color:#333;font-family:Arial,sans-serif;font-size:1rem;line-height:1.4;margin-bottom:20px}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-actions .btn{border:none;border-radius:4px;cursor:pointer;font-family:Arial,sans-serif;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px;padding:15px}.pagination button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:8px 16px}.pagination button:hover:not(:disabled){background:#f0f0f0}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{font-weight:500}.search-form{align-items:end;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;min-width:150px}.form-group label{font-weight:500;margin-bottom:var(--spacing-xs)}.form-group input,.form-group label,.form-group select{color:var(--text-dark);font-family:var(--font-primary);font-size:14px}.form-group input,.form-group select{border:1px solid var(--border-grey);border-radius:var(--border-radius-sm);padding:8px 12px}.form-actions{align-items:end;display:flex;gap:var(--spacing-sm)}.actions{display:flex;gap:var(--spacing-xs);justify-content:center}@media (max-width:768px){.search-form{align-items:stretch;flex-direction:column}.form-group{min-width:auto}.form-actions{justify-content:center;margin-top:var(--spacing-sm)}}.vehicle-master .search-grid{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.vehicle-master .search-grid{grid-template-columns:1fr}}.location-master .search-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.location-master .search-grid{grid-template-columns:1fr}}.fuel-master .search-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}@media (max-width:768px){.fuel-master .search-grid{grid-template-columns:1fr}}.search-grid{grid-template-columns:repeat(5,1fr)}.data-table tr.expanded{background-color:#3498db1a}.detail-row td{border:none;padding:0}.detail-content{background-color:var(--background-grey);border-left:4px solid var(--info-color);padding:var(--spacing-lg)}.detail-table{border-collapse:collapse;width:100%}.detail-table td,.detail-table th{border:1px solid var(--border-grey);padding:8px 12px;text-align:left}.detail-table th{background-color:var(--primary-dark-grey);color:var(--white);font-family:var(--font-primary);font-weight:600}.fuel-details-table{margin-top:var(--spacing-lg)}.fuel-details-table h4{color:var(--primary-dark-grey);font-family:var(--font-primary);margin-bottom:var(--spacing-md)}.fuel-table{border-collapse:collapse;margin-bottom:var(--spacing-md);width:100%}.fuel-table td,.fuel-table th{border:1px solid var(--border-grey);padding:8px;text-align:left}.fuel-table th{background-color:var(--primary-dark-grey);color:var(--white);font-family:var(--font-primary);font-weight:600}.fuel-table input{border:1px solid var(--border-grey);border-radius:var(--border-radius-sm);color:var(--text-dark);font-family:var(--font-primary);font-size:13px;padding:6px;width:100%}.fuel-table input[readonly]{background-color:var(--background-grey);color:var(--text-light)}.myDivToPrint{border-collapse:collapse;font-family:Arial,sans-serif}.myDivToPrint td{font-size:12px;padding:4px 8px;vertical-align:top}.myDivToPrint hr{border:0;border-top:1px solid var(--primary-dark-grey);margin:2px 0}@media print{*{color-adjust:exact!important;-webkit-print-color-adjust:exact!important}body *{visibility:hidden}.myDivToPrint,.myDivToPrint *{visibility:visible}.myDivToPrint{font-family:Arial,sans-serif!important;left:0;position:absolute;top:0;width:100%!important}}@media (max-width:768px){.search-grid{grid-template-columns:1fr}}.search-fields{flex:1 1;min-width:0}.field-group{align-items:flex-end;display:flex;flex-wrap:nowrap;gap:var(--spacing-sm)}.form-field{flex:1 1;max-width:200px;min-width:120px}.filter-section .form-select,.form-field .form-input{background-color:var(--white);border:1px solid var(--border-grey);border-radius:var(--border-radius-sm);box-sizing:border-box;color:var(--text-dark);font-family:var(--font-primary);font-size:12px;height:40px;line-height:1.4;padding:12px 14px;transition:all .2s ease;vertical-align:middle;width:100%}.filter-section .form-select:focus,.form-field .form-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #81005514;outline:none}.filter-section{flex:0 0 auto;min-width:0}.filter-section h6{color:var(--text-dark);font-family:var(--font-primary);font-size:14px;font-weight:500;margin-bottom:var(--spacing-xs);margin-top:0}.button-section{flex:0 0 auto;gap:var(--spacing-sm)}.button-section,.form-row{align-items:flex-end;display:flex}.form-row{flex-wrap:nowrap;gap:var(--spacing-md);width:100%}@media (max-width:1600px){.form-row{flex-wrap:wrap}.search-fields{min-width:100%;order:1}.filter-section{order:2}.button-section{justify-content:center;margin-top:var(--spacing-md);order:3}}@media (max-width:768px){.field-group{flex-direction:column}}.data-viewer{margin:0 auto;max-width:1400px;padding:20px}.viewer-header{margin-bottom:30px;text-align:center}.viewer-header h2{color:#2c3e50;margin-bottom:10px}.viewer-header p{color:#7f8c8d}.viewer-controls{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:20px;margin-bottom:20px;padding:15px}.control-group{align-items:center;display:flex;gap:10px}.control-group label{color:#2c3e50;font-weight:600}.control-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px;padding:8px 12px}.refresh-btn{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .3s}.refresh-btn:hover{background:#2980b9}.record-count{background:#e8f5e9;border-radius:4px;color:#2e7d32;font-size:14px;margin-left:auto;padding:8px 16px}.record-count strong{font-size:16px;margin-left:5px}.loading{color:#7f8c8d;font-size:16px;padding:40px;text-align:center}.data-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.data-table{border-collapse:collapse;font-size:14px;width:100%}.data-table thead{background:#34495e;color:#fff;position:-webkit-sticky;position:sticky;top:0}.data-table th{border-bottom:2px solid #2c3e50;font-weight:600;padding:12px;text-align:left;text-transform:capitalize}.data-table tbody tr{border-bottom:1px solid #ecf0f1;transition:background .2s}.data-table tbody tr.clickable-row{cursor:pointer}.data-table tbody tr:hover{background:#f8f9fa}.data-table td{color:#2c3e50;max-width:300px;overflow:hidden;padding:12px;text-overflow:ellipsis;white-space:nowrap}.detail-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.detail-content{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:80vh;max-width:800px;overflow-y:auto;padding:30px}.detail-content h3{color:#2c3e50;margin-bottom:20px;margin-top:0}.detail-content pre{background:#f8f9fa;border-radius:4px;font-size:13px;line-height:1.5;overflow-x:auto;padding:15px}.detail-content button{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:20px;padding:10px 20px}.detail-content button:hover{background:#2980b9}.notification{animation:slideIn .3s ease-out;background:#dc3545;background:var(--danger-color,#dc3545);border-radius:8px;box-shadow:0 4px 12px #dc35454d;color:#fff;font-family:Arial,sans-serif;font-size:.9rem;max-width:350px;min-width:250px;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:1000}.notification.success{background:#28a745;background:var(--success-color,#28a745);box-shadow:0 4px 12px #28a7454d}.notification.warning{background:#ffc107;background:var(--warning-color,#ffc107);box-shadow:0 4px 12px #ffc1074d;color:#212529}.notification.info{background:#17a2b8;background:var(--info-color,#17a2b8);box-shadow:0 4px 12px #17a2b84d}.notification-close{background:none;border:none;color:inherit;cursor:pointer;float:right;font-size:1.2rem;line-height:1;margin-left:10px;padding:0}.notification-content{line-height:1.4;padding-right:20px}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;font-family:Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App{min-height:100vh}.main-content{margin-top:80px;min-height:calc(100vh - 80px);padding:0}.master-view,.queries-view,.reports-view{background:#f8f9fa;min-height:100vh;padding:30px}.page-header{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #00000014;color:#810055;margin-bottom:40px;padding:20px 25px;text-align:center}.page-header h2{font-family:Arial,sans-serif;font-size:1.5rem;font-weight:600;margin:0}.page-header p{font-size:1rem;font-weight:400;margin:8px 0 0;opacity:.9}.master-header,.queries-header,.reports-header{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #00000014;color:#810055;margin-bottom:40px;padding:20px 25px;text-align:center}.master-header h2,.queries-header h2,.reports-header h2{font-family:Arial,sans-serif;font-size:1.5rem;font-weight:600;margin:0}.master-header p,.queries-header p,.reports-header p{font-size:1rem;font-weight:400;margin:8px 0 0;opacity:.9}.master-grid,.queries-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.master-card,.query-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:28px 24px;position:relative;text-align:center;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.master-card:before,.query-card:before{background:linear-gradient(90deg,#810055,#c22a6b);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.master-card:hover:before,.query-card:hover:before{transform:scaleX(1)}.master-card:hover,.query-card:hover{border-color:#81005533;box-shadow:0 12px 40px #81005526;transform:translateY(-8px)}.master-icon,.query-icon{color:#810055;display:block;filter:drop-shadow(0 2px 4px rgba(129,0,85,.1));font-size:2.5rem;margin-bottom:16px}.master-card h3,.query-card h3{color:#333;font-family:Arial,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:-.02em;margin:0 0 12px}.master-card p,.query-card p{color:#666;font-size:.85rem;line-height:1.5;margin-bottom:24px}.master-btn,.query-btn{background:linear-gradient(135deg,#810055,#c22a6b);border:none;border-radius:25px;box-shadow:0 4px 12px #81005533;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:.85rem;font-weight:500;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.master-btn:before,.query-btn:before{background:linear-gradient(135deg,#c22a6b,#810055);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.master-btn:hover:before,.query-btn:hover:before{left:0}.master-btn:hover,.query-btn:hover{box-shadow:0 8px 20px #8100554d;transform:translateY(-2px)}.content-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:30px}.page-title{border-bottom:2px solid #f1f1ed;color:#810055;font-family:Arial,sans-serif;font-size:2rem;font-weight:700;margin-bottom:30px;padding-bottom:15px}.container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.col-12{flex:0 0 100%;max-width:100%;padding-left:15px;padding-right:15px;position:relative;width:100%}.d-flex{display:flex!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.text-center{text-align:center!important}.text-start{text-align:left!important}.vh-100{height:100vh!important}.overflow-hidden{overflow:hidden!important}.my-3{margin-bottom:1rem!important;margin-top:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mt-3{margin-top:1rem!important}.w-100{width:100%!important}.rounded-pill{border-radius:50rem!important}.d-none{display:none!important}.d-md-block{display:block!important}.flex-column{flex-direction:column!important}@media (min-width:576px){.col-sm-12{flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-6{flex:0 0 50%;max-width:50%}.d-md-block{display:block!important}}@media (min-width:992px){.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}}@media (min-width:1200px){.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}}.godrejPurple{color:#810055}.godrej-grey-70{color:#707070}
/*# sourceMappingURL=main.6dd26fc9.css.map*/