.dashboard-container{background-color:#f4f6f9;font-family:Arial,sans-serif;margin-top:60px;min-height:30vh;padding:24px}.dashboard-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px}.dashboard-filters{align-items:center;background-color:#e9f1ff;border-radius:10px;display:flex;flex-wrap:wrap;gap:30px;justify-content:flex-start;margin-bottom:10px;padding:0 10px}.filter-title{color:#002147;font-size:15px;font-weight:700}.filter-inline{align-items:center;display:flex;margin-right:12px}.filter-label{color:#444;font-size:14px;margin-right:10px}.card-grid{display:grid;gap:20px;grid-template-columns:repeat(4,minmax(250px,1fr))}.finance-card{background:linear-gradient(135deg,#4e54c8,#8f94fb);border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.1);color:#fff;flex:0 0 300px;overflow:hidden;padding:16px 20px;position:relative;text-align:center;transition:.3s ease}.finance-card:first-child{background:#1e3a8a}.finance-card:nth-child(2){background:#0d9488}.finance-card:nth-child(3){background:#dc2626}.finance-card:nth-child(4){background:#7c3aed}.finance-card:nth-child(5){background:#047857}.finance-card:nth-child(6){background:#1e3a8a}.finance-card:nth-child(7){background:#0d9488}.finance-card:nth-child(8){background:#dc2626}.finance-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.15);transform:translateY(-6px)}.finance-card h3{border-bottom:2px solid hsla(0,0%,100%,.4);font-size:22px;font-weight:700;margin:0 0 16px;padding-bottom:6px;text-align:center;text-shadow:1px 1px 3px rgba(0,0,0,.4);text-transform:uppercase}.finance-card p{font-size:15px;margin:6px 0}.card-scroll-wrapper{overflow-x:auto;padding-bottom:10px}.card-grid-horizontal{display:flex;gap:20px;min-width:600px;padding:12px 0 0}.loading-spinner{align-items:center;display:flex;height:30vh;justify-content:center}.vehicle-icons{align-items:center;display:flex;justify-content:space-between;margin-left:50px;width:300px}.vehicle-icons img{height:55px;margin-left:100px;-o-object-fit:contain;object-fit:contain}.comparison-table-container{background-color:#fff;border-radius:12px;box-shadow:0 3px 12px rgba(0,0,0,.08);padding:24px;transition:box-shadow .3s ease}.comparison-table-container:hover{box-shadow:0 6px 20px rgba(0,0,0,.1)}.comparison-table-title{background:linear-gradient(90deg,#00c853,#2e7d32);border-radius:8px;box-shadow:0 4px 10px rgba(0,33,71,.2);color:#fff;margin-bottom:24px;padding:12px 16px;text-align:center}.comparison-table-title .main-title{color:#fff;font-size:20px;font-weight:800;letter-spacing:.8px;margin-bottom:4px;text-transform:uppercase}.comparison-table-title .sub-title{color:#e0e0e0;font-size:14px;font-weight:500;letter-spacing:.5px}.comparison-table{border-collapse:collapse;font-size:14px;width:100%}.comparison-table th{background-color:#002147;border:1px solid #dcdcdc;color:#fff;font-weight:600;padding:12px;text-align:center}.comparison-table td{background-color:#fdfdfd;border:1px solid #e0e0e0;font-family:bold,sans-serif;font-size:12px;padding:15px 20px;text-align:center}.row-title{background-color:#f0f4fa;color:#002147;font-size:14px!important;font-weight:700;text-align:left}.comparison-value{align-items:center;display:flex;font-weight:500;gap:4px;justify-content:center}.value-up{color:#1a8f00;font-weight:700}.value-down{color:#d32f2f;font-weight:700}.icon svg{margin-top:-1px;vertical-align:middle}.comparison-table tbody tr:nth-child(2n) td{background-color:#f9fbfd}.comparison-table tbody tr:hover td{background-color:#eef3fa}.tooltip-wrapper{cursor:help;display:inline-block;position:relative}.tooltip-text{background-color:#002147;border-radius:4px;bottom:120%;color:#fff;font-size:11px;left:50%;opacity:0;padding:5px 8px;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;white-space:nowrap;width:-moz-max-content;width:max-content;z-index:1}.tooltip-wrapper:hover .tooltip-text{opacity:1;visibility:visible}.table-hint{color:#555;font-size:14px;font-style:italic;margin-top:10px;text-align:right}.comparison-table-scroll{overflow-x:auto;width:100%}.comparison-table-scroll-wrapper{max-width:100%;overflow-x:auto}.comparison-table{min-width:1200px}.main-title-with-button{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.main-title{color:#002147;font-size:20px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.excel-download-btn{background-color:#1a8f00;border:1px solid #fff;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:background-color .3s ease}.excel-download-btn:hover{background-color:#147000}.navbar{background:linear-gradient(90deg,#002147,#003b8e);border-radius:8px;color:#fff;justify-content:space-between;left:0;margin:10px 16px 0;padding:10px 24px;position:fixed;right:0;top:0;z-index:1000}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{gap:12px}.logo{height:32px;width:32px}.brand-text{font-size:18px;font-weight:600;text-transform:uppercase}.navbar-right{align-items:center;display:flex;gap:16px}.username{font-size:16px;font-weight:500}.logout-btn{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 14px;transition:background-color .3s ease}.logout-btn:hover{background-color:#d32f2f}.bar-chart-container{align-items:center;background-color:#f5f5f5;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;height:365px;margin-bottom:30px;margin-right:10px;max-width:400px;padding:17px;width:100%}.bar-chart{height:80%;width:100%}.bar-chart-heading{font-size:18px;font-weight:700;margin:0;padding-bottom:10px;text-align:center}.horizontal-bar-chart-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.05);padding:20px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.horizontal-bar-chart{height:450px}.sales-trend-chart-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.06);padding:20px}.sales-trend-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.sales-trend-title{font-size:18px;font-weight:700;margin-right:auto}.sales-trend-chart{height:360px;width:100%}.sales-table-container .ant-table{font-size:10px}.sales-table-container .ant-table-cell{padding:2px}.sales-table-container .ant-table-thead>tr>th{font-size:14px;padding:2px;text-align:center}.sales-table-container .ant-table-row{height:20px}.sales-table-container .ant-table-thead th{background:#f0f0f0}.sales-table-container .ant-table-tbody>tr>td{text-align:center}.text-style{font-size:16px;font-weight:700}.sales-title{font-size:18px;font-weight:700;margin-left:30px;margin-right:50px}