body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.MuiAppBar-root,.MuiToolbar-root{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.user-management{margin:0 auto;max-width:1200px;padding:20px}.user-management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.user-management-header h1{color:#333;margin:0}.search-form{align-items:center;display:flex;gap:10px;margin-bottom:20px}.search-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:10px}.btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-primary:disabled{background-color:#6c757d;cursor:not-allowed}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-sm{font-size:12px;margin-right:5px;padding:5px 10px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:#333;margin:0}.close-btn{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.close-btn:hover{color:#333}.create-user-form{padding:20px}.form-row{display:flex;gap:15px;margin-bottom:15px}.form-group{flex:1 1;margin-bottom:15px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-group small{color:#666;display:block;font-size:12px;margin-top:5px}.checkbox-group,.checkbox-group label{align-items:center;display:flex}.checkbox-group label{cursor:pointer;margin-bottom:0}.checkbox-group input[type=checkbox]{margin-right:8px;width:auto}.form-actions{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px}.users-table-container{margin-bottom:20px;overflow-x:auto}.users-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;width:100%}.users-table td,.users-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.users-table th{color:#333;font-weight:600}.users-table th,.users-table tr:hover{background-color:#f8f9fa}.status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.status.active{background-color:#d4edda;color:#155724}.status.inactive{background-color:#f8d7da;color:#721c24}.status.suspended{background-color:#fff3cd;color:#856404}.pagination{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:20px}.page-info{color:#666;font-size:14px}.error,.loading{color:#666}.error{color:#dc3545}@media (max-width:768px){.user-management{padding:10px}.user-management-header{align-items:stretch;flex-direction:column;gap:15px}.form-row{flex-direction:column;gap:0}.modal{margin:10px;width:95%}.users-table{font-size:12px}.users-table td,.users-table th{padding:8px 4px}.btn-sm{font-size:10px;padding:3px 6px}}.operator-management{margin:0 auto;max-width:1200px;padding:20px}.operators-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;overflow:hidden}.operators-table{border-collapse:collapse;width:100%}.operators-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#333;font-weight:600;padding:16px;text-align:left}.operators-table td{border-bottom:1px solid #e9ecef;padding:16px;vertical-align:middle}.operators-table tbody tr:hover{background:#f8f9fa}.rate-display{padding:6px 12px}.rate-edit{flex-direction:column;gap:12px}.rate-input-group{gap:4px}.apply-existing-checkbox,.apply-existing-checkbox label,.rate-input-group{align-items:center;display:flex}.apply-existing-checkbox label{color:#666;cursor:pointer;font-size:14px;gap:6px}.apply-existing-checkbox input[type=checkbox]{margin:0}.actions{gap:8px}.cancel-btn,.edit-btn,.save-btn{border-radius:4px;padding:8px 16px}.no-operators{color:#666}.error,.loading,.no-operators{padding:40px;text-align:center}.error,.loading{font-size:18px}.error{color:#f44336}@media (max-width:768px){.operator-management{padding:15px}.operators-table-container{overflow-x:auto}.operators-table{min-width:500px}.header h1{font-size:24px}.actions{flex-direction:column;gap:4px}.cancel-btn,.edit-btn,.save-btn{font-size:12px;padding:6px 12px;width:100%}}.commission-management{margin:0 auto;max-width:1400px;padding:20px}.header{margin-bottom:30px}.header h1{color:#333;font-size:28px;font-weight:600;margin-bottom:8px}.header p{color:#666;font-size:16px;margin:0}.management-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:minmax(300px,400px) 1fr;margin-bottom:30px;min-height:600px}.user-selection-panel{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.user-selection-panel h2{background:#f8f9fa;border-bottom:1px solid #e9ecef;color:#333;font-size:18px;font-weight:600;margin:0;padding:20px}.user-list{max-height:500px;overflow-y:auto}.user-item{align-items:center;border-bottom:1px solid #e9ecef;cursor:pointer;display:flex;justify-content:space-between;min-width:0;padding:16px 20px;transition:all .2s ease}.user-item:hover{background:#f8f9fa}.user-item.selected{background:#e3f2fd;border-left:4px solid #2196f3}.user-info{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis}.user-name{color:#333;font-weight:500;margin-bottom:4px}.user-name,.username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.username{color:#666;font-family:Courier New etc\.,monospace;font-size:14px}.commission-count{background:#e9ecef;border-radius:12px;color:#666;flex-shrink:0;font-size:12px;font-weight:500;padding:4px 8px}.no-users{color:#666;padding:40px 20px;text-align:center}.commission-details-panel{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.details-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.user-details h2{color:#333;font-size:20px;font-weight:600;margin:0 0 4px}.user-details p{color:#666;font-family:Courier New,monospace;margin:0}.actions{display:flex;gap:12px}.cancel-btn,.edit-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.edit-btn{background:#2196f3;color:#fff}.edit-btn:hover{background:#1976d2}.save-btn{background:#4caf50;color:#fff}.save-btn:hover:not(:disabled){background:#45a049}.save-btn:disabled{background:#ccc;cursor:not-allowed}.cancel-btn{background:#f44336;color:#fff}.cancel-btn:hover:not(:disabled){background:#d32f2f}.cancel-btn:disabled{background:#ccc;cursor:not-allowed}.no-selection{align-items:center;color:#666;display:flex;height:400px;justify-content:center}.no-selection-content{text-align:center}.no-selection-content h3{color:#999;font-size:20px;margin-bottom:8px}.no-selection-content p{font-size:16px;margin:0}.commissions-table-container{overflow:hidden}.commissions-table{border-collapse:collapse;width:100%}.commissions-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#333;font-weight:600;padding:16px 20px;text-align:left}.commissions-table td{border-bottom:1px solid #e9ecef;padding:16px 20px;vertical-align:middle}.commissions-table tbody tr:hover,.user-item{background:#f8f9fa}.operator-name{color:#333;font-weight:500}.operator-code{background:#e3f2fd;border-radius:4px;color:#1976d2;font-family:Courier New,monospace;font-size:14px;font-weight:600;padding:4px 8px}.rate-display{background:#e8f5e8;border-radius:6px;color:#2e7d32;display:inline-block;font-size:18px;font-weight:600;padding:8px 16px}.rate-edit{align-items:center;display:flex;gap:4px}.rate-input{border:2px solid #ddd;border-radius:4px;font-size:16px;padding:8px;text-align:center;width:80px}.rate-input:focus{border-color:#2196f3;outline:none}.rate-suffix{color:#666;font-size:16px;font-weight:600}.loading,.no-commissions{color:#666;padding:40px;text-align:center}.loading{font-size:18px}.info-section{margin-top:30px}.info-box{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.info-box h3{color:#333;font-size:18px;margin-bottom:12px;margin-top:0}.info-box ul{margin:0;padding-left:20px}.info-box li{color:#666;line-height:1.5;margin-bottom:8px}.info-box li:last-child{margin-bottom:0}@media (max-width:1024px){.management-container{gap:20px;grid-template-columns:1fr}.user-selection-panel{order:2}.commission-details-panel{order:1}}@media (max-width:768px){.commission-management{padding:15px}.header h1{font-size:24px}.details-header{align-items:flex-start;flex-direction:column;gap:15px}.actions{justify-content:flex-end;width:100%}.commissions-table-container{overflow-x:auto}.commissions-table{min-width:500px}.commissions-table td,.commissions-table th{padding:12px}}.downline-management{padding:24px 0}.page-header{margin-bottom:40px}.page-title{color:#2c3e50;font-weight:700;margin-bottom:16px}.title-icon{color:#3498db;font-size:2.5rem}.page-description{color:#7f8c8d;font-size:1.1rem}.stats-grid{margin-bottom:32px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;height:100%;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-4px)}.stat-content{align-items:center;display:flex;gap:16px}.stat-icon{font-size:2.5rem;opacity:.8}.stat-text h4{font-size:2rem;font-weight:700;margin:0}.stat-text .MuiTypography-body2{font-weight:500;opacity:.9}.main-content-card{border-radius:16px;box-shadow:0 4px 20px #0000001a}.content-tabs{border-bottom:1px solid #e0e0e0;margin-bottom:24px}.content-tabs .MuiTab-root{font-weight:500;min-height:48px;padding:8px 16px;text-transform:none}.content-tabs .MuiTab-root.Mui-selected{color:#3498db}.tab-panel{padding:16px 0}.panel-header{flex-wrap:wrap;gap:16px}.create-button{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:8px;box-shadow:0 4px 15px #3498db4d;color:#fff;font-weight:600;padding:12px 24px;text-transform:none}.create-button:hover{background:linear-gradient(135deg,#2980b9,#1f6eb4);box-shadow:0 6px 20px #3498db66;transform:translateY(-2px)}.loading-container{padding:60px 20px}.loading-text{color:#7f8c8d}.downlines-table{border-radius:12px;box-shadow:0 2px 12px #0000001a;overflow:hidden}.downlines-table .MuiTableHead-root{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.downlines-table .MuiTableHead-root .MuiTableCell-root{border-bottom:none;color:#2c3e50;font-weight:700}.downlines-table .MuiTableBody-root .MuiTableRow-root{transition:background-color .2s ease}.downlines-table .MuiTableBody-root .MuiTableRow-root:hover{background-color:#f8f9fa}.agent-info{display:flex;flex-direction:column;gap:4px}.agent-name{color:#2c3e50;font-weight:600}.agent-username{color:#7f8c8d;font-family:Courier New,monospace}.stats-title{color:#2c3e50;margin-bottom:24px}.operator-stat-card{border-radius:12px;margin-bottom:16px;transition:box-shadow .2s ease}.operator-stat-card:hover{box-shadow:0 4px 20px #0000001a}.operator-stat-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.operator-info h6{color:#2c3e50;font-weight:600;margin:0}.operator-metrics{display:flex;gap:32px}.metric{text-align:center}.metric h4{font-weight:700;margin:0}.metric .MuiTypography-body2{font-weight:500;opacity:.8}.create-alert{border-radius:8px;margin-bottom:24px}.create-form{padding-top:16px}.edit-form{min-width:400px;padding:16px 0}.selected-agent{color:#2c3e50;font-weight:600;margin-bottom:16px}@media (max-width:768px){.page-header{margin-bottom:24px}.page-title{font-size:1.75rem}.title-icon{font-size:2rem}.stats-grid{margin-bottom:24px}.panel-header{align-items:flex-start;flex-direction:column}.create-button{align-self:stretch}.operator-stat-content{align-items:flex-start;flex-direction:column}.operator-metrics{gap:16px;justify-content:space-around;width:100%}.metric{flex:1 1}.edit-form{min-width:auto}}@media (max-width:480px){.downline-management{padding:16px 0}.stat-content{flex-direction:column;text-align:center}.stat-icon{font-size:2rem}.operator-metrics{flex-direction:column;gap:16px}}.mobile-downlines-container{display:flex;flex-direction:column;gap:16px;padding:8px 0}.mobile-downline-card{border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:box-shadow .2s ease,transform .2s ease}.mobile-downline-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.mobile-downline-card .MuiCardContent-root{padding:0}.mobile-card-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px;transition:background-color .2s ease}.mobile-agent-info{flex:1 1;min-width:0}.mobile-agent-name{word-wrap:break-word;color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:4px}.mobile-agent-username{word-wrap:break-word;color:#7f8c8d;font-family:Courier New,monospace;font-size:.85rem}.mobile-status-chip{flex-shrink:0;margin-left:12px}.mobile-commission-section,.mobile-metadata-section,.mobile-operators-section{margin-bottom:20px;padding-top:16px}.mobile-section-label{color:#7f8c8d;display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.mobile-commission-chip{margin-top:4px}.mobile-operators-section{border-top:1px solid #f0f0f0;padding-top:16px}.mobile-operator-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;justify-content:flex-start;min-height:80px;padding:10px}.mobile-operator-name{color:#2c3e50;font-size:.75rem}.mobile-operator-chip{justify-content:center;width:100%}.mobile-metadata-section{border-top:1px solid #f0f0f0;font-size:.8rem;padding-top:16px}.mobile-actions-section{padding-top:16px}.mobile-edit-button{border-radius:8px;box-shadow:0 2px 8px #3498db33;font-weight:600;min-height:44px;text-transform:none}.mobile-edit-button:hover{box-shadow:0 4px 12px #3498db4d}@media (max-width:600px){.mobile-card-header{flex-wrap:wrap;gap:8px;padding:12px}.mobile-status-chip{margin-left:0}.mobile-operator-item{min-height:70px;padding:8px}}@media (max-width:480px){.mobile-downlines-container{gap:12px;padding:4px 0}.mobile-agent-name{font-size:1rem}.mobile-agent-username,.mobile-section-label{font-size:.8rem}.mobile-operator-item{min-height:65px;padding:6px}}.commission-management-page{margin:0 auto;max-width:1200px;padding:24px}.title-icon{font-size:32px!important}.page-subtitle{margin:0 auto;max-width:600px}.operator-card{border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;transition:box-shadow .3s ease}.operator-card:hover{box-shadow:0 4px 16px #00000026}.operator-header{align-items:flex-start;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.operator-name{margin-bottom:4px}.commission-grid{margin-bottom:16px}.commission-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;text-align:center;transition:background-color .2s ease}.commission-item:hover{background-color:#e9ecef}.commission-display{align-items:center;display:flex;gap:8px;justify-content:center}.edit-button{opacity:0;transition:opacity .2s ease}.commission-item:hover .edit-button{opacity:1}.edit-container{align-items:center;display:flex;gap:8px;justify-content:center}.edit-input{width:80px}.edit-input input{font-weight:600;text-align:center}.edit-actions{display:flex;gap:4px}.commission-summary{background-color:#f0f4f8;border-radius:8px;font-size:.875rem;margin-top:16px;padding:12px;text-align:center}@media (max-width:768px){.commission-management-page{padding:16px}.operator-header{align-items:center;flex-direction:column;gap:12px}.commission-grid{gap:12px}.commission-item{padding:12px}.edit-container{flex-direction:column;gap:8px}.edit-actions{justify-content:center}}@media (max-width:480px){.page-title{font-size:1.5rem}.title-icon{font-size:24px!important}.commission-item{padding:8px}.commission-summary{font-size:.75rem}}.loading-container{min-height:400px}.error-container,.info-container{padding:24px}.operator-card{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.commission-management-page::-webkit-scrollbar{width:8px}.commission-management-page::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.commission-management-page::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.commission-management-page::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.sales-management{background-color:#f5f5f5;min-height:100vh;padding:24px}.page-header{margin-bottom:32px;text-align:center}.page-title{align-items:center;color:#1976d2;display:flex;font-weight:600;gap:12px;justify-content:center;margin-bottom:8px}.title-icon{font-size:2rem}.page-description{color:#666;margin:0 auto;max-width:600px}.main-content-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.panel-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.edit-button{background:linear-gradient(45deg,#1976d2,#42a5f5);border-radius:8px;color:#fff;font-weight:500;padding:8px 16px;text-transform:none}.edit-button:hover{background:linear-gradient(45deg,#1565c0,#1976d2)}.save-button{background:linear-gradient(45deg,#2e7d32,#4caf50);border-radius:8px;color:#fff;font-weight:500;padding:8px 16px;text-transform:none}.save-button:hover{background:linear-gradient(45deg,#1b5e20,#2e7d32)}.info-alert{border-radius:8px;margin-bottom:24px}.sales-table{border-radius:8px;overflow:hidden}.sales-table .MuiTableHead-root{background-color:#f8f9fa}.sales-table .MuiTableHead-root .MuiTableCell-root{border-bottom:2px solid #dee2e6;color:#495057;font-weight:600}.sales-table .MuiTableBody-root .MuiTableRow-root:hover{background-color:#f8f9fa}.operator-info{display:flex;flex-direction:column;gap:4px}.operator-name{color:#212529;font-weight:600}.operator-code{color:#6c757d;font-size:.75rem}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:48px}.loading-text{color:#666;font-size:1.1rem}@media (max-width:768px){.sales-management{padding:16px}.panel-header{align-items:stretch;flex-direction:column;gap:16px}.page-title,.title-icon{font-size:1.5rem}.sales-table{font-size:.875rem}.sales-table .MuiTableCell-root{padding:8px 4px}}@media (max-width:480px){.sales-management{padding:12px}.page-title{font-size:1.25rem}.sales-table .MuiTableCell-root{font-size:.75rem;padding:6px 2px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.ae550d85.css.map*/