@import"https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow-x:hidden}#root{height:100vh;width:100vw}*{padding:0;margin:0;box-sizing:border-box}:root{--clr-primary: #29221d;--clr-primar-light: #473b33;--clr-secondary: #1e1611;--clr-white: #fff;--clr-black: #000;--clr-pumpkin: #ff9800;--clr-silver: #a8a5a6;--clr-slightly-gray: #f5f5f5;--clr-scarlet: #fe1e00;--clr-scarlet-v1: rgb(254, 30, 0, .79);--clr-green: #00fe93;--clr-yellow: #fec80a;--clr-jet: #302924;--clr-purple: #7c4dff;--clr-purple-light: #8e6ec8;--clr-text-primary: #333;--clr-text-secondary: #666;--clr-text-tertiary: #999;--clr-text-light: #ccc;--clr-border-light: #e0e0e0;--clr-border-lighter: #f0f0f0;--clr-border-lightest: #f5f5f5;--clr-border-medium: #c0c0c0;--clr-border-dark: #ddd;--clr-bg-white: white;--clr-bg-transparent: transparent;--clr-bg-overlay: rgba(255, 255, 255, .95);--clr-bg-purple-light: rgba(124, 77, 255, .04);--clr-bg-shadow: rgba(0,0,0,.1);--clr-bg-light: #f8f9fa;--clr-bg-lightest: #fafbfc;--clr-purple-light: rgba(124, 77, 255, .1);--clr-success: #4caf50;--clr-success-light: #d4edda;--clr-success-dark: #155724;--clr-warning: #ffa726;--clr-warning-light: #fff3cd;--clr-warning-dark: #856404;--clr-error: #f44336;--clr-error-light: #f8d7da;--clr-error-dark: #721c24;--clr-info: #4285f4;--clr-orange: #ff6b35;--font-family-bai: "Bai Jamjuree", sans-serif;--transition-default: all .3s ease-in-out}body{font-family:var(--font-family-bai)}.page-container{height:calc(100vh - 64px);width:100vw;background-color:var(--clr-slightly-gray);padding:16px;overflow:hidden;box-sizing:border-box;margin-top:45px}.grid-container{height:calc(100vh - 96px);width:calc(100vw - 32px);max-height:calc(100vh - 96px);max-width:calc(100vw - 32px);margin:0;overflow:hidden;padding:0 40px}.grid-item{height:100%;min-height:0;overflow:hidden;padding-right:30px}.paper-container{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}.staff-list-container{height:100%;display:flex;flex-direction:column;background-color:var(--clr-bg-white)}.staff-list-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.staff-list-title{font-size:18px;font-weight:600;color:#333}.staff-search-container{padding:16px 20px;border-bottom:1px solid #e0e0e0}.staff-tabs-container{border-bottom:1px solid #e0e0e0}.staff-list-content{flex:1;overflow-y:auto;padding:0}.staff-list-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.staff-list-search{margin-bottom:16px}.staff-list-search .MuiOutlinedInput-root{border-radius:8px}.staff-list-items{flex:1;overflow:auto}.staff-list-items .MuiList-root{padding:0}.staff-list-item-button{padding:16px!important;border-bottom:1px solid var(--clr-border-lighter)!important}.staff-list-item-button:hover{background-color:var(--clr-border-lightest)!important}.staff-list-item-button.selected,.sites-page .MuiListItemButton-root.selected{background-color:#f3f0ff!important;border-left:4px solid var(--clr-purple)!important}.sites-page .staff-list-avatar{background-color:var(--clr-pumpkin)!important}.staff-list-avatar{background-color:var(--clr-success)!important;color:var(--clr-white)!important;font-weight:700!important;width:40px!important;height:40px!important}.staff-list-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.staff-list-name{font-weight:500!important}.staff-list-phone-row{display:flex;align-items:center;gap:4px}.staff-list-phone-icon{font-size:14px!important;color:#666!important}.form-container{padding:24px;background-color:#fff;height:100%;overflow:auto}.form-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e0e0e0}.form-title{font-size:20px;font-weight:600;color:#333}.form-stepper-container{padding:24px;border-bottom:1px solid #e0e0e0}.form-content{flex:1;overflow:auto}.form-footer{display:flex;justify-content:space-between;padding:24px;border-top:1px solid #e0e0e0}.form-section-title{font-size:24px!important;font-weight:600!important;color:#333!important;margin-bottom:24px!important;margin-top:0!important}.form-field-label{font-size:14px!important;font-weight:500!important;color:#666!important;margin-bottom:8px!important;margin-top:0!important}.MuiTypography-h5.form-section-title{font-size:20px!important;font-weight:600!important;color:#333!important;margin-bottom:24px!important;margin-top:0!important}.MuiTypography-h6.form-section-title{font-size:18px!important;font-weight:600!important;color:var(--clr-text-primary)!important;margin-bottom:24px!important;margin-top:0!important}.MuiTypography-body2.form-field-label{font-size:14px!important;font-weight:500!important;color:var(--clr-text-secondary)!important;margin-bottom:8px!important;margin-top:0!important}.form-row{display:flex;gap:16px;margin-bottom:24px}.form-field{flex:1}.btn-primary{background-color:var(--clr-purple)!important;color:var(--clr-white)!important;text-transform:none!important;font-weight:500!important;height:40}.btn-primary:hover{background-color:var(--clr-purple)!important}.btn-secondary{color:var(--clr-text-secondary)!important;border-color:var(--clr-border-light)!important;text-transform:none!important;font-weight:500!important}.btn-text{color:var(--clr-purple)!important;text-transform:none!important;font-weight:500!important;padding:0!important}.btn-text:hover{background-color:var(--clr-bg-purple-light)!important}.input-field .MuiOutlinedInput-root{border-radius:4px!important}.input-field .MuiOutlinedInput-root fieldset{border-color:var(--clr-border-light)!important}.input-field .MuiOutlinedInput-root:hover fieldset{border-color:var(--clr-text-light)!important}.input-field .MuiOutlinedInput-root.Mui-focused fieldset{border-color:var(--clr-purple)!important}.input-field .MuiOutlinedInput-root.Mui-disabled{background-color:var(--clr-slightly-gray)!important}.availability-container{padding:24px;background-color:var(--clr-bg-white);height:100%;overflow:auto}.availability-section{margin-bottom:32px}.availability-section-title{font-size:18px;font-weight:600;color:var(--clr-text-primary);margin-bottom:16px}.availability-radio-group{margin-bottom:24px}.availability-time-row{display:flex;align-items:center;gap:16px;margin-bottom:16px}.availability-day-selector{display:flex;align-items:center;gap:8px;min-width:60px}.availability-time-field{width:120px}.licence-container{padding:24px;background-color:var(--clr-bg-white);height:100%;overflow:auto}.licence-form-inline{background-color:#f8f9fa;border-radius:8px;padding:24px;margin-bottom:24px}.licence-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.licence-form-title{font-size:18px;font-weight:600;color:var(--clr-text-primary)}.licence-form-fields{display:flex;flex-direction:column;gap:24px}.stepper-label.Mui-active{color:var(--clr-purple)!important;font-weight:600!important}.stepper-label.Mui-completed,.stepper-icon.Mui-active,.stepper-icon.Mui-completed{color:var(--clr-purple)!important}.fab-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;align-items:center;gap:16px}.fab-primary{background-color:var(--clr-purple)!important;color:var(--clr-white)!important;box-shadow:0 4px 12px #6366f14d!important}.fab-primary:hover{background-color:var(--clr-purple)!important}.fab-rotate{transform:rotate(45deg);transition:transform .2s ease-in-out}.fab-rotate-reset{transform:rotate(0);transition:transform .2s ease-in-out}.avatar-initials{width:40px;height:40px;font-size:14px;font-weight:600}.avatar-large{width:80px;height:80px;background-color:var(--clr-border-light);margin-right:16px}.status-active{background-color:var(--clr-success-light)!important;color:var(--clr-success-dark)!important;font-size:12px!important;font-weight:500!important;padding:4px 8px!important;border-radius:12px!important}.status-inactive{background-color:var(--clr-error-light)!important;color:var(--clr-error-dark)!important;font-size:12px!important;font-weight:500!important;padding:4px 8px!important;border-radius:12px!important}.status-old-version{background-color:var(--clr-warning-light)!important;color:var(--clr-warning-dark)!important;font-size:12px!important;font-weight:500!important;padding:4px 8px!important;border-radius:12px!important}.header-left{display:flex;align-items:center;flex:1}.header-menu-button{color:var(--clr-text-secondary)!important}.header-menu-button:hover{background-color:var(--clr-slightly-gray)!important}.header-tabs-container{display:flex;align-items:center;margin-left:16px}.header-tabs .MuiTab-root{text-transform:none!important;font-weight:500!important;font-size:14px!important;color:var(--clr-text-secondary)!important;min-width:auto!important;padding:12px 24px!important}.header-tabs .MuiTab-root.Mui-selected{color:var(--clr-purple)!important;font-weight:600!important}.header-tabs .MuiTabs-indicator{background-color:var(--clr-purple)!important;height:2px!important}.header-right{display:flex;align-items:center;gap:8px}.header-avatar{width:32px!important;height:32px!important;background-color:var(--clr-border-light)!important;color:var(--clr-text-secondary)!important;font-size:14px!important}.header-user-name{font-weight:500!important;color:var(--clr-black)!important}.tabs-container{border-bottom:1px solid var(--clr-border-light)}.tab-item{text-transform:none!important;font-weight:500!important;color:var(--clr-text-secondary)!important}.tab-item.Mui-selected{color:var(--clr-purple)!important;font-weight:600!important}.tab-indicator{background-color:var(--clr-purple)!important}.item-selector .MuiOutlinedInput-notchedOutline,.item-selector .MuiOutlinedInput-notchedOutline :hover,.item-selector .Mui-focused .MuiOutlinedInput-notchedOutline{border:none}.staff-tabs .MuiTab-root{text-transform:none!important;font-weight:500!important;font-size:.875rem!important;color:#666!important;min-width:0!important;padding:12px 16px!important;min-height:48}.staff-tabs .MuiTab-root.Mui-selected{color:var(--clr-purple)!important;font-weight:600!important}.staff-tabs .MuiTabs-indicator{background-color:var(--clr-purple)!important;height:3,}.staff-details-container{height:100%;background-color:#fff;overflow:auto}.staff-details-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;color:#666}.staff-details-empty-icon{width:64px;height:64px;border-radius:50%;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.staff-details-empty-title{font-weight:600!important;margin-bottom:8px!important}.staff-details-header{padding:24px;border-bottom:1px solid #e0e0e0}.staff-details-profile{display:flex;align-items:flex-start;margin-bottom:24px}.staff-details-avatar{background-color:var(--clr-pumpkin)!important;color:#fff!important;font-weight:700!important;width:64px!important;height:64px!important;font-size:24px!important;margin-right:24px!important}.staff-details-info{flex:1}.staff-details-name-row{display:flex;align-items:center;gap:16px;margin-bottom:8px}.staff-details-name{font-weight:600!important}.staff-details-subtitle{margin-bottom:8px!important}.staff-details-contact{display:flex;flex-direction:column;gap:16px}.staff-details-contact-item{display:flex;align-items:center;gap:16px}.staff-details-contact-icon{color:#666!important;font-size:20px!important}.staff-details-area-tags{margin-top:24px}.staff-details-area-label{margin-bottom:8px!important}.staff-details-area-input{height:40px;border:none;border-bottom:1px solid #e0e0e0;width:100%;outline:none;font-family:inherit;font-size:14px;padding:8px 0}.staff-details-area-input:focus{border-bottom-color:#7c4dff}.staff-details-area-input::placeholder{color:#999}.staff-records-container{background-color:#fff;height:100%;display:flex;flex-direction:column}.staff-records-tabs-container{border-bottom:1px solid #e0e0e0;flex-shrink:0;overflow:auto}.staff-records-content{flex:1;overflow:auto;display:flex;flex-direction:column}.staff-records-empty{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;color:#666}.staff-records-empty-icon{font-size:48px!important;color:#ccc!important;margin-bottom:16px!important}.staff-records-empty-title{font-weight:600!important;margin-bottom:8px!important}.staff-records-tab-icon{display:flex;align-items:center;gap:8px}.staff-records-tab-icon svg{font-size:18px}.staff-records-header{display:flex;justify-content:space-between;margin:30px 30px 0}.staff-records-header-title{font-weight:600!important;margin-bottom:16px!important}.staff-records-schedule-container{width:100%;height:100%;display:flex;flex-direction:column;overflow:auto}.staff-records-schedule-title{font-weight:600!important;margin:16px!important}.staff-records-tab-content{width:100%;height:100%;display:flex;flex-direction:column;overflow:auto}.checkbox-primary,.checkbox-primary.Mui-checked,.radio-primary,.radio-primary.Mui-checked{color:var(--clr-purple)!important}.text-center{text-align:center}.text-primary{color:var(--clr-purple)!important}.text-secondary{color:var(--clr-text-secondary)!important}.text-muted{color:#999!important}.customer-page-container{height:100vh;overflow:hidden;padding:0!important}.customer-page-content{height:100vh;overflow:hidden}.customer-page-grid{height:100vh}.customer-list-grid,.customer-detail-grid{height:100vh;overflow:hidden}.customer-list-container{height:100vh;display:flex;flex-direction:column;border-radius:0;border-right:1px solid var(--clr-border-light)}.customer-list-header{padding:20px;border-bottom:1px solid var(--clr-border-light);background:var(--clr-bg-white)}.customer-list-title-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.customer-list-title{font-weight:600;color:var(--clr-text-primary)}.add-customer-button{background:var(--clr-purple);color:#fff;text-transform:none;border-radius:8px;padding:8px 16px;font-size:14px}.add-customer-button:hover{background:var(--clr-purple-light)}.customer-search-field{margin-top:8px}.customer-search-field .MuiOutlinedInput-root{border-radius:8px;background:var(--clr-bg-lightest)}.search-icon{color:var(--clr-text-secondary)}.customer-list-content{flex:1;overflow-y:auto;padding:0}.customer-list{padding:0}.customer-list-item{padding:12px 20px;border-bottom:1px solid var(--clr-border-lighter);transition:background-color .2s ease}.customer-list-item:hover{background:var(--clr-bg-lightest)}.customer-list-item.selected{background:var(--clr-purple-light);border-right:3px solid var(--clr-purple)}.customer-avatar{width:40px;height:40px;font-size:16px;font-weight:600}.customer-name{font-weight:600;color:var(--clr-text-primary);font-size:16px}.customer-phone{color:var(--clr-text-secondary);font-size:14px}.customer-menu-button{color:var(--clr-text-tertiary)}.no-customers-message{display:flex;justify-content:center;align-items:center;height:200px;text-align:center}.customer-detail-container{height:100vh;display:flex;flex-direction:column;border-radius:0;overflow:hidden}.customer-detail-empty{display:flex;justify-content:center;align-items:center;height:100%;text-align:center}.customer-detail-header{padding:24px;border-bottom:1px solid var(--clr-border-light);background:var(--clr-bg-white);display:flex;justify-content:space-between;align-items:flex-start}.customer-detail-profile{display:flex;align-items:flex-start;gap:16px}.customer-detail-avatar{width:60px;height:60px;font-size:24px;font-weight:600}.customer-detail-info{flex:1}.customer-detail-name{font-weight:600;color:var(--clr-text-primary);margin-bottom:4px}.customer-detail-address{color:var(--clr-text-secondary);font-size:14px}.customer-detail-actions{display:flex;align-items:center;gap:12px}.edit-customer-button{border-color:var(--clr-border-medium);color:var(--clr-text-primary);text-transform:none;border-radius:8px}.customer-edit-actions{display:flex;gap:8px}.save-customer-button{background:var(--clr-purple);color:#fff;text-transform:none;border-radius:8px}.cancel-customer-button{border-color:var(--clr-border-medium);color:var(--clr-text-secondary);text-transform:none;border-radius:8px}.customer-contact-info{padding:20px 24px;display:flex;gap:24px;background:var(--clr-bg-lightest)}.customer-contact-item{display:flex;align-items:center;gap:8px}.contact-icon{color:var(--clr-text-secondary);font-size:20px}.customer-detail-divider{margin:0}.customer-detail-tabs{padding:16px 24px;border-bottom:1px solid var(--clr-border-light);background:var(--clr-bg-white)}.customer-info-title{font-weight:600;color:var(--clr-purple);font-size:16px}.customer-info-section{padding:24px;flex:1;overflow-y:auto}.info-section-title{font-weight:600;color:var(--clr-text-primary);margin-bottom:20px}.customer-info-grid{margin-top:16px}.customer-info-field .MuiOutlinedInput-root{border-radius:8px}.country-code-select{min-width:80px;border:none}.country-code-select .MuiOutlinedInput-notchedOutline{border:none}.customer-detail-bottom-actions{padding:20px 24px;border-top:1px solid var(--clr-border-light);display:flex;gap:12px;justify-content:flex-end;background:var(--clr-bg-white);margin-top:auto}.customer-page-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--clr-bg-white);border-bottom:1px solid var(--clr-border-light);margin-bottom:16px}.customer-header-left,.customer-header-right{display:flex;align-items:center;gap:12px}.archived-customers-button{border-color:var(--clr-border-medium);color:var(--clr-text-primary);text-transform:none;border-radius:8px;padding:8px 16px}.archived-customers-button:hover{background:var(--clr-bg-lightest)}.detail-view-button{border-color:var(--clr-border-medium);color:var(--clr-text-primary);text-transform:none;border-radius:8px;padding:8px 16px}.detail-view-button:hover{background:var(--clr-bg-lightest)}.add-customer-header-button{background:var(--clr-purple);color:#fff;text-transform:none;border-radius:8px;padding:8px 16px;font-weight:600}.add-customer-header-button:hover{background:var(--clr-purple-light)}.add-customer-drawer .MuiDrawer-paper,.add-customer-drawer-paper{width:400px;max-width:90vw}.add-customer-form-container{height:100%;display:flex;flex-direction:column}.add-customer-form-header{padding:20px 24px;border-bottom:1px solid var(--clr-border-light);display:flex;justify-content:space-between;align-items:center;background:var(--clr-bg-white)}.add-customer-form-title{font-weight:600;color:var(--clr-text-primary)}.close-button{color:var(--clr-text-secondary)}.add-customer-form-content{flex:1;padding:24px;overflow-y:auto}.form-fields-container{display:flex;flex-direction:column;gap:24px}.form-field-box{width:100%}.report-list-container{height:100%;display:flex;flex-direction:column}.report-list-header{padding:24px;border-bottom:1px solid #e0e0e0}.report-list-title{margin-bottom:16px;font-weight:600;color:#333}.report-search-field{margin-bottom:0}.search-icon{color:#666}.report-list-content{flex:1;overflow-y:auto}.report-list{padding:0}.report-list-item{padding:16px 24px;transition:background-color .2s ease}.report-list-item:hover{background-color:#f5f5f5}.report-list-item.selected{background-color:#e3f2fd;border-right:4px solid #2196f3}.report-circle{width:12px;height:12px;border-radius:50%;margin:14px}.report-name{font-weight:500;color:#333}.report-site{color:#666;font-size:.875rem}.report-menu-button{color:#666}.no-reports-message{padding:48px 24px;text-align:center}.report-detail-container{height:100%;display:flex;flex-direction:column}.report-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:48px;text-align:center}.report-detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid #e0e0e0}.report-detail-profile{display:flex;align-items:flex-start;gap:16px}.report-detail-circle{width:20px;height:20px;border-radius:50%;margin-right:16px}.report-action-button{color:#666;margin-left:8px}.report-detail-info{flex:1}.report-detail-name{font-weight:600;color:#333;margin-bottom:8px}.report-detail-actions{display:flex;align-items:center;gap:12px}.report-edit-actions{display:flex;gap:8px}.edit-report-button,.save-report-button,.cancel-report-button{min-width:100px}.report-detail-content{flex:1;padding:24px;overflow-y:auto}.report-info-card,.report-form-card,.report-attachments-card{height:fit-content}.report-info-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.info-icon{color:#666;margin-top:2px}.report-form-fields{display:flex;flex-direction:column;gap:16px}.report-display-fields{padding:8px 0}.custom-report-fab{position:fixed!important;bottom:24px;right:24px;z-index:1000}.custom-report-dialog .MuiDialog-paper{border-radius:12px}.report-form-container{padding:8px 0;min-height:300px}.report-description-field{margin-top:16px}.report-detail-content{padding:24px;max-height:calc(100vh - 200px);overflow-y:auto}.report-detail-content .MuiTextField-root,.report-detail-content .MuiFormControl-root{margin-bottom:8px}.report-detail-content .MuiTextField-root:disabled{background-color:#f5f5f5}.report-detail-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e0e0e0}.report-detail-profile{display:flex;align-items:center}.report-detail-actions{display:flex;gap:8px}.customer-form-field .MuiOutlinedInput-root,.site-select .MuiOutlinedInput-root{border-radius:8px}.email-helper-text{color:var(--clr-text-tertiary);margin-top:4px;display:block}.form-divider{margin:0}.add-customer-form-actions{padding:20px 24px;border-top:1px solid var(--clr-border-light);display:flex;gap:12px;background:var(--clr-bg-white)}.add-button{background:var(--clr-purple);color:#fff;text-transform:none;border-radius:8px;padding:10px 24px;font-weight:600}.add-button:hover{background:var(--clr-purple-light)}.cancel-button{border-color:var(--clr-border-medium);color:var(--clr-text-secondary);text-transform:none;border-radius:8px;padding:10px 24px}@media (max-width: 768px){.page-container{padding:8px}.form-row{flex-direction:column;gap:16px}.fab-container{bottom:16px;right:16px}.add-customer-drawer-paper{width:100vw;max-width:100vw}}.refer-earn-dialog .MuiDialog-paper{border-radius:16px!important;max-width:600px!important;width:90%!important;max-height:90vh!important;overflow:hidden!important}.refer-earn-content{padding:32px!important;position:relative;overflow-y:auto!important}.refer-earn-close-button{position:absolute!important;top:16px!important;right:16px!important;color:var(--clr-text-secondary)!important;z-index:1}.refer-earn-header{text-align:center;margin-bottom:24px}.refer-earn-title{font-size:28px!important;font-weight:600!important;color:var(--clr-text-primary)!important;margin-bottom:16px!important}.refer-earn-subtitle{font-size:16px!important;color:#8b5cf6!important;line-height:1.5!important;max-width:480px;margin:0 auto}.refer-earn-illustration{display:flex;justify-content:center;margin:24px 0}.refer-earn-image{max-width:100%;height:auto;max-height:200px;object-fit:contain}.refer-earn-image-placeholder{background:linear-gradient(135deg,#f3e8ff,#e0e7ff);border-radius:12px;padding:40px 20px;margin:0 auto;max-width:400px;display:flex;align-items:center;justify-content:center;border:2px dashed #8B5CF6}.refer-earn-form{margin-top:32px}.form-section-title{font-size:20px!important;font-weight:600!important;color:#8b5cf6!important;margin-bottom:24px!important;margin-top:0!important}.your-info-title{margin-top:32px!important}.form-field-label{font-size:14px!important;font-weight:500!important;color:var(--clr-text-secondary)!important;margin-bottom:8px!important;display:block!important}.required-asterisk{color:#f44336;margin-left:2px}.refer-earn-input{margin-bottom:16px!important}.refer-earn-input .MuiOutlinedInput-root{border-radius:8px!important;background-color:#fafafa!important}.refer-earn-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#8b5cf6!important}.refer-earn-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#8b5cf6!important;border-width:2px!important}.refer-earn-input .MuiInputBase-input{padding:12px 14px!important;font-size:14px!important}.refer-earn-input .MuiInputBase-input::placeholder{color:#999!important;opacity:1!important}.form-row{margin-bottom:16px!important}.form-field{margin-bottom:24px}.refer-earn-submit-container{display:flex;justify-content:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--clr-border-lighter)}.refer-earn-submit-button{background:linear-gradient(135deg,#ff4081,#e91e63)!important;color:#fff!important;padding:12px 32px!important;border-radius:25px!important;font-size:16px!important;font-weight:600!important;text-transform:none!important;box-shadow:0 4px 12px #e91e634d!important;min-width:120px!important}.refer-earn-submit-button:hover{background:linear-gradient(135deg,#e91e63,#c2185b)!important;box-shadow:0 6px 16px #e91e6366!important;transform:translateY(-1px)}.refer-earn-submit-button:active{transform:translateY(0)}.refer-earn-input .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline{border-color:#f44336!important}.refer-earn-input .MuiFormHelperText-root.Mui-error{color:#f44336!important;font-size:12px!important;margin-left:0!important;margin-top:4px!important}@media (max-width: 768px){.refer-earn-content{padding:24px 16px!important}.refer-earn-title{font-size:24px!important}.refer-earn-subtitle{font-size:14px!important}.form-section-title{font-size:18px!important}.refer-earn-dialog .MuiDialog-paper{width:95%!important;margin:16px!important}}@media (max-width: 480px){.refer-earn-content{padding:16px!important}.refer-earn-close-button{top:8px!important;right:8px!important}.refer-earn-title{font-size:20px!important}.refer-earn-subtitle{font-size:13px!important}}.header-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:10px 20px;color:#000;background-color:#fff;box-shadow:0 1px 3px #0000001a;width:100vw;height:64px;box-sizing:border-box;position:fixed;top:0;left:0;z-index:1100}.header-left{display:flex;align-items:center;gap:16px}.header-right{display:flex;align-items:center;gap:12px}.header-tabs-container{display:flex;align-items:center}.header-tabs{min-height:48px}.header-menu-button{color:var(--clr-text-secondary, #666)!important}.header-avatar{width:32px!important;height:32px!important;background-color:var(--clr-purple, #6366f1)!important}.header-user-name{color:var(--clr-text-primary, #000)!important;font-size:14px!important;font-weight:500!important}.header-icons{display:flex;align-items:center;gap:8px}.header-icon-button{color:var(--clr-text-secondary, #666)!important;padding:6px!important}.header-icon-button:hover{background-color:#0000000a!important}.header-tab-icon{display:flex;align-items:center;font-size:18px}.header-tab{min-height:48px!important;text-transform:none!important}.header-user-section{transition:background-color .2s ease!important}.user-menu-item{padding:8px 16px!important;min-height:40px!important}.user-menu-item:hover{background-color:var(--clr-bg-light, #f8f9fa)!important}.user-menu-item .MuiListItemIcon-root{min-width:36px!important}@media screen and (max-width: 768px){.header-tabs-container{display:none}.header-container{padding:8px 16px}.header-tab-icon{display:none}.header-user-section{padding:4px!important}}@media screen and (max-width: 1024px){.header-tab-icon{display:none}}.sidebar-container{height:100vh;background-color:#2c3e50;color:var(--clr-white)}.sidebar-header{padding:16px;border-bottom:1px solid #34495e;background-color:#2c3e50}.sidebar-logo{color:var(--clr-white);font-weight:700;font-size:18px}.sidebar-menu{padding-top:8px}.sidebar-menu-item{color:var(--clr-white);transition:background-color .2s ease}.sidebar-menu-item:hover{background-color:#34495e}.sidebar-submenu-item{color:#bdc3c7;padding-left:32px;transition:all .2s ease}.sidebar-submenu-item:hover{background-color:#34495e;color:var(--clr-white)}.sidebar-icon{color:var(--clr-white);min-width:40px}.sidebar-submenu-icon{color:inherit;min-width:35px}.settings-page{display:flex;height:100vh;background-color:#f5f5f5;margin-top:64px}.settings-sidebar{width:280px;background-color:#2c3e50;color:#fff;display:flex;flex-direction:column;border-right:1px solid #34495e}.settings-header{display:flex;align-items:center;padding:20px;border-bottom:1px solid #34495e}.settings-back-button{color:#fff!important;margin-right:12px!important;padding:8px!important}.settings-back-button:hover{background-color:#ffffff1a!important}.settings-title{color:#fff!important;font-weight:600!important;font-size:24px!important}.settings-sidebar-content{flex:1;overflow-y:auto}.settings-category-list{padding:0!important}.settings-category-item{display:flex!important;align-items:center!important;padding:16px 20px!important;cursor:pointer!important;border-bottom:1px solid #34495e!important;transition:background-color .2s ease!important}.settings-category-item:hover{background-color:#34495e!important}.settings-category-item.selected{background-color:#3498db!important}.settings-category-icon{margin-right:16px;display:flex;align-items:center;color:#bdc3c7}.settings-category-item.selected .settings-category-icon{color:#fff}.settings-category-text .MuiListItemText-primary{color:#bdc3c7!important;font-size:14px!important;font-weight:500!important}.settings-category-item.selected .settings-category-text .MuiListItemText-primary{color:#fff!important;font-weight:600!important}.settings-submenu{width:250px;background-color:#fff;border-right:1px solid #e0e0e0;overflow-y:auto}.settings-submenu-content{height:100%}.settings-submenu-list{padding:0!important}.settings-submenu-item{padding:16px 24px!important;cursor:pointer!important;border-bottom:1px solid #f0f0f0!important;transition:background-color .2s ease!important}.settings-submenu-item:hover{background-color:#f8f9fa!important}.settings-submenu-item.selected{background-color:#e3f2fd!important;border-left:4px solid #2196f3!important}.settings-submenu-text .MuiListItemText-primary{color:#666!important;font-size:14px!important;font-weight:500!important}.settings-submenu-item.selected .settings-submenu-text .MuiListItemText-primary{color:#2196f3!important;font-weight:600!important}.settings-content{flex:1;background-color:#fff;overflow-y:auto}.settings-content-wrapper{padding:32px;max-width:600px}.settings-content-section{margin-bottom:32px}.settings-content-title{color:#333!important;font-weight:600!important;font-size:20px!important;margin-bottom:8px!important}.settings-content-description{color:#666!important;font-size:14px!important;margin-bottom:24px!important;line-height:1.5!important}.settings-form-group{margin-bottom:24px}.settings-form-label{color:#333!important;font-weight:500!important;font-size:14px!important;margin-bottom:8px!important;display:block}.settings-form-control{margin-top:8px!important}.settings-select{background-color:#fff!important;border-radius:4px!important}.settings-select .MuiOutlinedInput-notchedOutline{border-color:#e0e0e0!important}.settings-select:hover .MuiOutlinedInput-notchedOutline{border-color:#bdbdbd!important}.settings-select.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#2196f3!important}.settings-text-field .MuiOutlinedInput-root{border-radius:4px!important}.settings-text-field .MuiOutlinedInput-notchedOutline{border-color:#e0e0e0!important}.settings-text-field:hover .MuiOutlinedInput-notchedOutline{border-color:#bdbdbd!important}.settings-text-field .Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#2196f3!important}.settings-form-text{color:#666!important;font-size:14px!important;margin-top:8px!important}@media (max-width: 1024px){.settings-sidebar{width:240px}.settings-submenu{width:220px}}@media (max-width: 768px){.settings-page{flex-direction:column}.settings-sidebar,.settings-submenu{width:100%;height:auto}.settings-content-wrapper{padding:16px}}.home-page{min-height:100vh;width:100vw;position:relative;overflow:hidden;display:flex;flex-direction:column}.home-header{display:flex;justify-content:space-between;align-items:center;padding:24px 48px;position:relative;z-index:10}.home-logo{display:flex;align-items:center;gap:24px}.logo-text{color:#fff!important;font-weight:600!important;font-size:24px!important;letter-spacing:-.5px}.phone-number{color:#ffffffe6!important;font-size:14px!important;font-weight:400!important}.login-button{background-color:#fff3!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important;padding:8px 24px!important;border-radius:8px!important;font-weight:600!important;text-transform:none!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease!important}.login-button:hover{background-color:#ffffff4d!important;border-color:#ffffff80!important;transform:translateY(-1px)}.home-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 48px;position:relative;z-index:10;max-width:800px}.main-title{color:#fff!important;font-weight:700!important;font-size:48px!important;line-height:1.2!important;margin-bottom:24px!important;letter-spacing:-1px}.subtitle{color:#ffffffe6!important;font-weight:400!important;font-size:18px!important;line-height:1.5!important;max-width:600px}.geometric-shapes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.shape{position:absolute;background:linear-gradient(45deg,#ffffff1a,#ffffff0d);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shape-1{width:400px;height:200px;top:20%;right:-100px;transform:rotate(45deg);animation:float1 6s ease-in-out infinite}.shape-2{width:300px;height:150px;bottom:30%;right:10%;transform:rotate(-30deg);animation:float2 8s ease-in-out infinite}.shape-3{width:500px;height:250px;bottom:-50px;right:-150px;transform:rotate(60deg);animation:float3 10s ease-in-out infinite}@keyframes float1{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(-20px)}}@keyframes float2{0%,to{transform:rotate(-30deg) translateY(0)}50%{transform:rotate(-30deg) translateY(15px)}}@keyframes float3{0%,to{transform:rotate(60deg) translateY(0)}50%{transform:rotate(60deg) translateY(-10px)}}@media (max-width: 768px){.home-header{padding:16px 24px;flex-direction:column;gap:16px;align-items:flex-start}.home-logo{flex-direction:column;align-items:flex-start;gap:8px}.home-content{padding:0 24px;text-align:center}.main-title{font-size:32px!important;margin-bottom:16px!important}.subtitle{font-size:16px!important}.shape-1{width:250px;height:125px;right:-50px}.shape-2{width:200px;height:100px}.shape-3{width:300px;height:150px;right:-100px}}@media (max-width: 480px){.home-header{padding:12px 16px}.home-content{padding:0 16px}.main-title{font-size:28px!important}.subtitle{font-size:14px!important}.logo-text{font-size:20px!important}.phone-number{font-size:12px!important}}.MuiDialog-paper{background-color:#fff!important}.home-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;z-index:0}