.navbar{padding-bottom:1px;border-bottom:solid 1px #e8e8e8;background-color:#fff;box-shadow:0 3px 6px -2px #0000001f,0 6px 16px -11px #00000014;position:sticky;top:0;margin-bottom:20px;z-index:99990}.nav-header{background-color:#fff;border-bottom:0;padding:0 4px 0 24px}a:link{text-decoration:none}.logo{float:left;text-align:center}.logo a{display:inline-block;font-size:20px;text-transform:capitalize}.navbar-menu{float:left}.navbar-menu .ant-layout-header{padding:0 20px}.navbar-menu .ant-menu-horizontal{border-bottom:0}.navbar-menu .ant-menu-item{padding-bottom:0}.navbar-menu .leftMenu{float:left}.navbar-menu .rightMenu{float:right}.menuButton{float:right;height:32px;padding:6px;margin-top:14px;background:none;margin-right:10px}.ant-drawer-body{padding:0}.ant-drawer-body .ant-menu-horizontal>.ant-menu-item,.ant-drawer-body .ant-menu-horizontal>.ant-menu-submenu{display:inline-block;width:100%}.ant-drawer-body .ant-menu-horizontal{border-bottom:none}.ant-drawer-body .ant-menu-horizontal>.ant-menu-item:hover{border-bottom-color:transparent}.username{margin-right:12px}@media (max-width: 767px){.menuButton{display:block;margin-right:10px}.leftMenu,.rightMenu{display:none}.logo a{margin-left:-10px}.ant-drawer-title>.brand-font{margin-bottom:0}.username{display:inline-block}}.loged-user{margin:0}.logo img{max-width:100px}@media (max-width: 768px){.logo img{max-width:80px}.ant-skeleton.ant-skeleton-element.ant-skeleton-active{display:none}}@media (max-width: 1024px){.loged-user{margin:1rem}}.dashboard-main{display:flex;flex-direction:column;min-height:calc(100vh - 64px);background-color:#f5f5f5}.dashboard-header{padding:20px 40px;background-color:#fff;box-shadow:0 1px 2px #0000000d}.dashboard-content{flex:1;padding:20px 40px}.dashboard-filters{margin-bottom:20px}.dashboard-filters label{display:block;margin-bottom:8px;font-weight:500;color:#333}.dashboard-summary{margin-bottom:20px;padding:10px 0;border-bottom:1px solid #f0f0f0}.dashboard-table{margin-top:10px}.dashboard-table .ant-table-thead>tr>th{background-color:#fafafa;font-weight:600}.dashboard-table .ant-table-row:hover{background-color:#f5f5f5}.tier-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;display:inline-block;white-space:nowrap;max-width:100px;text-overflow:ellipsis;overflow:hidden}.tier-super_safe{background-color:#d1fae5;color:#065f46}.tier-safe{background-color:#d9f99d;color:#365314}.tier-regular{background-color:#fef3c7;color:#78350f}.tier-risky{background-color:#fed7aa;color:#7c2d12}.tier-super_risky{background-color:#fee2e2;color:#7f1d1d}.tier-stat_insignif{background-color:#f3f4f6;color:#374151}@media (max-width: 768px){.dashboard-content{padding:10px 20px}.dashboard-header{padding:15px 20px}.tier-badge{font-size:10px;padding:2px 6px;max-width:80px}}@media (max-width: 1200px){.tier-badge{font-size:10px;padding:3px 6px;max-width:90px}}.metric-item{text-align:center;padding:16px 8px}.metric-label{font-size:12px;color:#666;margin-bottom:8px;font-weight:500}.metric-value{font-size:24px;font-weight:700;color:#333}.driver-analytics-table-container{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.driver-analytics-table-container h2{margin-bottom:20px;color:#333;font-size:24px;font-weight:600}.driver-name-link{color:#1890ff;text-decoration:none;font-weight:500}.driver-name-link:hover{text-decoration:underline;color:#40a9ff}.safety-bucket-tag{font-weight:500;padding:4px 12px;border-radius:4px}.event-count{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.event-count.acceleration{background-color:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.event-count.braking{background-color:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.event-count.speeding{background-color:#fff1f0;color:#f5222d;border:1px solid #ffccc7}.driver-row:hover{background-color:#fafafa}.ant-table-thead>tr>th{background-color:#f0f2f5;font-weight:600;color:#333}.ant-table-tbody>tr>td{padding:12px 16px}@media (max-width: 768px){.driver-analytics-table-container{padding:10px}.driver-analytics-table-container h2{font-size:20px}}.dashboard-container{margin:2rem;padding:1rem 5rem!important;background-color:#fff;border-radius:10px;height:auto;min-height:95vh;padding:1rem;color:#595b5c}.dashboard-container .search-space{gap:0}.dashboard-container .ant-table-thead>tr>th{background-color:#fafafa!important;color:#224666!important;font-size:1rem}.dashboard-container .ant-table-thead>tr>th:before{background-color:transparent!important;color:#224666!important}.dashboard-container .ant-table-tbody>tr>td{background-color:#fff!important;color:#224666!important;font-weight:500}.dashboard-container .ant-table-tbody>tr:hover>td{background-color:#e6f7ff!important}.dashboard-container .ant-table-tbody>tr>td a.action-link{color:#fe6236}.status-active,.status-salecomplete,.status-paid,.status-green{color:#517c73}.status-cancelled,.status-not-paid,.status-red{color:#ab5656}.status-payment-due,.status-orange{color:#e99d05}.title{display:flex;align-items:center;margin:10px 20px;font-size:1.7rem;color:#224666;font-weight:500}.btn-search{display:flex;align-items:center;width:100%;height:37px;background-color:#fe6236;border:1px solid #fe6236;border-radius:0 3px 3px 0;color:#fff;font-size:1.5rem;font-weight:500;padding:1.1rem;margin:0 0 0 -1px;box-shadow:none}.btn-search:hover{background-color:#ff4612!important;color:#fff!important}.dollar-icon{font-size:3rem;margin:0 1rem 0 0}.search-box{border-radius:3px 0 0 3px;border:1px solid #e3e3e3;width:15rem;padding:7px}.payment-container{display:flex}.payments{margin:2rem auto 5rem;width:100%;height:fit-content;background-color:#f0f0f0;display:flex;flex-direction:column;gap:2rem;padding:2rem 5rem}.payment .box{background:white}.box hr{color:#e5e5e5!important;opacity:.5!important}.business-info{background-color:#fff;color:#595b5c!important;font-size:1.2rem;padding:2rem 3rem;border-radius:10px;color:#fff;width:100%;display:flex;align-items:center;font-family:sans-serif}.business-info .box{padding:2rem;width:50rem}.box{background-color:#fff;color:#595b5c!important;font-size:1.2rem;padding:2rem 0;border-radius:10px;color:#fff;width:100%;display:flex;flex-direction:column;font-family:sans-serif}.box:not(:nth-child(1)){height:fit-content}.box.extra-height{height:55rem}.payments .box .title{margin:1rem 0 2rem}.payments .box .subtitle{color:#929292;margin-top:1rem}.payments .box span:not(.subtitle){font-size:1.2rem}.business-info .box span:not(.subtitle){font-weight:600}.card-title{display:flex;justify-content:space-between;font-size:1.2rem;font-weight:600;height:2rem}.transaction-title{font-size:1.2rem;font-weight:600;height:2rem;color:#224666;a {color: #fe6236;}}.box .ant-card-body{padding:0 3rem}.box .ant-card-body:has(.invoice-details){padding:3rem}.box .invoices{padding:2rem}.box .invoices .ant-card-body{padding:0;width:44rem}.box .invoices .ant-card-body .invoice-details{border:1px solid #e5e5e5;margin-top:2rem;margin:.5rem}.invoices .ant-row:has(.card-title){margin:.5rem}#transactionDetails.transaction-details{border:1px solid #e5e5e5;margin:.5rem 0 0;width:100%;display:flex;flex-direction:column;justify-content:center;gap:0}.ant-card-body:has(#transactionDetails.transaction-details){padding:2rem 2rem 0}.card-title:has(a.add-payment),.invoice-title,.card-title.transaction-title{padding:3rem}.transaction .ant-card-body{background-color:#fff}.card-body.payment-options div a:not(.add-payment){display:flex;align-items:center;justify-content:center;width:fit-content;background-color:#fe6236;color:#fff;padding:0rem 1rem;text-decoration:none}.box.back{align-items:center;background-clip:padding-box;background-color:#fa6400;border:1px solid transparent;border-radius:.25rem;box-shadow:#00000005 0 1px 3px;box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;line-height:1.25;margin:1rem 5rem;min-height:3rem;padding:calc(.875rem - 1px) calc(1.5rem - 1px);position:relative;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:baseline;width:auto;a {color: #fff; font-size: 16px; font-weight: 600;}}.box.reset-filters{align-items:center;background-clip:padding-box;background-color:#fa6400;border:1px solid transparent;border-radius:.25rem;box-shadow:#00000005 0 1px 3px;box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;line-height:.8;margin:1rem;min-height:1rem;padding:calc(.875rem - 1px) calc(1.5rem - 1px);position:relative;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:baseline;width:auto;a {color: #fff; font-size: 16px; font-weight: 600;}}.card-title a.add-payment,.card-title a.action-link,.card-title div a,.box.see-all{display:flex;align-items:center;color:#fe6236;a {color: #fe6236; text-decoration: underline;}}.card-title a.add-payment{font-size:1rem}.card-title .switch-container{margin-left:auto;margin-right:2rem}.card-title>div{display:flex;justify-content:space-between;gap:2rem}.card-body.payment-options{display:flex;gap:0rem;width:100%}.card-body.payment-options:nth-child(2){margin:3rem 0 1rem;justify-content:space-between;font-weight:600}.card-body.payment-options:nth-child(3) span{width:-webkit-fill-available;padding:1rem 1.5rem;border:1px solid #fafafa}.card-body.payment-options:nth-child(3) span:nth-child(odd){background-color:#fafafa;font-weight:600}.payment-status-not-paid,.payment-status-payment-due,.payment-status-paid,.payment-status-payment,.payment-status-refund,.payment-status-valid,.payment-status-primary,.payment-status-secondary{display:flex;align-items:center;justify-content:center;width:9rem;height:1.5rem;text-align:center;color:#fff;border-radius:2px;padding:1rem 2rem}.payment-status-primary{background-color:#fe6236!important;color:#fff}.payment-status-secondary{background-color:#e99d05!important;color:#fff}.payment-status-payment{background-color:#fff;color:#000;padding:1rem}.payment-status-valid{background-color:#fff!important;color:#000;border:1px solid #e5e5e5}.payment-status-refund{background-color:#fff!important;color:#000;padding:2rem}.payment-status-not-paid{background-color:#ab5656;padding:1rem}.payment-status-payment-due{background-color:#e99d05;padding:1rem}.payment-status-paid{background-color:#517c73;padding:1rem}.card-body{display:flex;gap:8rem;width:fit-content;margin-top:1rem;font-size:1.2rem;text-align:left}.card-body:not(.transaction-details)>div{display:flex;flex-direction:column;color:#224666}.ant-card.ant-card-bordered{width:100%}.ant-carousel .slick-dots li button{width:10px!important;height:10px!important;margin:0;margin-top:1rem;padding:0;background-color:#fe6236;border-radius:50%;transition:none}.ant-carousel .slick-dots li.slick-active button{background-color:#fe6236;transform:none;margin-top:1rem;opacity:1;width:10px!important;height:10px!important}.ant-carousel .slick-dots{margin-top:1rem;margin:0;padding:0;display:flex!important;justify-content:center;gap:0}.ant-carousel .slick-dots li{margin-top:1rem;padding:0;width:10px!important;height:10px!important}.card-body.invoice-body{display:grid}.ant-row:has(.payment-option){display:block}.custom-modal .ant-modal-content{background:#d9d9d9}.custom-modal .ant-modal-title{background:#d9d9d9;text-align:center;color:#ab5656;font-size:1.7rem}.custom-modal .ant-modal-body{padding:16px;border-radius:5px;padding:0 2rem;font-size:1.3rem;color:#595b5c;strong {color: #1e1e1e; text-decoration: underline;} .ant-space {display: flex; justify-content: center; margin-top: 5rem; button {display: flex; justify-content: center; align-items: center; width: 10rem; padding: 1.5rem; font-size: 1.2rem; font-weight: 600; color: #224666; background-color: #62f0d2; border: none !important; text-transform: uppercase;} button:hover {background-color: #cd651a; color: white;}}}.custom-modal .ant-modal-mask{box-shadow:inset 0 0 15px #fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ant-row .ant-col.card-body{margin:0;padding:1rem}.ant-row:has(.ant-col.card-title,.ant-col.card-body),.ant-row:has(.add-payment),.ant-row:has(.business-info){min-width:100%}.transaction-details .ant-col{padding:1rem}.ant-row .ant-col.card-body:nth-child(odd),.transaction-details .ant-col:nth-child(odd){background-color:#fafafa}.all-invoices .ant-col:has(.title),.all-invoices .invoices-container{display:flex;justify-content:center;margin-bottom:3rem}.disabled-link{color:gray!important;pointer-events:none;cursor:default;align-items:center;display:flex}.card-body.payment-options div a.disable-link{background-color:gray;color:#d3d3d3;pointer-events:none;cursor:default}.payment-option .card-title{align-items:center;padding:0 0 0 3rem}.payment-option-modal .ant-modal-content{display:flex;flex-direction:column;gap:1rem}.actions-pop-up .ant-modal-body{display:flex;flex-direction:column}.actions-pop-up .ant-modal-body .content{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;a {color: #cd651a; text-decoration: underline;} a:hover {color: #224666;}}@media (max-width: 1536px){.ant-row:has(.add-payment),.ant-row:has(.business-info){min-width:85rem}.ant-row:has(.ant-col.card-title,.ant-col.card-body):not(:has(.invoices-container)){min-width:91.8rem;justify-content:flex-start!important;gap:1rem}#transactionDetails.transaction-details{width:35rem!important;justify-content:center}}@media (max-width: 1024px){.ant-row:has(.box){justify-content:center}.box{width:100%}.card-title:not(:has(.switch-container)){flex-direction:column;gap:.5rem}.card-title.invoice-title,.card-title.transaction-title{justify-content:center;align-items:center}.card-title>div:not(.payment-option){flex-direction:column;gap:.5rem}.card-body{font-size:1rem;flex-direction:column;gap:1rem}.card-title:has(.add-payment){flex-direction:row}.card-title:has(.add-payment) .title{margin:1rem 0 1.5rem}.payments .business-info{display:grid;grid-template-columns:50% 50%}.payments .business-info .box,.payments .box.payment-option{display:grid;justify-items:stretch;width:fit-content;padding:2rem!important;width:auto}.ant-row:has(.business-info){display:block}.ant-row:has(.ant-col.card-title,.ant-col.card-body):not(:has(.invoices-container)){min-width:77.8rem;flex-direction:column;gap:1rem}.invoices-container .ant-card-body .ant-row:has(.ant-col.card-title,.ant-col.card-body),.payments .ant-row:has(.business-info),.payments .ant-card-body:has(.invoice-details),.invoice-details,.invoice-details .ant-row{min-width:40rem}.box.extra-height,.ant-col:has(.business-info){width:47rem;height:auto}}@media (max-width: 820px){.box.extra-height,.payments .box.payment-option,.ant-row.ant-row-space-between,.ant-col:has(.business-info){width:36rem}.invoices-container .ant-card-body .ant-row:has(.ant-col.card-title,.ant-col.card-body){min-width:36rem}}@media (max-width: 768px){.dashboard-container{padding:1rem!important}.title{text-align:center;margin-bottom:16px}.search-box,.btn-search{width:100%}.invoices-container .ant-card-body .ant-row:has(.ant-col.card-title,.ant-col.card-body){min-width:30rem}}