@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#fafafa;min-height:100vh;font-size:13px;color:#424242;margin:0;padding:0}:root{--primary-blue:#125e94;--primary-blue-light:#1976d2;--primary-blue-dark:#0d4a75;--primary-green:#00d09c;--primary-green-light:#4ade80;--primary-green-dark:#00b386;--primary-orange:#ff9800;--primary-red:#eb5757;--primary-redBackground:#fff5f5;--primary-blueBackground:#f0f7ff;--primary-yellow:#ff9800;--primary-yellowBackground:#fffbf0;--primary-greenBackground:#f0fff4;--primary-appBar:#ffffff;--primary-logo:#125e94;--primary-border-radius-Input:4px;--primary-border-radius-Button:4px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 2px 4px rgba(0,0,0,0.1);--shadow-lg:0 4px 8px rgba(0,0,0,0.12);--body-background:#fafafa;--border-color:#e0e0e0;--text-primary:#424242;--text-secondary:#757575}i wan tto pass this colors array to the charts that they choose the colors from it [data-theme=purple]{--primary-blue:#7c3aed;--primary-blue-light:#a78bfa;--primary-blue-dark:#5b21b6;--primary-logo:#7c3aed;--body-background:#fafafa}[data-theme=green]{--primary-blue:#059669;--primary-blue-light:#34d399;--primary-blue-dark:#047857;--primary-logo:#059669;--body-background:#fafafa}[data-theme=orange]{--primary-blue:#d4603b;--primary-blue-light:#ff7043;--primary-blue-dark:#bf360c;--primary-logo:#d4603b;--body-background:#fafafa}.mui-1dxo9r8-MuiButtonBase-root-MuiIconButton-root{display:none}.mui-gr4hu4-MuiPaper-root-MuiAppBar-root{background:var(--primary-appBar)!important;box-shadow:0 1px 0 var(--border-color)!important;border-bottom:1px solid var(--border-color)}.mui-1t2rogw-MuiTypography-root,.mui-5lzt0n-MuiButtonBase-root-MuiIconButton-root{color:var(--text-primary)}.main-body-container{display:flex;flex-direction:column;gap:16px}.filters-Input-main-Certificate{display:flex;justify-content:space-between}.grid-container-view{display:flex;gap:5px}.typography-common-view{font-weight:500}.marginBottom{margin-bottom:16px}.filters-Input-label{color:var(--primary-green)}.Input-common{font-size:12px}.button-primary{background:var(--primary-blue)!important;border:none!important;transition:all .2s ease!important}.button-primary:hover{background:var(--primary-blue-dark)!important;transform:none}.button-danger{background:var(--primary-red)!important;border:none!important;transition:all .2s ease!important}.button-danger:hover{background:#d32f2f!important;transform:none}.button-orange{background:var(--primary-orange)!important;border:none!important;transition:all .2s ease!important}.button-orange:hover{background:#f57c00!important;transform:none}.button-common{border-radius:var(--primary-border-radius-Button);font-size:12px;font-weight:500;text-transform:none}.radio-button-common .MuiFormControlLabel-label{font-size:12px!important}.buttonColor,.mui-1f82vtb-MuiButtonBase-root-MuiListItemButton-root.Mui-selected .MuiSvgIcon-root,.mui-1f82vtb-MuiButtonBase-root-MuiListItemButton-root.Mui-selected .MuiTypography-root,.mui-beasn0-MuiButtonBase-root-MuiListItemButton-root.Mui-selected .MuiSvgIcon-root,.mui-beasn0-MuiButtonBase-root-MuiListItemButton-root.Mui-selected .MuiTypography-root{color:var(--primary-blue);border-color:var(--primary-blue)}.MuiListItemButton-root.Mui-selected .MuiSvgIcon-root,.MuiListItemButton-root.Mui-selected .MuiTypography-root{color:var(--primary-blue)!important}.form-section-title{font-size:16px!important;font-weight:500!important;color:var(--text-primary)!important;margin-bottom:16px!important}.form-input-field .MuiInputBase-input{font-size:12px!important;padding:8px 0!important}.form-input-field .MuiInputLabel-root{font-size:12px!important;color:var(--text-secondary)!important}.form-input-field .MuiInputLabel-root.Mui-focused{color:var(--primary-blue)!important}.form-input-field .MuiInput-underline:after{border-bottom-color:var(--primary-blue)!important}.form-select-field .MuiSelect-select{font-size:12px!important;padding:8px 0!important}.form-select-field .MuiInputLabel-root{font-size:12px!important;color:var(--text-secondary)!important}.form-select-field .MuiInputLabel-root.Mui-focused{color:var(--primary-blue)!important}.form-select-field .MuiInput-underline:after{border-bottom-color:var(--primary-blue)!important}.form-card{border-radius:4px!important;box-shadow:none!important;background:#ffffff!important;border:1px solid var(--border-color)!important}.form-card .MuiCardContent-root{padding:16px!important}.MuiCard-root{border-radius:10px!important;box-shadow:none!important;margin-bottom:16px!important;background:#ffffff!important;border:1px solid var(--border-color)!important}.MuiCard-root:hover{box-shadow:var(--shadow-sm)!important;transform:none}.MuiCard-root .MuiCardContent-root{padding:16px!important}.MuiCard-root .MuiCardHeader-root{padding:16px 16px 8px!important}.MuiCard-root .MuiCardActions-root{padding:8px 16px 16px!important}.MuiFormControl-root .MuiInputLabel-root,.MuiTextField-root .MuiInputLabel-root{font-size:12px!important;color:var(--text-secondary)!important}.MuiFormControl-root .MuiInputLabel-root.Mui-focused,.MuiTextField-root .MuiInputLabel-root.Mui-focused{color:var(--primary-blue)!important}.MuiFormControl-root .MuiSelect-select,.MuiTextField-root .MuiInputBase-input{font-size:12px!important;padding:8px 0!important}.MuiFormControl-root .MuiInput-underline:after,.MuiTextField-root .MuiInput-underline:after{border-bottom-color:var(--primary-blue)!important}.mui-1arh19y,.mui-1arh19y .MuiDrawer-paper,.mui-2sokba,.mui-8p6m3b-MuiDrawer-docked,.mui-oc2eyy-MuiPaper-root-MuiDrawer-paper,.mui-syj3su .MuiDrawer-paper{max-width:240px;background:#ffffff!important;border-right:1px solid var(--border-color)!important}.MuiDataGrid-root{border:1px solid var(--border-color)!important;border-radius:4px!important;overflow:hidden;box-shadow:none!important;max-width:100%!important;margin-bottom:24px!important;background:#ffffff!important}.MuiDataGrid-main{overflow-x:auto!important}.MuiDataGrid-columnHeaders{background:#f5f5f5!important;border-bottom:1px solid var(--border-color)!important}.MuiDataGrid-columnHeaderTitle{font-weight:500!important}.MuiDataGrid-cell,.MuiDataGrid-columnHeaderTitle{color:var(--text-primary)!important;font-size:12px!important}.MuiDataGrid-cell{border-bottom:1px solid #f0f0f0!important}.MuiBox-root .MuiDataGrid-root,.MuiCard-root .MuiDataGrid-root,.MuiPaper-root .MuiDataGrid-root{width:100%!important;max-width:100%!important}.MuiPaper-root:has(.MuiDataGrid-root){padding:16px!important}.MuiButton-root{border-radius:4px!important;text-transform:none!important;font-weight:500!important;box-shadow:none!important;transition:all .2s ease!important;font-size:12px!important;min-height:32px!important}.MuiButton-root:hover{box-shadow:none!important;transform:none}.MuiButton-contained{background:var(--primary-blue)!important}.MuiButton-outlined{border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.MuiButton-outlined:hover{background:#f5f5f5!important;border-color:var(--primary-blue)!important}.MuiFormControl-root,.MuiOutlinedInput-root,.MuiTextField-root{transition:all .2s ease}.MuiOutlinedInput-root{border-radius:4px!important;font-size:12px!important}.MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:var(--border-color)!important}.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--primary-blue)!important}.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary-blue)!important;border-width:1px!important}.MuiInputLabel-root{font-size:12px!important;color:var(--text-secondary)!important}.MuiInputLabel-root.Mui-focused{color:var(--primary-blue)!important}.MuiChip-root{border-radius:4px!important;font-weight:400!important;font-size:11px!important;height:24px!important}.MuiDialog-paper{border-radius:4px!important;box-shadow:var(--shadow-md)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}::-webkit-scrollbar-thumb{background:#c0c0c0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.Toastify__toast{border-radius:12px!important;box-shadow:0 4px 16px rgba(0,0,0,.12)!important;font-family:Inter,sans-serif!important;font-size:14px!important;padding:16px!important;min-height:64px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.Toastify__toast--success{background:linear-gradient(135deg,#10b981,#059669)!important;color:#ffffff!important;border-left:4px solid #047857!important}.Toastify__toast--error{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#ffffff!important;border-left:4px solid #b91c1c!important}.Toastify__toast--warning{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#ffffff!important;border-left:4px solid #b45309!important}.Toastify__toast--info{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#ffffff!important;border-left:4px solid #1d4ed8!important}.Toastify__toast-body{color:#ffffff!important;padding:0!important;font-weight:500!important}.Toastify__progress-bar{height:4px!important;background:rgba(255,255,255,.7)!important}.Toastify__close-button{color:#ffffff!important;opacity:.8!important}.Toastify__close-button:hover{opacity:1!important}.Toastify__toast-icon{width:24px!important;margin-right:12px!important}.Toastify__toast-icon svg{fill:#ffffff!important}.MuiMenu-paper{border-radius:4px!important;box-shadow:var(--shadow-md)!important;margin-top:4px!important;border:1px solid var(--border-color)!important}.MuiMenuItem-root{font-size:12px!important;padding:8px 16px!important;transition:all .2s ease!important}.MuiMenuItem-root:hover{background:#f5f5f5!important}.MuiTab-root{text-transform:none!important;font-weight:500!important;transition:all .2s ease!important;font-size:12px!important}.MuiTab-root.Mui-selected{color:var(--primary-blue)!important}.MuiTabs-indicator{background:var(--primary-blue)!important;height:2px!important}@media (max-width:768px){.filters-Input-main-Certificate{flex-direction:column;gap:10px}.form-section-title{font-size:14px!important}}.custom-row-padding .MuiDataGrid-cell{padding-top:8px!important;padding-bottom:8px!important}.viewContentSize{font-size:11px}.mui-9w3rkc{position:fixed!important;right:70px!important;pointer-events:none!important;cursor:default!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.cancelled-row{background:var(--primary-redBackground)!important;color:var(--primary-red)!important;border-left:3px solid var(--primary-red)!important}.renewal-row{background:var(--primary-blueBackground)!important;color:var(--primary-logo);border-left:3px solid var(--primary-logo)!important}.archived-row{background:var(--primary-yellowBackground)!important;color:var(--primary-yellow)!important;border-left:3px solid var(--primary-yellow)!important}.draft-row{background:#f3e5f5!important;color:#6a1b9a!important;border-left:3px solid #6a1b9a!important}.deliveryGridTotalValues{display:flex;flex-direction:column;gap:16px;flex-wrap:wrap}.deliveryFridTotalValuesSize{font-size:12px}.same-city-rto-row{background:#e6f7e6!important;color:#2e7d32!important;border-left:3px solid #2e7d32!important}.same-state-rto-row{background:#f0f4c3!important;color:#827717!important;border-left:3px solid #827717!important}.other-state-rto-row{background:#fff3e0!important;color:#ef6c00!important;border-left:3px solid #ef6c00!important}.isAgent-row{background:#d1ecf1!important;color:#0c5460!important;border-left:3px solid #0c5460!important}.isDealer-row{background:#e8d5f2!important;color:#6a1b9a!important;border-left:3px solid #6a1b9a!important}.debit-row{background:#ffebee!important;color:#c62828!important;border-left:3px solid #c62828!important}.executiveTableHeader{padding:8px;font-weight:500;border-bottom:1px solid var(--border-color);background:#f5f5f5;font-size:12px;color:var(--text-primary)}.MuiBadge-badge{font-weight:500!important;box-shadow:var(--shadow-sm)!important;font-size:10px!important}.MuiTooltip-tooltip{background:#424242!important;border-radius:4px!important;padding:6px 8px!important;font-size:11px!important;box-shadow:var(--shadow-md)!important}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.MuiButton-root:focus-visible,.MuiIconButton-root:focus-visible{outline:2px solid var(--primary-blue)!important;outline-offset:2px!important}.MuiTextField-root .MuiInputBase-root:focus-within{box-shadow:0 0 0 2px rgba(var(--primary-blue-rgb),.2)!important}.MuiCard-root{transition:all .2s ease!important}.MuiCard-root:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(0,0,0,.1)!important}.MuiDataGrid-row:hover{background-color:rgba(var(--primary-blue-rgb),.04)!important}.MuiButton-root:disabled{opacity:.6!important;cursor:not-allowed!important}.page-title{font-size:20px!important;font-weight:600!important;margin-bottom:16px!important}.page-title,.section-title{color:var(--text-primary)!important}.section-title{font-size:16px!important;font-weight:500!important;margin-bottom:12px!important}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-secondary)}.empty-state-icon{font-size:48px!important;margin-bottom:16px;opacity:.5}.action-button-group{display:flex;gap:8px;align-items:center}.action-button-group .MuiButton-root{min-width:auto;padding:6px 12px}.status-indicator{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-row .MuiFormControl-root,.form-row .MuiTextField-root{flex:1 1}@media (max-width:768px){.action-button-group{flex-direction:column;width:100%}.action-button-group .MuiButton-root{width:100%}.form-row{flex-direction:column}.page-title{font-size:18px!important}}.MuiDialog-paper,.MuiDrawer-paper{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.Toastify__toast-container{top:80px!important;right:20px!important}.MuiDataGrid-footerContainer{border-top:1px solid var(--border-color)!important;background:#fafafa!important}.search-input{position:relative}.search-input:before{content:"🔍";position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:1;opacity:.5}