:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#242424;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:#f0f9fe;background:linear-gradient(180deg,#f0f9fe,#ffe0b2)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:0px solid #9b9b9b;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;align-items:center;gap:4px;display:inline-flex;justify-content:center}button:hover{box-shadow:0 4px 8px #0003,0 6px 20px #00000030;border-color:#000}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#ff9800;color:#fff}}input{border-width:0px 0px 2px 0px;line-height:28px;font-size:16px;border-bottom-color:#9b9b9b;outline:0;background:transparent;color:#000!important}input:focus{border-bottom-color:#000;background:transparent!important}input:active{background:transparent!important}.flex-column{display:flex;flex-direction:column}.gap-16{gap:16px}.card{padding:2em 1em;border-radius:4px;box-shadow:0 4px 8px #0003,0 4px 8px #00000030;background-color:#fff}.flex{flex:1}.text-align-left{text-align:left}.align-content-center{align-content:center}.align-self-center{align-self:center}.margin-right-10{margin-right:10px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.drawer-icon{align-self:center;margin-right:10px}.container{width:auto;height:100vh;flex-direction:row;display:flex;justify-content:left}.padding-top-10{padding-top:10px}.margin-left-10{margin-left:10px}.align-items-center{align-items:center}.padding-16{padding:16px}.padding-left-10{padding-left:10px}.padding-left-16{padding-left:16px}.justify-content-center{justify-content:center}.justify-self-center{justify-self:center}.justify-content-space-between{justify-content:space-between}.margin-10{margin:10px}.input-box{background-color:#efefef!important;border-color:transparent!important;border-radius:6px;width:100%;margin-bottom:5px}.input-box:focus-within{border:2px solid #242424!important;background-color:#fff!important}.sub-title{font-size:14px;font-weight:500}@media (max-width: 768px){body{place-items:start}.container{min-height:100vh;height:auto}}#root{margin:0 auto;text-align:center;width:100%}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card{padding:2em 1em;border-radius:4px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;background-color:#fff}.sub-title{font-size:20px;font-weight:500}.margin-bottom-16{margin-bottom:16px}.rounded-button{border-radius:20px;border-width:0px;background-color:#ff9800;align-content:center;justify-items:center}.padding-1em{padding:1rem}.padding-h-1em{padding-left:1rem;padding-right:1rem}.icon-text-layout{display:flex;gap:5px}.header-text{font-size:20px;font-weight:500}.subheader-text{font-size:16px;font-weight:500;margin-bottom:10px}.align-items-start{align-items:start}.image-layout{min-width:400px;max-width:400px}.img-preview{border-radius:16px;background-color:#efefef;min-height:360px;align-content:center}.gap-10{gap:10px}.grid{display:grid;grid-template-columns:auto auto;width:100%}.chip{border:1px solid #242424;background-color:#efefef;border-radius:20px;padding:6px 20px}.chip-selected{border:0px solid #242424;background-color:#ff9800;border-radius:20px;padding:6px 20px;color:#fff}.margin-top-10{margin-top:10px}.margin-bottom-10{margin-bottom:10px}.preview-image{height:auto!important;width:100%!important;align-self:center;justify-self:center}.thumb-image{height:80px!important;width:80px!important;align-self:center;justify-self:center;border:2px solid #9797973d;border-radius:10px;object-fit:contain}.thumb-image-selected{height:80px!important;width:80px!important;align-self:center;justify-self:center;border:2px solid #242424;border-radius:10px;object-fit:contain}.add-image{border:2px dashed #979797;border-radius:10px;width:80px!important;height:80px!important;align-content:center;position:absolute;right:0;z-index:10;top:10px;background-color:#fff}.full-width{width:100%}.add-image-layout{margin-top:10px;overflow-x:scroll!important;gap:10px;margin-right:90px;min-height:100px!important}.images-row{margin-top:10px;overflow-x:scroll!important;gap:10px;min-height:100px!important}.input-file{display:none}.fixed-position{position:absolute;bottom:0;top:0;right:0;left:0;align-content:center;justify-items:center;background-color:#f0f9fef2;z-index:10}.submit-layout{max-width:200px;gap:20px}.overflow-x{overflow-x:auto}.white-bg{background-color:#ffffffcf}.top-right-absolute{position:absolute;right:5px;top:5px;z-index:10;padding:4px;border-radius:4px}.add-product-layout{display:flex;flex-direction:row}@media (max-width: 768px){.add-product-layout{flex-direction:column}.image-layout{min-width:unset;max-width:100%;width:100%}.grid{grid-template-columns:1fr}.padding-h-1em{padding-left:.5rem;padding-right:.5rem}}.nav-drawer{padding:1em;border-radius:0;box-shadow:0 4px 8px #0003,0 4px 8px #00000030;background:#f0f9fe;background:linear-gradient(180deg,#f0f9fe,#ffe0b2);min-width:200px;gap:1em;width:auto}.align-self-flex-start{align-self:flex-start}.justify-items-flex-start{justify-items:flex-start}.padding-left-1em{padding-left:1em}.padding-right-1em{padding-right:1em}.margin-right-1em{margin-right:1em}.main-menu-text{font-size:12px;font-weight:500}.sub-menu-text{font-size:16px;font-weight:500;margin-top:10px;width:-webkit-fill-available;padding:4px 10px;border-radius:4px;cursor:pointer}.width-100{width:100%}.relative-parent{position:relative}.position-absolute{position:absolute}.bottom{bottom:16px}.drawer-toggle-btn,.drawer-overlay{display:none}@media (max-width: 768px){.drawer-toggle-btn{display:flex;position:absolute;top:12px;right:-36px;z-index:1;background:#ff9800;color:#fff;border:none;border-radius:0 8px 8px 0;padding:6px;cursor:pointer;align-items:center;justify-content:center;width:36px;height:36px;box-shadow:3px 2px 8px #0000002e;outline:none}.drawer-toggle-btn:focus{outline:none}.toggle-icon{position:absolute;display:flex;align-items:center;justify-content:center;transition:opacity .22s ease,transform .22s ease}.toggle-icon-expand{opacity:1;transform:scale(1)}.toggle-icon-collapse,.drawer-toggle-btn.is-open .toggle-icon-expand{opacity:0;transform:scale(.4)}.drawer-toggle-btn.is-open .toggle-icon-collapse{opacity:1;transform:scale(1)}.drawer-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:150}.nav-drawer{position:fixed;top:0;left:-240px;bottom:0;z-index:200;width:240px;min-width:240px;transition:left .3s ease;overflow:visible}.nav-drawer.mobile-open{left:0}}.dashboard-content{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;min-height:100vh}.dashboard-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#ffffff9d;border-radius:14px;padding:20px 24px;box-shadow:0 2px 8px #0000000f}.greeting-text{font-size:22px;font-weight:700;color:#242424}.date-text{font-size:13px;color:#888;margin-top:4px}.dashboard-logo{height:48px;object-fit:contain;opacity:.85}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{background:#fff;border-radius:14px;padding:20px 18px;display:flex;flex-direction:row;align-items:center;gap:16px;box-shadow:0 2px 10px #00000012;border-left:5px solid transparent}.stat-blue{border-left-color:#2196f3}.stat-orange{border-left-color:#ff9800}.stat-green{border-left-color:#4caf50}.stat-purple{border-left-color:#9c27b0}.stat-icon-wrap{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-blue{background:#e3f2fd;color:#2196f3}.stat-icon-orange{background:#fff3e0;color:#ff9800}.stat-icon-green{background:#e8f5e9;color:#4caf50}.stat-icon-purple{background:#f3e5f5;color:#9c27b0}.stat-body{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:28px;font-weight:800;color:#242424;line-height:1}.stat-title{font-size:13px;font-weight:600;color:#555}.stat-sub{font-size:11px;color:#aaa}.dashboard-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dashboard-card{background:#ffffff9d;border-radius:14px;padding:20px;box-shadow:0 2px 8px #0000000f;gap:0}.card-header-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:12px}.card-section-title{font-size:15px;font-weight:700;color:#242424}.card-link{font-size:12px;color:#ff9800;cursor:pointer;font-weight:500}.card-link:hover{text-decoration:underline}.order-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #f3f3f3}.order-row:last-child{border-bottom:none}.order-row-clickable{cursor:pointer;border-radius:6px;transition:background .15s}.order-row-clickable:hover{background:#fff8f0}.order-id{font-size:14px;font-weight:600;color:#242424}.order-date{font-size:11px;color:#aaa;margin-top:2px}.order-amount{font-size:14px;font-weight:700;color:#242424}.status-badge{font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.4px}.status-pending{background:#fff3e0;color:#e65100}.status-completed{background:#e8f5e9;color:#2e7d32}.status-cancelled{background:#ffebee;color:#c62828}.type-bar-row{display:flex;flex-direction:row;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #f3f3f3}.type-bar-row:last-child{border-bottom:none}.type-label{font-size:13px;font-weight:500;color:#555;min-width:130px}.bar-track{flex:1;height:10px;background:#f0f0f0;border-radius:6px;overflow:hidden}.bar-fill{height:100%;border-radius:6px;transition:width .6s ease;min-width:4px}.type-count{font-size:13px;font-weight:700;color:#242424;min-width:20px;text-align:right}.dash-placeholder{font-size:13px;color:#bbb;text-align:center;padding:20px 0;display:block}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-content{padding:60px 12px 20px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px 12px;gap:12px}.stat-value{font-size:22px}.stat-icon-wrap{width:40px;height:40px;border-radius:10px}.dashboard-bottom{grid-template-columns:1fr}.dashboard-header{padding:14px 16px}.greeting-text{font-size:17px}.dashboard-logo{height:34px}.type-label{min-width:100px;font-size:12px}}.logo{height:auto!important;width:200px!important;align-self:center;justify-self:center}.register-link{color:red;text-decoration:underline}.error-msg{color:red}.flex-row{display:flex;flex-direction:row}.content{background-color:#e6e6e6}.grid-image{height:220px;align-self:center;justify-self:center;object-fit:cover;background:#e6e6e6;background:linear-gradient(180deg,#f0f9fe,#a0a0a0);width:100%}.vehicle-info{align-self:flex-start;padding:10px;align-items:flex-start}.card-main-text{font-weight:500;font-size:16px}.card-sub-text{font-weight:400;font-size:16px}.input-search{border:1px solid #3f3f3f!important;border-radius:6px!important;display:flex;flex:1;width:100%;padding-left:10px;font-weight:500;font-size:18px;line-height:32px;position:relative}.sticky-position{position:sticky;top:0;left:0;right:0;z-index:10}.white-bg{background-color:#f0f9fe}.color-red{color:red}.bg-red{background-color:#ff4141}.small-button{padding:6px 10px!important}.medium-button{padding:8px 16px!important}.header{font-size:18px;font-weight:500;text-align:left;align-content:center}.underline{text-decoration:underline}.cursor-pointer{cursor:pointer}@media (max-width: 768px){.products-content{padding-top:50px!important}}.read-the-docs{color:#888}.title{font-size:30px;font-weight:600;margin-bottom:24px}.login-link{color:red!important;text-decoration:underline!important}.max-width-auto{max-width:max-content}.centered-layout{justify-self:center;align-self:center}.width-max-content{width:max-content}.label{font-size:14px;font-weight:500;line-height:14px}.price-breakup{min-width:300px;font-weight:500;font-size:14px;gap:5px}.vertical-line{width:1px;background-color:#5e5e5e}.horizontal-line{height:1px;background-color:#5e5e5e;display:flex;flex-direction:row}.root-card{margin:10px;padding:12px 16px}.form-panel-transparent{background-color:#ffffff9d;padding:16px;border-radius:10px}.inline-flex-align-center{display:inline-flex;align-items:center}.sub-header-text{font-weight:600;font-size:16px;gap:5px}.input-error{border-bottom-color:#d32f2f!important;background-color:#fff5f5!important}.field-error{color:#d32f2f;font-size:11px;margin-top:-3px}.search-input-row{display:flex;flex-direction:row;gap:8px;align-items:center;margin-bottom:10px}.search-input-row .input-box{margin-bottom:0;height:38px;box-sizing:border-box;padding:0 10px}.search-btn{background-color:#242424;color:#fff;padding:0 16px;height:38px;font-size:13px;white-space:nowrap;flex-shrink:0;border-radius:6px;display:flex;align-items:center;gap:6px}.search-results-list{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;margin-bottom:10px}.search-result-item{display:flex;flex-direction:column;padding:10px 14px;cursor:pointer;border-bottom:1px solid #f0f0f0;background:#fff;transition:background .15s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#fff3e0}.result-name{font-weight:600;font-size:14px}.result-meta{font-size:12px;color:#666}.no-results-text{font-size:13px;color:#888;margin-bottom:10px;display:block}.create-new-btn{background:transparent;color:#ff9800;border:1px dashed #ff9800;font-size:13px;padding:6px 14px;border-radius:8px;margin-top:4px;width:fit-content}.create-new-btn:hover{background:#fff8f0}.back-link{background:transparent;color:#555;border:none;font-size:13px;padding:0;margin-bottom:12px;cursor:pointer;text-decoration:underline;box-shadow:none}.back-link:hover{color:#242424;box-shadow:none}.selected-entity-card{display:flex;flex-direction:row;align-items:center;background:#f1f8e9;border:1px solid #c5e1a5;border-radius:8px;padding:10px 14px;gap:10px}.entity-name{font-weight:600;font-size:14px}.entity-meta{font-size:12px;color:#555}.change-btn{background:transparent;color:#d32f2f;border:1px solid #d32f2f;font-size:12px;padding:4px 10px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;gap:4px}.change-btn:hover{background:#ffebee;box-shadow:none}.sell-layout{display:flex;flex-direction:row;align-items:flex-start}.sell-summary-panel{min-width:300px;width:max-content;position:sticky;top:16px}@media (max-width: 768px){.sell-layout{flex-direction:column;padding:50px 10px 16px}.sell-summary-panel{width:100%;min-width:unset;position:static}.price-breakup{min-width:unset;width:100%}}.customers-content{padding-top:0}.customers-table{margin-top:16px;background:#ffffff9d;border-radius:12px;overflow:hidden}.customers-row{display:grid;grid-template-columns:2fr 1.2fr 1.4fr 2fr 140px;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0}.customers-row:last-child{border-bottom:none}.customers-header-row{background:#fff3e0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#666;border-bottom:2px solid #ffe0b2}.customer-name{font-weight:600;font-size:14px;color:#242424}.customer-cell{font-size:13px;color:#555}.customer-address{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-guarantor{color:#bbb;font-size:12px}.customers-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 0;color:#aaa;font-size:14px}.pagination-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;padding:16px 0}.page-info{font-size:14px;color:#555}@media (max-width: 768px){.customers-content{padding-top:50px!important}.customers-row{grid-template-columns:1fr 1fr;gap:6px}.customers-header-row{display:none}.customers-row{background:#fff;border-radius:10px;margin:6px 0;border:1px solid #f0f0f0}.customer-address{display:none}}.ac-page{min-height:100vh}.ac-page-header{padding:16px;gap:14px;border-bottom:1px solid #f0f0f0;background:#ffffff9d}.ac-title{font-size:18px;font-weight:600;color:#242424}.ac-body{display:flex;flex-direction:column;gap:16px;padding:16px;max-width:760px}.ac-loading{display:flex;align-items:center;justify-content:center;height:200px;font-size:14px;color:#aaa}.optional-label{font-size:12px;font-weight:400;color:#aaa;margin-left:4px}@media (max-width: 768px){.ac-body{padding:12px}}.od-content{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.od-header{display:flex;flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}.od-back-btn{display:flex;align-items:center;gap:6px;background:#f5f5f5;color:#242424;border:none;padding:8px 14px;border-radius:8px;font-size:13px;cursor:pointer;flex-shrink:0}.od-back-btn:hover{background:#eee;box-shadow:none}.od-header-info{display:flex;align-items:center;gap:10px;flex:1}.od-title{font-size:20px;font-weight:700;color:#242424}.od-date{font-size:13px;color:#999;margin-left:auto}.od-status-badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.4px}.od-status-pending{background:#fff3e0;color:#e65100}.od-status-completed{background:#e8f5e9;color:#2e7d32}.od-status-cancelled{background:#ffebee;color:#c62828}.od-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.od-card-full{grid-column:1 / -1}.od-card{background:#ffffff9d;border-radius:14px;padding:20px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;gap:14px}.od-card-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#242424;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.od-vehicle{display:flex;flex-direction:row;gap:16px}.od-vehicle-img{width:120px;height:90px;object-fit:cover;border-radius:10px;flex-shrink:0;background:#f0f0f0}.od-vehicle-info{flex:1;gap:4px}.od-vehicle-name{font-size:15px;font-weight:700;color:#242424;margin-bottom:6px}.od-detail-row{display:flex;flex-direction:row;justify-content:space-between;font-size:13px;padding:4px 0;border-bottom:1px solid #f8f8f8;gap:8px}.od-detail-row span:first-child{color:#888;flex-shrink:0}.od-detail-row span:last-child{color:#242424;font-weight:500;text-align:right}.od-info-section{display:flex;flex-direction:column;gap:2px}.od-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#ff9800;margin-bottom:6px}.od-billing-grid{display:flex;flex-direction:column;gap:0;max-width:480px}.od-billing-row{display:flex;flex-direction:row;justify-content:space-between;font-size:14px;padding:8px 0;border-bottom:1px solid #f3f3f3;color:#444}.od-billing-total{border-top:2px solid #242424;border-bottom:none;margin-top:4px;padding-top:10px;font-size:15px;font-weight:700;color:#242424}.od-placeholder{font-size:13px;color:#bbb;padding:12px 0}@media (max-width: 768px){.od-content{padding:60px 12px 20px}.od-grid{grid-template-columns:1fr}.od-card-full{grid-column:1}.od-vehicle{flex-direction:column}.od-vehicle-img{width:100%;height:160px}.od-date{margin-left:0;width:100%}}