*{margin:0;padding:0;box-sizing:border-box}body{line-height:1.6;background-color:#f5f5f5;color:#333;margin:0;padding:0}html,body,#root{min-height:100%;width:100%;overflow:auto}button{cursor:pointer;border:none;background:none}.container-main{background-color:#fcfcfa;min-height:calc(100vh - 120px);padding:16px}@media(min-width:600px){.container-main{padding:24px}}@media(min-width:900px){.container-main{padding:32px}}.gradient-bg{background:linear-gradient(135deg,#fff,#f5f7fa)}.full-height{min-height:100vh}.scroll-container{max-height:calc(100vh - 250px);overflow-y:auto}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;align-items:center;justify-content:center}.flex-column{display:flex;flex-direction:column}.flex-wrap{display:flex;flex-wrap:wrap}.flex-end{display:flex;justify-content:flex-end;align-items:center}.flex-start{display:flex;justify-content:flex-start;align-items:center}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.dialog-container{border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:24px}.dialog-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;padding-bottom:8px}.dialog-content{padding:16px 24px}.dialog-actions{padding:16px 24px;gap:8px;display:flex;justify-content:flex-end}.modal-backdrop{background-color:#00000080}.btn-primary{text-transform:none!important;border-radius:20px!important;padding:8px 32px!important;font-weight:500!important;box-shadow:0 2px 8px #0000001a!important}.btn-secondary{text-transform:none!important;border-radius:8px!important;padding:8px 24px!important;font-weight:500!important}.btn-outlined{text-transform:none!important;border-radius:20px!important;padding:8px 32px!important;font-weight:500!important}.btn-icon{background-color:#e8f0fe!important;border-radius:4px!important;padding:8px!important}.btn-icon:hover{background-color:#bbdefb!important}.btn-action{text-transform:none!important;border-radius:6px!important;padding:6px 16px!important;font-size:14px!important}.btn-rounded{border-radius:20px!important}.card-primary{border-radius:8px!important;box-shadow:0 4px 20px #0000001a!important;background:linear-gradient(135deg,#fff,#f5f7fa)!important;transition:all .2s ease!important}.card-primary:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #00000026!important}.card-interactive:hover{transform:scale(1.02)!important;box-shadow:0 6px 20px #0000001f!important}.card-elevated{border-radius:12px!important;box-shadow:0 4px 20px #0000001a!important;background:linear-gradient(135deg,#fff,#f5f7fa)!important}.card-simple{border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important}.card-header{background-color:#ecf2fe!important;padding:16px 24px!important;border-radius:8px 8px 0 0!important;font-weight:700!important}.text-bold{font-weight:700!important}.text-medium{font-weight:500!important}.text-heavy{font-weight:800!important;color:#000!important}.text-black{color:#000!important}.text-regular{font-weight:400!important}.text-light{font-weight:300!important}.text-secondary{color:#0009!important}.text-primary{color:#000000de!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-left{text-align:left!important}.m-1{margin:8px!important}.m-2{margin:16px!important}.m-3{margin:24px!important}.m-4{margin:32px!important}.mt-1{margin-top:8px!important}.mt-2{margin-top:16px!important}.mt-3{margin-top:24px!important}.mt-4{margin-top:32px!important}.mb-1{margin-bottom:8px!important}.mb-2{margin-bottom:16px!important}.mb-3{margin-bottom:24px!important}.mb-4{margin-bottom:32px!important}.ml-1{margin-left:8px!important}.ml-2{margin-left:16px!important}.ml-3{margin-left:24px!important}.mr-1{margin-right:8px!important}.mr-2{margin-right:16px!important}.mr-3{margin-right:24px!important}.mx-1{margin-left:8px!important;margin-right:8px!important}.mx-2{margin-left:16px!important;margin-right:16px!important}.mx-3{margin-left:24px!important;margin-right:24px!important}.my-1{margin-top:8px!important;margin-bottom:8px!important}.my-2{margin-top:16px!important;margin-bottom:16px!important}.my-3{margin-top:24px!important;margin-bottom:24px!important}.p-1{padding:8px!important}.p-2{padding:16px!important}.p-3{padding:24px!important}.p-4{padding:32px!important}.pt-1{padding-top:8px!important}.pt-2{padding-top:16px!important}.pt-3{padding-top:24px!important}.pb-1{padding-bottom:8px!important}.pb-2{padding-bottom:16px!important}.pb-3{padding-bottom:24px!important}.pl-1{padding-left:8px!important}.pl-2{padding-left:16px!important}.pl-3{padding-left:24px!important}.pr-1{padding-right:8px!important}.pr-2{padding-right:16px!important}.pr-3{padding-right:24px!important}.px-1{padding-left:8px!important;padding-right:8px!important}.px-2{padding-left:16px!important;padding-right:16px!important}.px-3{padding-left:24px!important;padding-right:24px!important}.px-4{padding-left:32px!important;padding-right:32px!important}.py-1{padding-top:8px!important;padding-bottom:8px!important}.py-2{padding-top:16px!important;padding-bottom:16px!important}.py-3{padding-top:24px!important;padding-bottom:24px!important}.form-field{margin-bottom:16px!important}.form-field .MuiOutlinedInput-root{border-radius:8px!important}.form-field .MuiOutlinedInput-root fieldset{border-color:#e0e0e0!important}.form-field .MuiOutlinedInput-root:hover fieldset,.form-field .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#1976d2!important}.search-field{background-color:#fff!important;border-radius:8px!important}.search-field .MuiInputAdornment-root{color:#757575!important}.form-row{display:flex!important;gap:16px!important;margin-bottom:16px!important}.form-section{border:1px solid #e0e0e0!important;border-radius:8px!important;padding:20px!important;margin-bottom:20px!important}.table-container{overflow:hidden!important;border-radius:12px!important;box-shadow:0 4px 20px #0000001a!important}.table-header{background-color:#ecf2fe!important;font-weight:700!important}.table-row:hover{background-color:#0000000a!important}.table-scrollable{max-height:calc(100vh - 250px)!important;overflow-y:auto!important}.table-cell-center{text-align:center!important}.table-cell-right{text-align:right!important}.list-item-hover:hover{background-color:#0000000a!important;cursor:pointer!important}.avatar-sm{width:40px!important;height:40px!important;border-radius:4px!important}.avatar-md{width:56px!important;height:56px!important;border-radius:8px!important}.avatar-lg{width:80px!important;height:80px!important;border-radius:8px!important}.avatar-xl{width:100px!important;height:100px!important;border:2px solid #fff!important}.avatar-square{border-radius:8px!important}.avatar-circle{border-radius:50%!important}.image-upload-zone{border:2px dashed #ccc!important;border-radius:8px!important;padding:20px!important;text-align:center!important;background-color:#fafafa!important;cursor:pointer!important}.image-upload-zone:hover{border-color:#1976d2!important;background-color:#f0f7ff!important}.status-success{background-color:#e8f5e8!important;color:#2e7d32!important;padding:4px 12px!important;border-radius:12px!important;font-size:12px!important;font-weight:500!important}.status-warning{background-color:#fff3e0!important;color:#f57c00!important;padding:4px 12px!important;border-radius:12px!important;font-size:12px!important;font-weight:500!important}.status-error{background-color:#ffebee!important;color:#c62828!important;padding:4px 12px!important;border-radius:12px!important;font-size:12px!important;font-weight:500!important}.status-info{background-color:#e3f2fd!important;color:#1565c0!important;padding:4px 12px!important;border-radius:12px!important;font-size:12px!important;font-weight:500!important}.badge-rounded{border-radius:16px!important;padding:6px 16px!important;font-size:13px!important;font-weight:500!important}.header-container{background-color:#fff!important;box-shadow:0 2px 8px #0000001a!important;border-bottom:1px solid #e0e0e0!important}.nav-item{text-transform:none!important;border-radius:8px!important;padding:8px 16px!important;margin:0 4px!important}.nav-item-active{background-color:#e3f2fd!important;color:#1976d2!important}.sidebar-container{background-color:#fff!important;border-right:1px solid #e0e0e0!important;box-shadow:2px 0 8px #0000001a!important}.transition-all{transition:all .2s ease!important}.transition-transform{transition:transform .2s ease!important}.transition-shadow{transition:box-shadow .2s ease!important}.hover-lift:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #00000026!important}.hover-scale:hover{transform:scale(1.02)!important}.fade-in{animation:fadeIn .3s ease-in-out!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.border-radius-sm{border-radius:4px!important}.border-radius-md{border-radius:8px!important}.border-radius-lg{border-radius:12px!important}.border-radius-xl{border-radius:20px!important}.shadow-sm{box-shadow:0 1px 3px #0000001a!important}.shadow-md{box-shadow:0 4px 6px #0000001a!important}.shadow-lg{box-shadow:0 10px 15px #0000001a!important}.shadow-xl{box-shadow:0 20px 25px #00000026!important}.overflow-hidden{overflow:hidden!important}.overflow-auto{overflow:auto!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.cursor-pointer{cursor:pointer!important}.cursor-not-allowed{cursor:not-allowed!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.width-full{width:100%!important}.height-full{height:100%!important}.auth-input-field{background-color:#fff!important;padding:14px 16px!important;font-size:1rem!important}.auth-input-field:hover .MuiOutlinedInput-notchedOutline{border-color:#5b47d6!important}.auth-input-field.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#5b47d6!important;border-width:2px!important}.auth-input{padding:14px 0!important;font-size:1rem!important}.otp-input{padding:14px!important;font-size:1.5rem!important;font-weight:700!important;letter-spacing:.5rem!important;text-align:center!important}.auth-button{padding:16px 0!important;font-size:1rem!important;font-weight:600!important;background-color:#2c2c2c!important;color:#fff!important;box-shadow:none!important}.auth-button:hover{background-color:#1a1a1a!important;box-shadow:none!important}.auth-button:disabled{background-color:#ccc!important;color:#666!important}.auth-header-title{font-size:2rem!important;font-weight:700!important;color:#1a1a1a!important}.auth-header-subtitle{font-weight:600!important;color:#333!important}.auth-description{font-size:.95rem!important;color:#666!important}.vendor-header-gradient{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:8px!important;padding:16px!important;margin-bottom:16px!important}.vendor-back-button{color:#fff!important;background-color:#fff3!important;padding:8px!important}.vendor-back-button:hover{background-color:#ffffff4d!important}.vendor-avatar-header{width:50px!important;height:50px!important;border:2px solid white!important}.vendor-name-header{color:#fff!important;font-weight:700!important}.vendor-rating-chip{color:#fff!important;background-color:#fff3!important;font-size:.65rem!important;height:20px!important}.vendor-details-card{border-radius:8px!important;box-shadow:0 4px 20px #0000001a!important}.vendor-section-title{font-size:1rem!important;font-weight:600!important;margin-bottom:8px!important;display:flex!important;align-items:center!important}.vendor-field-label{font-size:.85rem!important;font-weight:600!important;margin-bottom:2px!important}.vendor-field-value{font-size:.9rem!important;font-weight:500!important}.vendor-action-button{background-color:#0000000a!important;padding:2px!important;border-radius:4px!important}.vendor-action-button:hover{background-color:#1976d21a!important;color:#1976d2!important}.vendor-empty-state{background-color:#fafafa!important;border-radius:8px!important;border:1px dashed #ccc!important;padding:48px!important;text-align:center!important}.vendor-empty-state-icon{font-size:48px!important;color:#bbb!important;margin-bottom:16px!important}.vendor-empty-state-title{font-size:1.1rem!important;font-weight:700!important;color:#666!important;margin-bottom:8px!important}.vendor-empty-state-subtitle{font-size:.95rem!important;color:#999!important;margin-bottom:24px!important;max-width:400px!important;margin-left:auto!important;margin-right:auto!important}.vendor-table-container{overflow-x:auto!important;border-radius:12px!important;border:1px solid rgba(0,0,0,.12)!important;margin-bottom:16px!important}.vendor-table-header{background-color:#f5f5f5!important}.vendor-table-row:hover{background-color:#0000000a!important}.vendor-edit-button{background-color:#0000000a!important;border-radius:12px!important;padding:4px!important;transition:all .2s ease-in-out!important}.vendor-edit-button:hover{background-color:#9c27b01a!important;color:#fff!important;transform:scale(1.05)!important}.vendor-dialog-container{border-radius:24px!important;padding:16px!important;background:linear-gradient(135deg,#fff,#f5f7fa)!important}.vendor-form-container{max-width:500px!important;margin:0 auto!important}.vendor-form-field{margin-bottom:24px!important;border-radius:8px!important}.vendor-dialog-actions{display:flex!important;gap:16px!important;justify-content:center!important;margin-top:16px!important}.vendor-pagination{font-size:.75rem!important}.vendor-pagination .MuiTablePagination-toolbar{border-radius:12px!important;background-color:#f5f5f5!important;min-height:40px!important}.vendor-pagination .MuiTablePagination-displayedRows,.vendor-pagination .MuiTablePagination-selectLabel{font-size:.75rem!important}.vendor-form-container{max-width:1200px!important;margin:auto!important;padding:24px!important}.vendor-form-title{font-weight:700!important;margin-bottom:32px!important}.vendor-stepper{margin-bottom:32px!important}.vendor-form-paper{padding:24px!important;border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important}.vendor-form-section-title{font-weight:700!important;margin-bottom:16px!important;color:#000000de!important}.vendor-form-subtitle{color:#0009!important;margin-bottom:24px!important}.vendor-form-field{margin-bottom:16px!important}.vendor-form-field .MuiOutlinedInput-root{border-radius:8px!important}.vendor-form-field .MuiOutlinedInput-root fieldset{border-color:#e0e0e0!important}.vendor-form-field .MuiOutlinedInput-root:hover fieldset,.vendor-form-field .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#1976d2!important}.vendor-form-actions{margin-top:32px!important;display:flex!important;justify-content:space-between!important}.vendor-form-actions-mobile{position:fixed!important;bottom:0!important;left:0!important;right:0!important;padding:16px!important;background-color:#fff!important;box-shadow:0 -2px 10px #0000001a!important;z-index:1000!important}.vendor-form-actions-mobile .vendor-form-actions{margin-top:0!important}.vendor-form-actions-right{display:flex!important;gap:16px!important}.vendor-document-upload-card{height:200px!important;display:flex!important;flex-direction:column!important;border-radius:8px!important;border:1px solid #e0e0e0!important}.vendor-document-upload-content{flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:16px!important}.vendor-document-upload-title{font-weight:700!important;margin-bottom:16px!important;text-align:center!important}.vendor-document-upload-input{display:none!important}.vendor-document-upload-button{margin-bottom:8px!important;border-radius:8px!important;text-transform:none!important;font-weight:500!important}.vendor-document-filename{color:#1976d2!important;font-size:.875rem!important;text-align:center!important;margin-top:8px!important}.vendor-loading-container{display:flex!important;justify-content:center!important;align-items:center!important;height:50vh!important}.vendor-loading-text{margin-left:16px!important;color:#0009!important}.vendor-error-container{display:flex!important;justify-content:center!important;align-items:center!important;height:50vh!important}.vendor-error-text{color:#d32f2f!important;font-weight:500!important}.vendor-snackbar{border-radius:8px!important}.vendor-form-grid{gap:24px!important}.vendor-form-grid-item{display:flex!important;flex-direction:column!important}.vendor-form-textarea{margin-top:16px!important}.vendor-form-textarea .MuiOutlinedInput-root{border-radius:8px!important}.vendor-form-required-indicator{color:#d32f2f!important}.vendor-form-optional-text{color:#0009!important;font-size:.875rem!important}.vendor-stepper .MuiStepLabel-label.Mui-active{color:#1976d2!important;font-weight:600!important}.vendor-stepper .MuiStepLabel-label.Mui-completed{color:#2e7d32!important;font-weight:500!important}.vendor-button-group{display:flex!important;gap:16px!important;align-items:center!important}.vendor-button-back{border-radius:8px!important;text-transform:none!important;font-weight:500!important;padding:8px 24px!important}.vendor-button-cancel{border-radius:8px!important;text-transform:none!important;font-weight:500!important;padding:8px 24px!important;margin-right:16px!important}.vendor-button-primary{border-radius:8px!important;text-transform:none!important;font-weight:600!important;padding:8px 24px!important;box-shadow:0 2px 8px #1976d24d!important}.vendor-button-primary:hover{box-shadow:0 4px 12px #1976d266!important}.vendor-button-primary:disabled{background-color:#ccc!important;color:#666!important;box-shadow:none!important}@media(max-width:600px){.vendor-form-container,.vendor-form-paper{padding:16px!important}.vendor-form-actions{flex-direction:column!important;gap:16px!important}.vendor-button-group{width:100%!important;justify-content:space-between!important}.vendor-document-upload-card{height:160px!important}}.main-content-layout{flex-grow:1!important;padding:8px!important;background-color:#f5f5f5!important;min-height:calc(100vh - 120px)!important;transition:all .3s ease!important}.admin-layout-container{display:flex!important;background-color:#fff!important}.image-upload-dropzone{border:2px dashed #e0e0e0!important;border-radius:8px!important;padding:16px!important;margin-bottom:16px!important;cursor:pointer!important;transition:all .3s ease!important}.image-upload-dropzone:hover{border-color:#1976d2!important;background-color:#f5f5f5!important}.image-upload-dropzone.drag-active{border-color:#1976d2!important;background-color:#e3f2fd!important}.coupon-item{display:flex!important;align-items:center!important;margin-bottom:16px!important;padding:16px!important;border:1px solid #e0e0e0!important;border-radius:8px!important;background-color:transparent!important;transition:background-color .2s ease!important}.coupon-item-selected{background-color:#f3f4f6!important}.coupon-details{margin-left:16px!important;flex:1!important}.loading-center{display:flex!important;justify-content:center!important;padding:32px 0!important}.coupon-list-container{max-height:400px!important;overflow-y:auto!important}.btn-rounded{border-radius:20px!important;text-transform:none!important;font-weight:500!important}.btn-pill{border-radius:20px!important;padding-left:32px!important;padding-right:32px!important;text-transform:none!important;font-weight:500!important}.btn-compact{padding:6px 16px!important;font-size:14px!important;border-radius:8px!important;text-transform:none!important}.dialog-header-enhanced{display:flex!important;justify-content:space-between!important;align-items:center!important;font-weight:700!important;padding-bottom:8px!important;border-bottom:1px solid #e0e0e0!important}.dialog-content-enhanced{padding-top:8px!important;padding-bottom:16px!important}.dialog-actions-enhanced{padding:8px 24px!important;gap:12px!important;display:flex!important;justify-content:flex-end!important}.dialog-container-enhanced{border-radius:12px!important;box-shadow:0 12px 24px #00000026!important;padding:16px!important}.table-header-enhanced th{background-color:#ecf2fe!important;font-weight:700!important;color:#333!important;font-size:.9rem!important;padding:16px!important;white-space:nowrap!important}.table-row-hover{transition:background-color .2s ease!important}.table-row-hover:hover{background-color:#f5f5f5!important}.table-container-enhanced{overflow:hidden!important;border-radius:12px!important;box-shadow:0 4px 20px #0000001a!important}.table-pagination-enhanced .MuiTablePagination-toolbar{padding:8px 16px!important;background-color:#fff!important}.icon-btn-primary{background-color:#e8f0fe!important;border-radius:8px!important;padding:8px!important}.icon-btn-primary:hover{background-color:#bbdefb!important}.icon-btn-error{background-color:#ffebee!important;border-radius:8px!important;padding:8px!important}.icon-btn-error:hover{background-color:#ffcdd2!important}.icon-btn-success{background-color:#e8f5e8!important;border-radius:8px!important;padding:8px!important}.icon-btn-success:hover{background-color:#c8e6c9!important}.icon-btn-warning{background-color:#fff3e0!important;border-radius:8px!important;padding:8px!important}.icon-btn-warning:hover{background-color:#ffe0b2!important}.form-field-enhanced{margin-top:4px!important;margin-bottom:4px!important}.search-field-enhanced{margin-bottom:16px!important;width:100%!important;background-color:#fff!important;border-radius:8px!important}.search-field-enhanced .MuiOutlinedInput-root fieldset{border-color:#e0e0e0!important}.search-field-enhanced .MuiOutlinedInput-root:hover fieldset,.search-field-enhanced .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#1976d2!important}.form-row-enhanced{display:flex!important;gap:16px!important;margin-bottom:16px!important}.form-section-enhanced{border:1px solid #e0e0e0!important;border-radius:8px!important;padding:20px!important;margin-bottom:20px!important}.chip-status-enhanced{font-weight:600!important;border-radius:12px!important;padding:6px 12px!important}.chip-group-tag{border-radius:16px!important;font-weight:600!important;padding:4px 12px!important;box-shadow:0 1px 3px #00000014!important;border:1px solid #e0e0e0!important}.status-pending{background-color:#fff3e0!important;color:#f57c00!important;border:1px solid #ffcc02!important}.status-confirmed{background-color:#e3f2fd!important;color:#1565c0!important;border:1px solid #2196f3!important}.status-delivered{background-color:#e8f5e8!important;color:#2e7d32!important;border:1px solid #4caf50!important}.status-cancelled{background-color:#ffebee!important;color:#c62828!important;border:1px solid #f44336!important}.empty-state{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;height:calc(100vh - 500px)!important;color:#6b7280!important;padding:40px!important}.empty-state-icon{font-size:60px!important;color:#9ca3af!important;margin-bottom:16px!important}.empty-state-title{margin-top:16px!important;font-weight:500!important;color:#4b5563!important;font-size:18px!important;margin-bottom:8px!important}.empty-state-subtitle{color:#9ca3af!important;font-size:14px!important;text-align:center!important}@media(max-width:599px){.hide-mobile{display:none!important}.container-main{padding:12px!important}.dialog-container{padding:16px!important}.btn-primary,.btn-outlined{padding:6px 20px!important;font-size:14px!important}}@media(min-width:600px){.hide-desktop{display:none!important}}@media(min-width:900px){.show-desktop-only{display:block!important}}@media(prefers-color-scheme:dark){.card-primary{background:linear-gradient(135deg,#1e1e1e,#2d2d2d)!important;color:#fff!important}.dialog-header{color:#fff!important}.table-header{background-color:#424242!important;color:#fff!important}}.vendor-avatar{width:40px!important;height:40px!important;background-color:#1976d2!important;color:#fff!important;font-weight:700!important;margin:0 auto!important}.vendor-info{display:flex;flex-direction:column;gap:4px}.wallet-balance,.wallet-outstanding{font-weight:600!important}.wallet-max-outstanding{font-weight:600!important;cursor:pointer!important;text-decoration:underline!important;transition:color .2s ease!important}.wallet-max-outstanding:hover{opacity:.8}.status-chip{font-weight:500!important;border-radius:12px!important}.search-field{min-width:300px!important;border-radius:8px!important}.search-field .MuiOutlinedInput-root{border-radius:8px!important}.text-error{color:#d32f2f!important}.text-success{color:#2e7d32!important}.text-warning{color:#ed6c02!important}.text-info{color:#0288d1!important}@media(max-width:600px){.vendor-info{gap:2px}.wallet-balance,.wallet-outstanding,.wallet-max-outstanding{font-size:.875rem!important}.search-field{min-width:250px!important}}