.bonus-widget{background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:24px}.bonus-widget.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.bonus-widget-header{margin-bottom:20px}.bonus-widget-header h3{color:#333;font-size:20px;font-weight:700;margin:0}.bonus-balance-card{align-items:center;background:#667eea;border-radius:12px;color:#fff;display:flex;gap:20px;margin-bottom:20px;padding:24px}.balance-icon{line-height:1}.balance-content{flex:1 1}.balance-label{color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;opacity:.9;text-transform:uppercase}.balance-value{color:#fff;font-size:36px;font-weight:700;line-height:1.2;margin-bottom:4px}.balance-hint{color:#fff;font-size:12px;font-weight:500;opacity:.85}.current-level-card{align-items:center;background:#fafafa;border-left:4px solid #4caf50;border-radius:12px;display:flex;gap:16px;margin-bottom:20px;padding:16px}.level-name{font-weight:700}.level-cashback{align-items:center;display:flex;gap:8px}.personal-badge{background:#667eea;border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.progress-section{margin-bottom:20px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.progress-label{color:#555;font-size:14px;font-weight:600}.progress-percent{color:#2196f3;font-size:14px;font-weight:700}.progress-bar{background:#e0e0e0;box-shadow:inset 0 2px 4px #0000001a;height:12px;margin-bottom:8px}.progress-bar,.progress-fill{border-radius:6px;overflow:hidden}.progress-fill{background:#4caf50;height:100%;position:relative;transition:width .5s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-hint{color:#666;font-size:13px;text-align:center}.progress-hint strong{color:#333;font-weight:700}.max-level-banner{align-items:center;background:#fafafa;border:2px solid #4caf50;border-radius:12px;display:flex;gap:16px;margin-bottom:20px;padding:20px}.trophy-icon{line-height:1}.max-level-text{color:#333;flex:1 1}.max-level-title{font-size:18px;font-weight:700;margin-bottom:4px}.max-level-subtitle{font-size:13px;opacity:.9}.stats-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.stat-value{font-size:20px;margin-bottom:4px}.stat-label{color:#666}.info-box{background:#fafafa}.info-title{color:#333;font-size:14px;font-weight:600;margin-bottom:12px}.info-list{list-style:none;margin:0;padding-left:20px}.info-list li{color:#555;font-size:13px;line-height:1.6;margin-bottom:6px;position:relative}.info-list li:before{color:#4caf50;content:"✓";font-weight:700;left:-20px;position:absolute}.info-list li:last-child{margin-bottom:0}@media (max-width:768px){.bonus-widget{padding:16px}.bonus-balance-card{flex-direction:column;padding:20px;text-align:center}.balance-value{font-size:32px}.stats-grid{grid-template-columns:1fr}.current-level-card{flex-direction:column;text-align:center}.level-info{align-items:center;display:flex;flex-direction:column}}.referral-widget{background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:24px}.referral-widget.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.loading-spinner{color:#999;font-size:16px}.referral-widget-header{margin-bottom:20px}.referral-widget-header h3{color:#333;font-size:20px;font-weight:700;margin:0}.referral-info-banner{align-items:center;background:#667eea;border-radius:12px;color:#fff;display:flex;gap:16px;margin-bottom:20px;padding:20px}.info-icon{line-height:1}.info-content{color:#fff;flex:1 1}.info-title{font-size:18px;font-weight:700;margin-bottom:6px}.info-text{font-size:14px;line-height:1.5;opacity:.95}.info-text strong{font-weight:700;text-decoration:underline}.referral-code-section{margin-bottom:24px}.code-label{color:#555;font-size:14px;font-weight:600;margin-bottom:10px}.code-display{align-items:center;background:#f8f9fa;border:2px dashed #ddd;border-radius:12px;display:flex;gap:12px;padding:16px 20px}.code-value{color:#333;flex:1 1;font-family:Courier New,monospace;font-size:24px;font-weight:700;letter-spacing:2px}.btn-copy{align-items:center;background:#4caf50;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;padding:10px 20px;transition:opacity .2s;white-space:nowrap}.btn-copy:hover{opacity:.9}.btn-copy.success{background:#4caf50}.qr-code-section{margin-bottom:24px;text-align:center}.qr-label{color:#555;font-size:14px;font-weight:600;margin-bottom:12px}.qr-code-container{background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:inline-block;margin-bottom:10px;padding:16px}.qr-code-image{display:block;height:200px;width:200px}.qr-hint{color:#888;font-size:12px;line-height:1.4;margin:0 auto;max-width:300px}.btn-share{align-items:center;background:#667eea;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;justify-content:center;margin-bottom:24px;padding:14px;transition:opacity .2s;width:100%}.btn-share:hover{opacity:.9}.referral-stats{margin-bottom:20px}.stats-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.stats-header h4{color:#333;font-size:16px;font-weight:600;margin:0}.total-bonuses{background:#d4edda;border-radius:12px;color:#4caf50;font-size:14px;font-weight:700;padding:6px 12px}.referrals-list{display:flex;flex-direction:column;gap:10px}.referral-item{align-items:center;background:#fafafa;border:1px solid #e8e8e8;border-radius:12px;gap:12px}.referral-avatar{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.referral-info{flex:1 1}.referral-name{font-size:14px;margin-bottom:2px}.referral-date{color:#888}.referral-amount{color:#2196f3;font-size:14px;font-weight:700}.empty-state{background:#fafafa;border:1px solid #e8e8e8;border-radius:12px;margin-bottom:20px;padding:40px 20px}.empty-icon{margin-bottom:12px}.empty-title{color:#333;font-size:16px;font-weight:600;margin-bottom:8px}.empty-text{color:#666;font-size:14px;line-height:1.5;margin:0 auto;max-width:300px}.rules-box{background:#fafafa;border:1px solid #e8e8e8;border-left:4px solid #2196f3;border-radius:12px;padding:16px}.rules-title{color:#333;font-size:14px;font-weight:600;margin-bottom:12px}.rules-list{margin:0;padding-left:20px}.rules-list li{color:#555;font-size:13px;line-height:1.6;margin-bottom:8px}.rules-list li:last-child{margin-bottom:0}@media (max-width:768px){.referral-widget{padding:16px}.referral-info-banner{flex-direction:column;padding:16px;text-align:center}.code-display{flex-direction:column}.code-value{font-size:20px;text-align:center}.btn-copy{width:100%}.stats-header{align-items:flex-start;flex-direction:column;gap:8px}}.transactions-timeline{position:relative}.transaction-card{grid-gap:20px;align-items:start;background:#fff;border:1px solid #e0e0e0;border-radius:16px;display:grid;gap:20px;grid-template-columns:120px 60px 1fr;margin-bottom:16px;padding:24px;position:relative}.transaction-card:hover{border-color:#2196f3}.transaction-card:before{background:linear-gradient(180deg,#2196f3,#0000);bottom:-16px;content:"";left:140px;position:absolute;top:30px;width:2px}.transaction-card:last-child:before{display:none}.transaction-date{color:#666;font-size:13px;font-weight:500;padding-top:4px;text-align:right}.transaction-time{color:#999;font-size:12px;font-weight:400}.transaction-icon{align-items:center;background:#fff;border:2px solid;border-radius:50%;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;width:56px;z-index:1}.transaction-content{flex:1 1}.transaction-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.transaction-type{align-items:center;display:flex;gap:8px}.transaction-amount{font-size:24px;font-weight:700}.transaction-amount.positive{color:#4caf50}.transaction-amount.negative{color:#f44336}.transaction-description{color:#333;font-size:15px;line-height:1.5;margin-bottom:12px}.transaction-footer{color:#666;display:flex;flex-wrap:wrap;font-size:13px;gap:16px}.balance-change{align-items:center;display:flex;gap:4px}.balance-change strong{color:#333;font-weight:600}.expires-info{color:#f39c12;font-weight:500}.order-link{color:#2196f3;cursor:pointer;font-weight:600;transition:color .2s}.order-link:hover{color:#1976d2;text-decoration:underline}.load-more-btn{background:#667eea;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 32px;transition:opacity .2s}.load-more-btn:hover{opacity:.9}.load-more-btn:active{opacity:1}@media (max-width:768px){.transaction-card{gap:12px;grid-template-columns:1fr}.transaction-card:before{display:none}.transaction-date{order:-1;padding-top:0;text-align:left}.transaction-icon{font-size:24px;height:48px;margin:0 auto;width:48px}.transaction-amount{font-size:20px}.transaction-footer{flex-direction:column;gap:8px}}.loyalty-settings-container{margin:0 auto;max-width:1200px;padding:24px}.loyalty-settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.loyalty-settings-header h1{color:#1a1a1a;font-size:28px;font-weight:600;margin:0}.btn-save{align-items:center;background:#4caf50;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;padding:12px 24px;transition:opacity .2s}.btn-save:hover:not(:disabled){opacity:.9}.btn-save:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.message{font-size:14px;padding:12px 16px}.message.success{background:#d4edda;border:1px solid #c3e6cb}.message.error{background:#f8d7da;border:1px solid #f5c6cb}.loyalty-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:8px;margin-bottom:24px}.tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;margin-bottom:-2px;padding:12px 24px;transition:all .2s}.tab:hover{background:#fafafa;color:#333}.tab.active{background:none;border-bottom-color:#4caf50;color:#4caf50}.loyalty-settings-content{background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:32px}.settings-section h2{border-bottom:1px solid #e0e0e0;color:#333;font-size:20px;font-weight:600;margin:0 0 24px;padding-bottom:12px}.form-group{margin-bottom:24px}.form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group .hint{color:#888;display:block;font-size:12px;font-weight:400;margin-top:4px}.input-with-unit input{border:1px solid #ddd;border-radius:8px;flex:0 0 200px;font-size:15px;padding:10px 14px;transition:border-color .2s}.input-with-unit input:focus{border-color:#4caf50;outline:none}.input-with-unit .unit{color:#666;font-size:14px;font-weight:500}.info-box{background:#f0f7ff;border:1px solid #e8e8e8;border-left:4px solid #2196f3;border-radius:12px;margin-top:32px;padding:16px}.info-box strong{color:#1976d2;display:block;font-size:14px;margin-bottom:8px}.info-box ul{color:#555;font-size:13px;line-height:1.6;margin:0;padding-left:20px}.info-box li{margin-bottom:4px}.loyalty-settings-error,.loyalty-settings-loading{color:#666;font-size:16px;padding:40px;text-align:center}.loyalty-settings-error{color:#d32f2f}@media (max-width:768px){.loyalty-settings-container{padding:16px}.loyalty-settings-header{align-items:flex-start;flex-direction:column;gap:16px}.loyalty-tabs{flex-wrap:wrap}.tab{flex:1 1;font-size:13px;min-width:120px;padding:10px 16px}.loyalty-settings-content{padding:20px}.input-with-unit input{flex:1 1}}.loyalty-levels-container{margin:0 auto;max-width:1400px;padding:24px}.loyalty-levels-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.btn-add-level{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:4px;padding:10px 16px;transition:opacity .2s}.btn-add-level:hover{opacity:.9}.loyalty-levels-header h1{color:#333;font-size:28px;margin:0}.loyalty-levels-loading{color:#666;font-size:18px;padding:60px;text-align:center}.info-banner{background:#667eea;border:1px solid #e8e8e8;border-radius:16px;color:#fff;margin-bottom:32px;padding:20px 24px}.info-banner strong{display:block;font-size:16px;margin-bottom:8px}.info-banner p{font-size:14px;margin:6px 0;opacity:.95}.info-banner em{font-size:13px;opacity:.85}.levels-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.level-card{background:#fff;border:1px solid #e8e8e8;border-left:5px solid #4caf50;border-radius:16px;cursor:grab;padding:20px;transition:all .3s ease}.level-card:active{cursor:grabbing;transform:scale(1.02)}.level-card.editing{border-color:#2196f3;cursor:default}.level-card:hover:not(.editing){transform:translateY(-4px)}.level-card-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:16px;margin-bottom:16px;padding-bottom:16px}.level-icon{flex-shrink:0;height:64px;width:64px}.icon-input{background:#0000;border:2px dashed #ccc;border-radius:8px;font-size:28px;height:48px;text-align:center;width:48px}.level-info{flex:1 1}.level-info h3{color:#333;font-size:20px;margin:0 0 4px}.level-priority{color:#888;font-size:13px;font-weight:500}.name-input{border:2px solid #2196f3;border-radius:6px;color:#333;font-size:18px;font-weight:600;padding:8px 12px;width:100%}.level-details{margin-bottom:16px}.detail-row{align-items:center;border-bottom:1px dashed #f0f0f0;display:flex;justify-content:space-between;padding:10px 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#666;font-size:14px;font-weight:500}.detail-row .value{color:#333;font-size:15px;font-weight:600}.detail-row .value.highlight{color:#4caf50;font-size:18px}.input-with-percent{align-items:center;display:flex;gap:6px}.input-with-percent input{width:80px}.input-with-percent span{color:#666;font-weight:600}.number-input{border:2px solid #2196f3;border-radius:6px;color:#333;font-size:14px;font-weight:600;padding:6px 10px;width:120px}.level-actions{border-top:1px solid #f0f0f0;display:flex;gap:8px;margin-top:16px;padding-top:16px}.btn-cancel,.btn-delete,.btn-edit,.btn-save-level{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:opacity .2s;white-space:nowrap}.btn-delete{align-items:center;background:#f5576c;color:#fff;display:inline-flex}.btn-delete:hover{opacity:.9}.btn-save-level{align-items:center;background:#00bcd4;color:#fff;display:inline-flex}.btn-save-level:hover{opacity:.9}@media (max-width:768px){.levels-grid{grid-template-columns:1fr}.level-card-header{align-items:flex-start;flex-direction:column}.level-icon{height:48px;width:48px}.level-actions{flex-direction:column}.btn-cancel,.btn-delete,.btn-edit,.btn-save-level{width:100%}}.customers-container{background:#fafafa;margin:0 auto;max-width:1600px;min-height:100vh;padding:24px}.customers-header{margin-bottom:24px}.customers-header h1{color:#2c3e50;font-size:24px;font-weight:600;margin:0}.customers-loading{color:#666;font-size:18px;padding:60px;text-align:center}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{border:1px solid #e8e8e8;border-radius:16px;color:#fff;padding:24px;text-align:center}.stat-value{font-size:32px;margin-bottom:8px}.stat-label{font-size:13px;opacity:.9}.filters-section{background:#fff;border:1px solid #e8e8e8;border-radius:16px;margin-bottom:20px;padding:20px}.filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.search-input{border:1px solid #e0e0e0;border-radius:12px;flex:1 1;font-size:14px;min-width:250px;padding:12px 16px;transition:border .2s}.search-input:focus{border-color:#667eea;outline:none}.filter-select{background:#fff;border:1px solid #e0e0e0;border-radius:12px;cursor:pointer;font-size:14px;padding:12px 16px;transition:border .2s}.filter-select:focus{border-color:#667eea;outline:none}.checkbox-label{align-items:center;color:#2c3e50;cursor:pointer;display:flex;font-size:14px;gap:8px;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.btn-reset{background:#fff;border:1px solid #e0e0e0;border-radius:12px;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s}.btn-reset:hover{background:#f5f5f5}.table-container{background:#fff;border:1px solid #e8e8e8;border-radius:16px;overflow:hidden}.customers-mobile-list{display:none}.customer-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:16px}.customer-card-header{align-items:flex-start;margin-bottom:12px}.customer-card-header,.customer-card-row{display:flex;gap:12px;justify-content:space-between}.customer-card-row{align-items:center;border-bottom:1px dashed #f0f0f0;padding:6px 0}.customer-card-row:last-of-type{border-bottom:none}.customer-card-row .label{color:#888;font-size:12px}.customer-card-row .value{color:#2c3e50;font-size:13px;text-align:right}.btn-view.btn-view-block{justify-content:center;margin-top:12px;width:100%}.customers-table{border-collapse:collapse;width:100%}.customers-table thead{background:#fafafa}.customers-table th{border-bottom:1px solid #e8e8e8;color:#2c3e50;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase;white-space:nowrap}.customers-table th.sortable{cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.customers-table th.sortable:hover{background:#f5f5f5}.customers-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s}.customers-table tbody tr:hover{background:#fafafa}.customers-table td{color:#555;font-size:14px;padding:16px}.customer-info{display:flex;flex-direction:column;gap:4px}.customer-name{color:#2c3e50;font-size:15px;font-weight:600}.customer-contact{color:#888;font-size:13px}.customer-email{color:#999;font-size:12px}.bonus-badge{background:#f5f5f5;border:1px solid #e8e8e8;border-radius:8px;color:#999;display:inline-block;font-size:14px;font-weight:600;padding:6px 12px}.bonus-badge.active{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.level-badge{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:8px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.level-badge span{font-size:16px}.cashback-value{color:#4caf50;font-weight:600}.amount-cell{color:#2c3e50;font-weight:600}.count-cell{color:#2196f3;font-weight:600}.date-cell{color:#888;font-size:13px}.text-muted{color:#ccc}.btn-view{border:none;border-radius:12px;display:inline-block;font-size:13px;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .2s}.btn-view:hover{opacity:.9}.empty-state{color:#999;font-size:16px;padding:60px;text-align:center}.pagination{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:16px;display:flex;gap:20px;justify-content:center;margin-top:24px;padding:20px}.pagination-btn{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.pagination-btn:hover:not(:disabled){opacity:.9}.pagination-btn:disabled{cursor:not-allowed;opacity:1}.pagination-info{color:#2c3e50;font-size:14px;font-weight:500}@media (max-width:1200px){.customers-table{font-size:13px}.customers-table td,.customers-table th{padding:12px}}@media (max-width:768px){.customers-container{padding:16px}.customers-header h1{font-size:20px}.stats-grid{grid-template-columns:1fr}.stat-card{padding:16px}.stat-value{font-size:24px}.filters-row{align-items:stretch;flex-direction:column}.btn-reset,.filter-select,.search-input{width:100%}.table-container{display:none}.customers-mobile-list{display:flex;flex-direction:column;gap:12px}.btn-view{justify-content:center;width:100%}}.customer-detail-container{margin:0 auto;max-width:1400px;padding:24px}.customer-detail-loading{color:#666;font-size:18px;padding:60px;text-align:center}.detail-header{margin-bottom:24px}.back-link{color:#667eea;display:inline-block;font-size:14px;font-weight:600;margin-bottom:12px;text-decoration:none;transition:color .2s}.back-link:hover{color:#764ba2}.detail-header h1{color:#333;font-size:28px;margin:0}.message{animation:slideDown .3s ease;border-radius:8px;font-size:15px;font-weight:500;margin-bottom:20px;padding:14px 20px}.message.success{background-color:#d4edda;border-left:4px solid #28a745;color:#155724}.message.error{background-color:#f8d7da;border-left:4px solid #dc3545;color:#721c24}.detail-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.detail-card{background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:24px}.detail-card h2{align-items:center;color:#333;display:flex;font-size:20px;gap:8px;margin:0 0 20px}.info-rows{display:flex;flex-direction:column;gap:12px}.info-row{border-bottom:1px dashed #f0f0f0;display:flex;justify-content:space-between;padding:10px 0}.info-row:last-child{border-bottom:none}.info-row .label{color:#666;font-size:14px;font-weight:500}.info-row .value{color:#333;font-size:14px;font-weight:600}.loyalty-card{background:#fff;border:1px solid #e8e8e8}.current-level{background:#fafafa;border:2px solid #4caf50;border-radius:12px;gap:16px;margin-bottom:20px;padding:16px}.current-level,.level-icon{align-items:center;display:flex}.level-icon{border-radius:12px;font-size:32px;height:56px;justify-content:center;width:56px}.level-name{color:#333;font-size:18px;font-weight:600;margin-bottom:4px}.level-cashback{color:#4caf50;font-size:14px;font-weight:600}.loyalty-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.stat-item{background:#fafafa;border:1px solid #e8e8e8;border-radius:12px;padding:16px;text-align:center}.stat-label{color:#888;font-size:12px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.stat-value{color:#333;font-size:24px;font-weight:700}.stat-value.bonus{color:#fdcb6e}.cashback-section{align-items:center;background:#fafafa;border:1px solid #e8e8e8;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px}.cashback-info{display:flex;flex-direction:column;gap:4px}.cashback-percent{color:#4caf50;font-size:18px;font-weight:700}.btn-edit{align-items:center;background:#667eea;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;padding:10px 20px;transition:opacity .2s}.btn-edit:hover{opacity:.9}.btn-bonus{align-items:center;background:#ffa726;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;justify-content:center;padding:14px;transition:opacity .2s;width:100%}.btn-bonus:hover{opacity:.9}.referral-code-section{background:#fafafa;border:2px solid #e8e8e8;border-radius:12px;margin-bottom:16px;padding:20px;text-align:center}.referral-label{color:#666;font-size:13px;margin-bottom:8px}.referral-code-value{color:#2c3e50;font-family:monospace;font-size:24px;font-weight:700;letter-spacing:2px}.referred-by{background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px}.referrals-list h3{color:#555;font-size:16px;margin:0 0 12px}.no-data{color:#999;font-size:14px;padding:30px;text-align:center}.referrals-items{display:flex;flex-direction:column;gap:10px}.referral-item{background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:14px;transition:background .2s}.referral-item:hover{background:#e9ecef}.referral-name{color:#333;font-weight:600;margin-bottom:4px}.referral-phone{color:#888;font-size:13px}.referral-stats{text-align:right}.referral-date{color:#999;font-size:12px;margin-top:4px}.transactions-card{grid-column:1/-1}.transactions-list{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto}.transaction-item{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;gap:16px;padding:16px;transition:all .2s}.transaction-item:hover{background:#e9ecef;transform:translateX(4px)}.tx-type{font-size:20px;min-width:120px}.tx-details{flex:1 1}.tx-description{color:#333;font-size:14px;font-weight:500;margin-bottom:4px}.tx-date{color:#888;font-size:12px}.tx-expiry{color:#f39c12;font-size:11px;margin-top:4px}.tx-amount-section{text-align:right}.tx-amount{font-size:18px;font-weight:700;margin-bottom:4px}.tx-amount.positive{color:#27ae60}.tx-amount.negative{color:#e74c3c}.tx-balance{color:#888;font-size:12px}.modal-overlay{align-items:center;animation:fadeIn .2s;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s;background:#fff;border:1px solid #e8e8e8;border-radius:16px;max-width:500px;padding:32px;width:90%}.modal-content h3{color:#333;font-size:22px;margin:0 0 12px}.modal-content p{color:#666;font-size:14px;line-height:1.5;margin:0 0 24px}.modal-field{margin-bottom:20px}.modal-field label{color:#555;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.modal-field input,.modal-field textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px;transition:border .2s;width:100%}.modal-field input:focus,.modal-field textarea:focus{border-color:#667eea;outline:none}.input-with-unit{align-items:center;display:flex;gap:8px}.input-with-unit input{flex:1 1}.input-with-unit span{color:#666;font-weight:700}.bonus-preview{background:#f0f7ff;border-left:4px solid #2196f3;border-radius:6px;color:#333;font-weight:600;margin-bottom:20px;padding:12px}.modal-actions{display:flex;gap:12px}.btn-cancel,.btn-save{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px;transition:all .2s}.btn-save{background:#00bcd4;color:#fff}.btn-save:hover{opacity:.9}.btn-cancel{background:#f5f5f5;color:#666}.btn-cancel:hover{background:#e0e0e0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.detail-grid{grid-template-columns:1fr}.loyalty-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.customer-detail-container{padding:16px}.loyalty-stats{grid-template-columns:1fr}.transaction-item{align-items:flex-start;flex-direction:column}.tx-amount-section{text-align:left}}:root{--primary-color:#7c4dff;--hover-color:#6a3de8}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}.css-v1ypyu{background-color:#dfdfdf!important}.css-4v7c44{border:1px solid #ececec;border-radius:15px;padding:10px}
/*# sourceMappingURL=main.9f143d7c.css.map*/