:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.status-text{font-weight:500}.status-text.approved{color:#52c41a}.status-text.cancelled{color:#ff4d4f}.status-text.pending{color:#faad14}.action-btn{padding:4px 8px;border-radius:4px}.action-btn.edit{color:#1677ff;background:#e6f4ff}.action-btn.view{color:#52c41a;background:#f6ffed}.action-btn.delete{color:#ff4d4f;background:#fff2f0}.add-button{background:#1a1a2e!important;border-color:#1a1a2e!important;border-radius:6px;height:40px;padding:0 24px;font-weight:500}.add-button:hover{background:#2a2a4e!important;border-color:#2a2a4e!important}.filter-btn{background:#eb682d!important;border-color:#eb682d!important}.filter-btn:hover{background:#d55a25!important;border-color:#d55a25!important}.reset-btn{border-color:#d9d9d9}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.search-container{display:flex;align-items:center;gap:8px}.search-input{width:200px}.search-input .ant-input-prefix{margin-right:8px}.ant-modal .ant-form-item{margin-bottom:16px}.ant-modal .ant-form-item-label{padding-bottom:4px}.ant-modal .ant-form-item-label>label{font-weight:500;color:#333}.main-layout-wrapper{min-height:100vh}.main-sider{background:#1a1a2e!important;position:fixed!important;left:0!important;top:0!important;bottom:0!important;height:100vh!important;overflow-y:auto!important;z-index:100!important}.main-sider .ant-layout-sider-children{background:#1a1a2e;display:flex;flex-direction:column}.main-sider .ant-menu{background:#1a1a2e!important;border-inline-end:none!important}.main-sider .ant-menu-item{color:#ffffffa6!important;margin:4px 0!important;padding-left:24px!important}.main-sider .ant-menu-item:hover{color:#fff!important}.main-sider .ant-menu-item-selected{background:linear-gradient(90deg,#eb682d,#f5a623)!important;color:#fff!important}.main-menu{padding:0!important;margin-top:8px}.main-menu .ant-menu-item{border-radius:0!important;height:44px!important;line-height:44px!important}.logo-container{display:flex;align-items:center;justify-content:center;padding:16px 12px;margin:0}.logo{height:48px;width:auto;transition:all .3s}.logo-collapsed{height:32px}.site-layout{margin-left:220px!important;transition:margin-left .2s;min-height:100vh;background:#f5f5f5}.site-layout.collapsed{margin-left:80px!important}.layout-header{padding:0 24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:#fff!important;border-bottom:1px solid #f0f0f0;height:64px!important;line-height:64px!important;position:sticky!important;top:0!important;z-index:99!important;margin:0!important}.header-left{display:flex;align-items:center;gap:8px}.page-title{font-size:16px;font-weight:500;color:#333}.trigger-btn{font-size:16px!important;width:48px!important;height:48px!important}.site-layout-content{margin:0!important;padding:24px!important;min-height:calc(100vh - 64px)!important;background:#f5f5f5!important;overflow-y:auto}.ant-layout{background:transparent!important}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:#f0f2f5}.login-card{width:400px;box-shadow:0 4px 12px #0000001a!important}.login-header{text-align:center;margin-bottom:24px}.landing-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.landing-title{margin:0!important}.landing-text{font-size:18px}.data-table{background:#fff;border-radius:8px}.data-table .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#333;border-bottom:1px solid #f0f0f0}.data-table .ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0;padding:12px 16px}.data-table .ant-table-tbody>tr:hover>td{background:#fafafa}.dashboard-container{width:100%}.dashboard-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.users-header-card{background:#fff;border-radius:8px;padding:4px}.users-header-card .ant-card-body{padding:16px!important}.users-header-card .ant-typography{margin:0}.stat-card{background:#fff;border-radius:8px;height:100%}.stat-card .ant-card-body{padding:16px!important}.stat-title{font-size:13px;display:block;margin-bottom:8px}.stat-value{font-size:26px!important;font-weight:600!important;margin:0 0 4px!important;color:#1a1a2e!important}.stat-description{font-size:11px;display:block;line-height:1.4}.stat-trend{display:flex;align-items:center;gap:4px;margin-top:8px}.trend-icon.positive{color:#52c41a}.trend-icon.negative{color:#ff4d4f}.trend-value.positive{color:#52c41a!important;font-size:12px}.trend-value.negative{color:#ff4d4f!important;font-size:12px}.weekly-stats-card{background:#fff;border-radius:8px}.weekly-stats-card .ant-card-body{padding:16px 20px!important}.weekly-title{margin:0 0 4px!important}.weekly-subtitle{display:block;margin-bottom:16px;font-size:13px}.weekly-stats-row{margin-top:16px}.weekly-stat-item{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;background:#fff;border-radius:8px;border:1px solid #f0f0f0}.weekly-stat-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.weekly-stat-label{font-size:11px;color:#00000073;line-height:1.3}.weekly-stat-value{display:flex;align-items:baseline;gap:4px}.weekly-stat-value .ant-typography-h4{font-size:18px!important}.donut-chart-card{background:#fff;border-radius:8px}.donut-chart-card .ant-card-body{padding:20px!important}.donut-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.donut-chart-select{width:100px}.donut-chart-content{display:flex;align-items:center;justify-content:flex-start;gap:24px;padding:10px 0;margin-left:0}.donut-chart-svg-container{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.donut-percentage{position:absolute;font-size:14px;font-weight:600}.donut-percentage.left{left:10px;top:50%;transform:translateY(-50%)}.donut-chart-legend{display:flex;flex-direction:column;gap:12px;flex:1}.legend-item{display:flex;align-items:center;gap:10px}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-label{font-size:13px;color:#000000d9}.top-services-card{background:#fff;border-radius:8px}.top-services-card .ant-card-body{padding:16px 20px!important}.top-services-title{margin:0 0 4px!important}.top-services-subtitle{display:block;margin-bottom:16px;font-size:13px}.top-services-list{margin-top:12px}.top-services-list .ant-list-item{border:none!important;padding:6px 0}.service-item-card{width:100%;border-radius:8px;background:#fafafa;border:1px solid #f0f0f0}.service-item-card .ant-card-body{padding:14px 16px!important}@media(max-width:992px){.donut-chart-content{flex-direction:column}.donut-percentage.left{left:auto;bottom:-30px;top:auto;transform:none}.weekly-stat-item{align-items:center;text-align:center}}.appointments-page{width:100%}.appointments-filters{background:#fff;padding:16px 20px;border-radius:8px;margin-bottom:16px}.appointments-filters .ant-select{min-width:120px}.appointments-table{background:#fff;border-radius:8px}.appointments-table .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#333}.vehicles-page{width:100%}.vehicles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.vehicles-sort-select{width:180px}.vehicles-add-btn{background:#eb682d!important;border-color:#eb682d!important;height:40px;padding:0 24px;font-weight:500}.vehicles-add-btn:hover{background:#d55a25!important;border-color:#d55a25!important}.vehicles-table{background:#fff;border-radius:8px}.vehicles-table .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#333}.vehicle-detail-page{width:100%;max-width:900px}.vehicle-detail-header{display:flex;align-items:center;gap:8px;margin-bottom:24px;cursor:pointer;font-weight:500}.vehicle-detail-header:hover{color:#1677ff}.vehicle-detail-tabs .ant-tabs-tab{padding:8px 16px;margin:0 4px;border-radius:4px;background:#f5f5f5;border:1px solid #f0f0f0}.vehicle-detail-tabs .ant-tabs-tab-active{background:#eb682d!important;border-color:#eb682d!important}.vehicle-detail-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:#fff!important}.vehicle-detail-tabs .ant-tabs-ink-bar{display:none}.vehicle-detail-tabs .ant-tabs-nav:before{display:none}.vehicle-info-content{background:#fff;padding:24px;border-radius:8px}.vehicle-info-item{display:flex;padding:16px 0;border-bottom:1px solid #f0f0f0}.vehicle-info-item:last-child{border-bottom:none}.vehicle-info-label{font-weight:500;color:#333;width:120px;flex-shrink:0}.vehicle-info-value{color:#666}.vehicle-status-box{background:#f5f5f5;padding:16px 24px;border-radius:8px;margin-top:16px}.vehicle-owner-content{background:#fff;padding:24px;border-radius:8px}.owner-detail-btn{background:#1a1a2e!important;border-color:#1a1a2e!important;margin-top:24px;height:44px;padding:0 32px}.settings-page{width:100%}.settings-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;background:#fff;border-radius:8px}.payments-page{width:100%}.payments-filters{background:#fff;padding:16px 20px;border-radius:8px;margin-bottom:16px}.payments-filters .ant-select{min-width:120px}.payments-table{background:#fff;border-radius:8px}.payments-table .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#333}.payment-status.paid{color:#52c41a;font-weight:500}.payment-status.pending{color:#faad14;font-weight:500}.payment-status.failed{color:#ff4d4f;font-weight:500}._tireTrackerContainer_19yz4_1{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px}._svgWrapper_19yz4_9{position:relative;display:flex;justify-content:center;align-items:center}._tireGroup_19yz4_16{cursor:pointer;transition:transform .2s ease,filter .2s ease}._tireGroup_19yz4_16:hover{transform:scale(1.08);filter:drop-shadow(0 0 6px rgba(0,0,0,.3))}._legend_19yz4_26{display:flex;gap:32px;justify-content:center;flex-wrap:wrap}._legendItem_19yz4_33{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}._legendColor_19yz4_41{width:20px;height:20px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}._tireCards_19yz4_48{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:500px}._tireCard_19yz4_48{background:#f9f9f9;border:1px solid #e8e8e8;border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s ease}._tireCard_19yz4_48:hover{border-color:#1677ff;box-shadow:0 2px 8px #1677ff26}._tireCardSummer_19yz4_73{border-left:4px solid #52c41a}._tireCardWinter_19yz4_77{border-left:4px solid #1890ff}._tireCardLabel_19yz4_81{font-weight:600;font-size:14px;color:#333}._tireCardStatus_19yz4_87{font-size:13px;color:#666;display:flex;align-items:center;gap:4px}._actionHint_19yz4_95{text-align:center;color:#999;font-size:13px;margin-top:-8px}._container_1nhe6_1{padding:0}._serviceHistoryItem_1nhe6_5{padding:12px}._serviceMetaItem_1nhe6_9{display:flex;align-items:flex-start;gap:12px}._serviceNote_1nhe6_15{margin-top:12px;padding:8px 12px;background:#fafafa;border-radius:4px;border-left:3px solid #1677ff}._container_8uutr_1{width:100%}._header_8uutr_5{margin-bottom:24px}._toolbar_8uutr_9{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px}._searchBar_8uutr_18{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}._searchInput_8uutr_25{flex:1;min-width:180px;max-width:280px}._detailHeader_8uutr_31{display:flex;align-items:center;gap:8px;margin-bottom:24px;cursor:pointer;font-weight:500}._detailHeader_8uutr_31:hover{color:#1677ff}._infoContent_8uutr_44{background:#fff;padding:24px;border-radius:8px}._infoItem_8uutr_50{display:flex;padding:16px 0;border-bottom:1px solid #f0f0f0}._infoItem_8uutr_50:last-child{border-bottom:none}._infoLabel_8uutr_60{font-weight:500;color:#333;width:120px;flex-shrink:0}._infoValue_8uutr_67{color:#666}._statusBox_8uutr_71{background:#f5f5f5;padding:16px 24px;border-radius:8px;margin-top:16px}._clickableRow_8uutr_78{cursor:pointer;transition:background-color .2s ease}._clickableRow_8uutr_78:hover{background-color:#f0f5ff!important}._serviceHistoryItem_8uutr_88{padding:4px 0}._serviceMetaItem_8uutr_92{display:flex;align-items:flex-start;gap:10px}._serviceNote_8uutr_98{margin-top:12px;padding:8px 12px;background:#fffbe6;border-radius:6px;border-left:3px solid #faad14}._container_fslbs_1{width:100%}._header_fslbs_5{margin-bottom:24px}._toolbar_fslbs_9{display:flex;justify-content:flex-end;margin-bottom:16px;flex-wrap:wrap;gap:8px}
