.commission-allocation-rules-page[data-v-aaa9adca]{padding:20px}.page-header[data-v-aaa9adca]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-title[data-v-aaa9adca]{font-size:20px;font-weight:600;color:#333;margin:0}.add-btn[data-v-aaa9adca]{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .3s}.add-btn[data-v-aaa9adca]:hover{background:#5a6fd6}.info-banner[data-v-aaa9adca]{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;background:#eef6ff;border:1px solid #cfe3ff;border-radius:6px;font-size:13px;color:#2c5a8a;line-height:1.5}.info-banner .info-icon[data-v-aaa9adca]{font-size:15px}.search-bar[data-v-aaa9adca]{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.search-input[data-v-aaa9adca]{min-width:200px}.search-input[data-v-aaa9adca],.search-select[data-v-aaa9adca]{padding:10px 14px;border:1px solid #ddd;border-radius:6px;font-size:14px}.search-select[data-v-aaa9adca]{background:#fff}.search-btn[data-v-aaa9adca]{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.total-count[data-v-aaa9adca]{align-self:center;color:#999;font-size:13px;margin-left:auto}.pagination[data-v-aaa9adca]{display:flex;align-items:center;gap:12px;margin:16px 0;flex-wrap:wrap}.pagination button[data-v-aaa9adca]{padding:7px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer}.pagination button[data-v-aaa9adca]:disabled{background:#c3c9e8;cursor:not-allowed}.page-info[data-v-aaa9adca]{color:#555;font-size:13px}.page-size-select[data-v-aaa9adca]{padding:7px 10px;border:1px solid #ddd;border-radius:6px;font-size:13px;background:#fff}.rules-table[data-v-aaa9adca]{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06)}.rules-table td[data-v-aaa9adca],.rules-table th[data-v-aaa9adca]{padding:14px 16px;text-align:left;border-bottom:1px solid #eee;font-size:14px}.rules-table th[data-v-aaa9adca]{background:#f8f9fa;font-weight:600;color:#333}.role-matrix-wrap[data-v-aaa9adca]{border:1px solid #eee;border-radius:8px;overflow:hidden}.role-matrix[data-v-aaa9adca]{width:100%;border-collapse:collapse;background:#fff}.role-matrix td[data-v-aaa9adca],.role-matrix th[data-v-aaa9adca]{padding:10px 12px;text-align:left;border-bottom:1px solid #f0f0f0;font-size:14px}.role-matrix th[data-v-aaa9adca]{background:#f8f9fa;font-weight:600;color:#333}.role-matrix .form-input[data-v-aaa9adca],.role-matrix .form-select[data-v-aaa9adca]{width:100%;padding:7px 10px;border:1px solid #ddd;border-radius:6px;font-size:13px}.role-matrix-empty[data-v-aaa9adca]{text-align:center;color:#999;padding:18px 0}.group-row td[data-v-aaa9adca]{background:#eef3fb;font-weight:600;color:#2c3e50;padding:10px 14px;border-bottom:2px solid #d6e2f5}.group-title[data-v-aaa9adca]{font-size:14px}.group-count[data-v-aaa9adca]{color:#7a8aa0;font-weight:400;font-size:12px;margin-left:4px}.group-edit-btn[data-v-aaa9adca]{color:#2c7be5;border:1px solid #2c7be5;border-radius:6px}.group-delete-btn[data-v-aaa9adca],.group-edit-btn[data-v-aaa9adca]{float:right;padding:4px 12px;font-size:12px;background:#fff;cursor:pointer;margin-left:8px}.group-delete-btn[data-v-aaa9adca]{color:#e74c3c;border:1px solid #e74c3c;border-radius:6px}.group-delete-btn[data-v-aaa9adca]:hover{background:#e74c3c;color:#fff}.group-edit-btn[data-v-aaa9adca]:hover{background:#2c7be5;color:#fff}.rules-table tr[data-v-aaa9adca]:hover{background:#f8f9fa}.status-badge[data-v-aaa9adca]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-enabled[data-v-aaa9adca]{background:#d4edda;color:#155724}.status-disabled[data-v-aaa9adca]{background:#f8d7da;color:#721c24}.delete-btn[data-v-aaa9adca],.edit-btn[data-v-aaa9adca]{padding:6px 12px;border:none;border-radius:4px;font-size:13px;cursor:pointer;margin-right:8px;transition:opacity .3s}.edit-btn[data-v-aaa9adca]{background:#667eea;color:#fff}.delete-btn[data-v-aaa9adca]{background:#e74c3c;color:#fff}.delete-btn[data-v-aaa9adca]:hover,.edit-btn[data-v-aaa9adca]:hover{opacity:.8}.empty-state[data-v-aaa9adca]{text-align:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.empty-icon[data-v-aaa9adca]{font-size:48px;display:block;margin-bottom:16px}.empty-state p[data-v-aaa9adca]{color:#999;margin:0 0 20px 0}.empty-add-btn[data-v-aaa9adca]{padding:10px 24px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.modal-overlay[data-v-aaa9adca]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-aaa9adca]{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header[data-v-aaa9adca]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.modal-header h3[data-v-aaa9adca]{margin:0;font-size:16px;color:#333}.close-btn[data-v-aaa9adca]{background:none;border:none;font-size:24px;color:#999;cursor:pointer;line-height:1}.close-btn[data-v-aaa9adca]:hover{color:#333}.modal-body[data-v-aaa9adca]{padding:20px}.form-item[data-v-aaa9adca]{margin-bottom:16px}.form-label[data-v-aaa9adca]{display:block;font-size:14px;color:#333;margin-bottom:8px;font-weight:500}.required[data-v-aaa9adca]{color:#e74c3c}.form-input[data-v-aaa9adca],.form-select[data-v-aaa9adca],.form-textarea[data-v-aaa9adca]{width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box;background:#fff}.form-textarea[data-v-aaa9adca]{resize:vertical}.form-input[data-v-aaa9adca]:focus,.form-select[data-v-aaa9adca]:focus,.form-textarea[data-v-aaa9adca]:focus{outline:none;border-color:#667eea}.form-hint[data-v-aaa9adca]{display:block;font-size:12px;color:#999;margin-top:6px}.modal-footer[data-v-aaa9adca]{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #eee}.cancel-btn[data-v-aaa9adca],.confirm-btn[data-v-aaa9adca]{padding:10px 24px;border:none;border-radius:6px;font-size:14px;cursor:pointer}.cancel-btn[data-v-aaa9adca]{background:#f0f0f0;color:#666}.confirm-btn[data-v-aaa9adca]{background:#667eea;color:#fff}.cancel-btn[data-v-aaa9adca]:hover{background:#e0e0e0}.confirm-btn[data-v-aaa9adca]:hover{background:#5a6fd6}